@bikdotai/bik-component-library 0.0.736-beta.0 → 0.0.736-beta.1

package/dist/esm/components/checkList/CheckList.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as s,useEffect as i}from"react";import{CheckBox as n}from"../checkBox/CheckBox.js";import{CheckListStyled as o}from"./CheckList.styled.js";import{TitleRegular as r,BodySecondary as l}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const a=a=>{var m;const[h,d]=s(a.listItems);i((()=>{d(a.listItems)}),[a.listItems]);const p=(t,e)=>{const s=[...h],i=h.find((t=>t.value===e));i&&(i.isChecked=t),d(s);const n=s.filter((t=>t.isChecked));a.onChange(n)};return t(o,{children:[(a.title||a.subTitle)&&t("div",Object.assign({className:"title__container"},{children:[a.title&&e(r,{children:a.title}),a.subTitle&&e(l,Object.assign({color:c.text.secondary},{children:a.subTitle}))]})),e("div",Object.assign({style:null!==(m=a.listContainerStyles)&&void 0!==m?m:{},className:"list__container"},{children:h.map((t=>e(n,Object.assign({},t,{onValueChange:p}),t.value)))}))]})};export{a as CheckList};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{CheckBox as o}from"../checkBox/CheckBox.js";import{CheckListStyled as r}from"./CheckList.styled.js";import{TitleRegular as l,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const a=a=>{var m;const[h,d]=i(a.listItems);s((()=>{d(a.listItems)}),[a.listItems]);const p=(t,e)=>{const i=[...h],s=h.find((t=>t.value===e));s&&(s.isChecked=t),d(i);const o=i.filter((t=>t.isChecked));a.onChange(o)};return t(r,{children:[(a.title||a.subTitle)&&t("div",{className:"title__container",children:[a.title&&e(l,{children:a.title}),a.subTitle&&e(n,{color:c.text.secondary,children:a.subTitle})]}),e("div",{style:null!==(m=a.listContainerStyles)&&void 0!==m?m:{},className:"list__container",children:h.map((t=>e(o,Object.assign({},t,{onValueChange:p}),t.value)))})]})};export{a as CheckList};

package/dist/esm/components/checkList/CheckList.styled.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare const CheckListStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckListStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;

package/dist/esm/components/checkList/CheckList.styled.js

@@ -1 +1,10 @@
-import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"e31qg550"}:{target:"e31qg550",label:"CheckListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJDaGVja0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IENoZWNrTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGVja0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as CheckListStyled};
+import t from"@emotion/styled";const o=t.div`
+	.title__container {
+		margin-bottom: 12px;
+	}
+	.list__container {
+		display: flex;
+		flex-direction: column;
+		gap: 10px;
+	}
+`;export{o as CheckListStyled};

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

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

package/dist/esm/components/code-block/CodeBlock.d.ts

@@ -1,2 +1,2 @@
-import { CodeBlockProps } from './types';
-export declare const CodeBlock: ({ code, language, title, hideLineNumbers, maxHeight, maxWidth, theme, hideHeader, hideCopy, }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+import { CodeBlockProps } from './types';
+export declare const CodeBlock: ({ code, language, title, hideLineNumbers, maxHeight, maxWidth, theme, hideHeader, hideCopy, }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/code-block/CodeBlock.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as i,Fragment as o}from"react/jsx-runtime";import{useState as r,useEffect as d}from"react";import{toast as c}from"react-toastify";import{Container as s,Header as n,TitleSection as a,Title as l,LanguageBadge as m,CopyButton as h,CodeContainer as p,LineNumbers as g,Code as f}from"./CodeBlock.styled.js";import{highlightCode as u}from"./CodeBlockHelper.js";import{CodeLanguage as b}from"./types.js";const j=j=>{let{code:v="",language:y=b.JAVASCRIPT,title:C="",hideLineNumbers:x=!1,maxHeight:O="400px",maxWidth:M,theme:H="dark",hideHeader:k=!1,hideCopy:_=!1}=j;const[L,T]=r(!1),[w,B]=r(v);d((()=>{let t=!0;return e(void 0,void 0,void 0,(function*(){try{const e=yield import(`./languageSpecificFormatting/${y}_file.ts`);if((null==e?void 0:e.format)&&t)return void B(e.format(v))}catch(e){}t&&B(v)})),()=>{t=!1}}),[v,y]);const S=w.split("\n");return t(s,Object.assign({themeMode:H,maxWidth:M},{children:[!k&&t(n,Object.assign({themeMode:H},{children:[t(a,{children:[!!C&&C&&i(l,Object.assign({themeMode:H},{children:C})),i(m,Object.assign({bg:(A=y,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[A.toLowerCase()]||("dark"===H?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(y)},{children:y}))]}),!_&&i(h,Object.assign({themeMode:H,onClick:()=>e(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(v),T(!0),c.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>T(!1)),2e3)}catch(e){c.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}))},{children:i(o,L?{children:"✓ Copied"}:{children:"Copy"})}))]})),t(p,Object.assign({maxHeight:O},{children:[!x&&i(g,Object.assign({themeMode:H},{children:S.map(((e,t)=>i("div",{children:t+1},t)))})),i(f,Object.assign({themeMode:H},{children:S.map(((e,t)=>i("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:u(e,y,H)||" "}},t)))}))]}))]}));var A};export{j as CodeBlock};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsxs as o,jsx as t,Fragment as i}from"react/jsx-runtime";import{useState as r,useEffect as d}from"react";import{toast as c}from"react-toastify";import{Container as n,Header as a,TitleSection as l,Title as m,LanguageBadge as s,CopyButton as h,CodeContainer as p,LineNumbers as f,Code as u}from"./CodeBlock.styled.js";import{highlightCode as v}from"./CodeBlockHelper.js";import{CodeLanguage as g}from"./types.js";const y=y=>{let{code:C="",language:x=g.JAVASCRIPT,title:b="",hideLineNumbers:j=!1,maxHeight:M="400px",maxWidth:H,theme:k="dark",hideHeader:_=!1,hideCopy:L=!1}=y;const[T,w]=r(!1),[B,S]=r(C);d((()=>{let o=!0;return e(void 0,void 0,void 0,(function*(){try{const e=yield import(`./languageSpecificFormatting/${x}_file.ts`);if((null==e?void 0:e.format)&&o)return void S(e.format(C))}catch(e){}o&&S(C)})),()=>{o=!1}}),[C,x]);const A=B.split("\n");return o(n,{themeMode:k,maxWidth:H,children:[!_&&o(a,{themeMode:k,children:[o(l,{children:[!!b&&b&&t(m,{themeMode:k,children:b}),t(s,{bg:(F=x,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[F.toLowerCase()]||("dark"===k?"#6e7681":"#656d76")),color:(e=>{const o={javascript:"#000"};return(null==o?void 0:o[e.toLowerCase()])||"#fff"})(x),children:x})]}),!L&&t(h,{themeMode:k,onClick:()=>e(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(C),w(!0),c.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>w(!1)),2e3)}catch(e){c.error("Failed to copy code",{position:"top-right",autoClose:2e3})}})),children:t(i,T?{children:"✓ Copied"}:{children:"Copy"})})]}),o(p,{maxHeight:M,children:[!j&&t(f,{themeMode:k,children:A.map(((e,o)=>t("div",{children:o+1},o)))}),t(u,{themeMode:k,children:A.map(((e,o)=>t("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:v(e,x,k)||" "}},o)))})]})]});var F};export{y as CodeBlock};

package/dist/esm/components/code-block/CodeBlock.styled.d.ts

@@ -1,31 +1,31 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    themeMode: 'dark' | 'light';
-    maxWidth?: string | undefined;
-}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", any, {
-    themeMode: 'dark' | 'light';
-}, never>;
-export declare const WindowControls: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Dot: import("styled-components").StyledComponent<"div", any, {
-    color: string;
-}, never>;
-export declare const TitleSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"span", any, {
-    themeMode: 'dark' | 'light';
-}, never>;
-export declare const LanguageBadge: import("styled-components").StyledComponent<"div", any, {
-    bg: string;
-    color?: string | undefined;
-}, never>;
-export declare const CopyButton: import("styled-components").StyledComponent<"button", any, {
-    themeMode: 'dark' | 'light';
-}, never>;
-export declare const CodeContainer: import("styled-components").StyledComponent<"div", any, {
-    maxHeight: string;
-}, never>;
-export declare const LineNumbers: import("styled-components").StyledComponent<"div", any, {
-    themeMode: 'dark' | 'light';
-}, never>;
-export declare const Code: import("styled-components").StyledComponent<"pre", any, {
-    themeMode: 'dark' | 'light';
-}, never>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    themeMode: "dark" | "light";
+    maxWidth?: string;
+}>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    themeMode: "dark" | "light";
+}>> & string;
+export declare const WindowControls: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Dot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    color: string;
+}>> & string;
+export declare const TitleSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    themeMode: "dark" | "light";
+}>> & string;
+export declare const LanguageBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    bg: string;
+    color?: string;
+}>> & string;
+export declare const CopyButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    themeMode: "dark" | "light";
+}>> & string;
+export declare const CodeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    maxHeight: string;
+}>> & string;
+export declare const LineNumbers: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    themeMode: "dark" | "light";
+}>> & string;
+export declare const Code: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, {
+    themeMode: "dark" | "light";
+}>> & string;

package/dist/esm/components/code-block/CodeBlockHelper.d.ts

@@ -1,3 +1,3 @@
-import { CodeLanguage, CodeThemeMode } from './types';
-export declare const randomStringToColor: (str: string) => string;
-export declare const highlightCode: (code: string, lang: CodeLanguage, theme?: CodeThemeMode) => string;
+import { CodeLanguage, CodeThemeMode } from './types';
+export declare const randomStringToColor: (str: string) => string;
+export declare const highlightCode: (code: string, lang: CodeLanguage, theme?: CodeThemeMode) => string;

package/dist/esm/components/code-block/index.d.ts

@@ -1,2 +1,2 @@
-export * from './CodeBlock';
-export * from './types';
+export * from './CodeBlock';
+export * from './types';

package/dist/esm/components/code-block/keywordMap.d.ts

@@ -1 +1 @@
-export declare const keywordsMap: Record<string, string[]>;
+export declare const keywordsMap: Record<string, string[]>;

package/dist/esm/components/code-block/languageSpecificFormatting/html_file.d.ts

@@ -1 +1 @@
-export declare function format(code: string): string;
+export declare function format(code: string): string;

package/dist/esm/components/code-block/languageSpecificFormatting/javascript_file.d.ts

@@ -1,3 +1,3 @@
-import { CodeThemeMode } from '../types';
-export declare function colorOverWrite(theme: CodeThemeMode): Record<string, string> | undefined;
-export declare function colorMap(theme: CodeThemeMode): string[] | undefined;
+import { CodeThemeMode } from '../types';
+export declare function colorOverWrite(theme: CodeThemeMode): Record<string, string> | undefined;
+export declare function colorMap(theme: CodeThemeMode): string[] | undefined;

package/dist/esm/components/code-block/types.d.ts

@@ -1,20 +1,20 @@
-export declare enum CodeLanguage {
-    JAVASCRIPT = "javascript",
-    PYTHON = "python",
-    JAVA = "java",
-    CSS = "css",
-    HTML = "html",
-    JSON = "json"
-}
-export type CodeThemeMode = 'dark' | 'light';
-export interface CodeBlockProps {
-    code?: string;
-    language?: CodeLanguage;
-    title?: string;
-    hideHeader?: boolean;
-    hideCopy?: boolean;
-    hideLineNumbers?: boolean;
-    maxHeight?: string;
-    maxWidth?: string;
-    theme?: CodeThemeMode;
-}
+export declare enum CodeLanguage {
+    JAVASCRIPT = "javascript",
+    PYTHON = "python",
+    JAVA = "java",
+    CSS = "css",
+    HTML = "html",
+    JSON = "json"
+}
+export type CodeThemeMode = 'dark' | 'light';
+export interface CodeBlockProps {
+    code?: string;
+    language?: CodeLanguage;
+    title?: string;
+    hideHeader?: boolean;
+    hideCopy?: boolean;
+    hideLineNumbers?: boolean;
+    maxHeight?: string;
+    maxWidth?: string;
+    theme?: CodeThemeMode;
+}

package/dist/esm/components/colourInput/ColourInput.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-export interface ColourInputProps {
-    value: string;
-    labelText: string;
-    headingText?: string;
-    onValueChange: (value: string) => void;
-}
-export declare const ColourInput: React.FC<ColourInputProps>;
+import React from 'react';
+export interface ColourInputProps {
+    value: string;
+    labelText: string;
+    headingText?: string;
+    onValueChange: (value: string) => void;
+}
+export declare const ColourInput: React.FC<ColourInputProps>;

package/dist/esm/components/colourInput/ColourInput.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{ColorInputContainer as r,StyledColorInput as t}from"./ColourInput.styled.js";import{BodySecondary as l,BodyPrimary as n}from"../TypographyStyle.js";const a=a=>{var i;return e("div",Object.assign({className:"buttonColorCustom"},{children:[a.headingText&&o(l,{children:a.headingText}),e(r,{children:[o(n,{children:null!==(i=a.labelText)&&void 0!==i?i:"Colour"}),o(t,{type:"color",onChange:e=>{a.onValueChange(e.target.value)},value:a.value})]})]}))};export{a as ColourInput};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{ColorInputContainer as r,StyledColorInput as t}from"./ColourInput.styled.js";import{BodySecondary as l,BodyPrimary as n}from"../TypographyStyle.js";const a=a=>{var i;return e("div",{className:"buttonColorCustom",children:[a.headingText&&o(l,{children:a.headingText}),e(r,{children:[o(n,{children:null!==(i=a.labelText)&&void 0!==i?i:"Colour"}),o(t,{type:"color",onChange:e=>{a.onValueChange(e.target.value)},value:a.value})]})]})};export{a as ColourInput};

package/dist/esm/components/colourInput/ColourInput.styled.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-export declare const ColorInputContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledColorInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const ColorInputContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;
+export declare const StyledColorInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;

package/dist/esm/components/colourInput/ColourInput.styled.js

@@ -1 +1,29 @@
-import c from"@emotion/styled/base";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const d=c("div","production"===process.env.NODE_ENV?{target:"e1n3hesw1"}:{target:"e1n3hesw1",label:"ColorInputContainer"})("margin-top:8px;display:flex;min-height:unset;flex-direction:row;align-items:center;padding:20px 8px;flex:1;gap:16px;width:100%;height:48px;background:",e.colorsV2.surface.standard,";border:1px solid ",e.colorsV2.stroke.primary,";border-radius:4px;justify-content:space-between;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbG91cklucHV0LnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRThDIiwiZmlsZSI6IkNvbG91cklucHV0LnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb2xvcklucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbi10b3A6IDhweDtcblx0ZGlzcGxheTogZmxleDtcblx0bWluLWhlaWdodDogdW5zZXQ7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHBhZGRpbmc6IDIwcHggOHB4O1xuXHRmbGV4OiAxO1xuXHRnYXA6IDE2cHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDQ4cHg7XG5cdGJhY2tncm91bmQ6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ29sb3JJbnB1dCA9IHN0eWxlZC5pbnB1dCBgXG5cdHBhZGRpbmc6IDA7XG5cdGJvcmRlcjogI2UwZTBlMCAxcHggc29saWQ7XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Jjpob3ZlciB7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHR9XG5cdDo6LXdlYmtpdC1jb2xvci1zd2F0Y2gge1xuXHRcdGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbG91cklucHV0LnN0eWxlZC5qcy5tYXAiXX0= */")),t=c("input","production"===process.env.NODE_ENV?{target:"e1n3hesw0"}:{target:"e1n3hesw0",label:"StyledColorInput"})("production"===process.env.NODE_ENV?{name:"18k7jrl",styles:"padding:0;border:#e0e0e0 1px solid;width:32px;height:32px;border-radius:50%;overflow:hidden;&:hover{cursor:pointer;}::-webkit-color-swatch{border-color:transparent;}"}:{name:"18k7jrl",styles:"padding:0;border:#e0e0e0 1px solid;width:32px;height:32px;border-radius:50%;overflow:hidden;&:hover{cursor:pointer;}::-webkit-color-swatch{border-color:transparent;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbG91cklucHV0LnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I2QyIsImZpbGUiOiJDb2xvdXJJbnB1dC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29sb3JJbnB1dENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdG1pbi1oZWlnaHQ6IHVuc2V0O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRwYWRkaW5nOiAyMHB4IDhweDtcblx0ZmxleDogMTtcblx0Z2FwOiAxNnB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRiYWNrZ3JvdW5kOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbG9ySW5wdXQgPSBzdHlsZWQuaW5wdXQgYFxuXHRwYWRkaW5nOiAwO1xuXHRib3JkZXI6ICNlMGUwZTAgMXB4IHNvbGlkO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdCY6aG92ZXIge1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0fVxuXHQ6Oi13ZWJraXQtY29sb3Itc3dhdGNoIHtcblx0XHRib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db2xvdXJJbnB1dC5zdHlsZWQuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{d as ColorInputContainer,t as StyledColorInput};
+import r from"@emotion/styled";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const o=r.div`
+	margin-top: 8px;
+	display: flex;
+	min-height: unset;
+	flex-direction: row;
+	align-items: center;
+	padding: 20px 8px;
+	flex: 1;
+	gap: 16px;
+	width: 100%;
+	height: 48px;
+	background: ${e.colorsV2.surface.standard};
+	border: 1px solid ${e.colorsV2.stroke.primary};
+	border-radius: 4px;
+	justify-content: space-between;
+`,t=r.input`
+	padding: 0;
+	border: #e0e0e0 1px solid;
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	overflow: hidden;
+	&:hover {
+		cursor: pointer;
+	}
+	::-webkit-color-swatch {
+		border-color: transparent;
+	}
+`;export{o as ColorInputContainer,t as StyledColorInput};

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

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

package/dist/esm/components/country-code-picker/CountryCodePicker.d.ts

@@ -1,19 +1,19 @@
-import { Placement, PositioningStrategy } from '@popperjs/core';
-import React from 'react';
-import { CountryCode } from "./CountryCodePicker.modal";
-export declare const CountryCodePicker: React.FC<{
-    version: '1.0' | '2.0';
-    onCountrySelect: (country: CountryCode) => void;
-    selectedCountry: CountryCode;
-    popoverWidth?: string;
-    height?: string;
-    placement?: Placement;
-    placementStrategy?: PositioningStrategy;
-    disabled?: boolean;
-    hideFlagImage?: boolean;
-    containerStyles?: React.CSSProperties;
-    codeColor?: string;
-    dialColor?: string;
-    countryTextStyle?: React.CSSProperties;
-    onDropdownClick?: () => void;
-}>;
+import { Placement, PositioningStrategy } from '@popperjs/core';
+import React from 'react';
+import { CountryCode } from '@src/components/country-code-picker/CountryCodePicker.modal';
+export declare const CountryCodePicker: React.FC<{
+    version: '1.0' | '2.0';
+    onCountrySelect: (country: CountryCode) => void;
+    selectedCountry: CountryCode;
+    popoverWidth?: string;
+    height?: string;
+    placement?: Placement;
+    placementStrategy?: PositioningStrategy;
+    disabled?: boolean;
+    hideFlagImage?: boolean;
+    containerStyles?: React.CSSProperties;
+    codeColor?: string;
+    dialColor?: string;
+    countryTextStyle?: React.CSSProperties;
+    onDropdownClick?: () => void;
+}>;

package/dist/esm/components/country-code-picker/CountryCodePicker.js

@@ -1 +1 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as s,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as l}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as c}from"../TypographyStyle.js";import{COLORS as p}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{var a,u,y,h,j,v,w;const[g,C]=n(null!==(a=m.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),b=`https://flagcdn.com/${null===(u=g.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r((()=>{m.selectedCountry&&C(m.selectedCountry)}),[null===(y=m.selectedCountry)||void 0===y?void 0:y.code]);return o(l,Object.assign({version:m.version,isSearchable:!0,width:null!==(h=m.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(j=m.placement)&&void 0!==j?j:"bottom-start",strategy:null!==(v=m.placementStrategy)&&void 0!==v?v:"absolute",options:d.map((t=>{var n,r,d,s;const l=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(i,{children:[!m.hideFlagImage&&o("img",{src:l,className:"country-flag__option",alt:t.name}),e(c,Object.assign({style:null!==(r=m.countryTextStyle)&&void 0!==r?r:{}},{children:[o("span",Object.assign({style:{color:null!==(d=m.codeColor)&&void 0!==d?d:p.text.primary}},{children:t.code})),"  ",o("span",Object.assign({style:{color:null!==(s=m.dialColor)&&void 0!==s?s:p.text.primary}},{children:t.dial}))]}))]}),selected:g.code===t.code}})),disabled:m.disabled,onSelect:o=>{const e=d.filter((e=>e.code===o.value));C(e[0]),m.onCountrySelect(e[0])}},{children:e(s,Object.assign({height:m.height,style:m.containerStyles,onClick:()=>{var o;console.log("hello"),null===(o=m.onDropdownClick)||void 0===o||o.call(m)}},{children:[e("div",Object.assign({className:"content__wrapper"},{children:[!m.hideFlagImage&&o("img",{src:b,className:"country-flag__selected-option",alt:g.name}),o(c,Object.assign({style:null!==(w=m.countryTextStyle)&&void 0!==w?w:{}},{children:g.dial}))]})),o(t,{width:24,height:24,color:p.content.primary})]}))}))};export{m as CountryCodePicker};
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as l,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as s}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{var a,u,y,h,v,w,j;const[g,C]=n(null!==(a=m.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),D=`https://flagcdn.com/${null===(u=g.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r((()=>{m.selectedCountry&&C(m.selectedCountry)}),[null===(y=m.selectedCountry)||void 0===y?void 0:y.code]);return o(s,{version:m.version,isSearchable:!0,width:null!==(h=m.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(v=m.placement)&&void 0!==v?v:"bottom-start",strategy:null!==(w=m.placementStrategy)&&void 0!==w?w:"absolute",options:d.map((t=>{var n,r,d,l;const s=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(i,{children:[!m.hideFlagImage&&o("img",{src:s,className:"country-flag__option",alt:t.name}),e(p,{style:null!==(r=m.countryTextStyle)&&void 0!==r?r:{},children:[o("span",{style:{color:null!==(d=m.codeColor)&&void 0!==d?d:c.text.primary},children:t.code}),"  ",o("span",{style:{color:null!==(l=m.dialColor)&&void 0!==l?l:c.text.primary},children:t.dial})]})]}),selected:g.code===t.code}})),disabled:m.disabled,onSelect:o=>{const e=d.filter((e=>e.code===o.value));C(e[0]),m.onCountrySelect(e[0])},children:e(l,{height:m.height,style:m.containerStyles,onClick:()=>{var o;console.log("hello"),null===(o=m.onDropdownClick)||void 0===o||o.call(m)},children:[e("div",{className:"content__wrapper",children:[!m.hideFlagImage&&o("img",{src:D,className:"country-flag__selected-option",alt:g.name}),o(p,{style:null!==(j=m.countryTextStyle)&&void 0!==j?j:{},children:g.dial})]}),o(t,{width:24,height:24,color:c.content.primary})]})})};export{m as CountryCodePicker};

package/dist/esm/components/country-code-picker/CountryCodePicker.modal.d.ts

@@ -1,7 +1,7 @@
-export interface CountryCode {
-    name: string;
-    dial: string;
-    code: string;
-    code3: string;
-}
-export declare const CountriesData: CountryCode[];
+export interface CountryCode {
+    name: string;
+    dial: string;
+    code: string;
+    code3: string;
+}
+export declare const CountriesData: CountryCode[];

package/dist/esm/components/country-code-picker/CountryCodePicker.styled.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export declare const StyledCountryPickerOption: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledCountryPickerWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    height?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCountryPickerOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;
+export declare const StyledCountryPickerWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    height?: string;
+}, JSX.IntrinsicElements, {}>;

package/dist/esm/components/country-code-picker/CountryCodePicker.styled.js

@@ -1 +1,31 @@
-import c from"@emotion/styled/base";import{COLORS as l}from"../../constants/Theme.js";const t=c("div","production"===process.env.NODE_ENV?{target:"efxlby21"}:{target:"efxlby21",label:"StyledCountryPickerOption"})("production"===process.env.NODE_ENV?{name:"1rta7hl",styles:"display:flex;align-items:center;flex-direction:row;gap:12px;width:100%;.country-flag__option{width:24px;height:auto;}"}:{name:"1rta7hl",styles:"display:flex;align-items:center;flex-direction:row;gap:12px;width:100%;.country-flag__option{width:24px;height:auto;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9EIiwiZmlsZSI6IkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJPcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiAxMnB4O1xuXHR3aWR0aDogMTAwJTtcblxuXHQuY291bnRyeS1mbGFnX19vcHRpb24ge1xuXHRcdHdpZHRoOiAyNHB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRwYWRkaW5nOiA2cHggOHB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9O1xuXG5cdC5jb250ZW50X193cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cblx0LmNvdW50cnktZmxhZ19fc2VsZWN0ZWQtb3B0aW9uIHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),e=c("div","production"===process.env.NODE_ENV?{target:"efxlby20"}:{target:"efxlby20",label:"StyledCountryPickerWrapper"})("display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:4px;border:1px solid ",l.stroke.primary,";padding:6px 8px;height:",(c=>c.height),";.content__wrapper{display:flex;gap:8px;}.country-flag__selected-option{width:24px;height:auto;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3FEIiwiZmlsZSI6IkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJPcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiAxMnB4O1xuXHR3aWR0aDogMTAwJTtcblxuXHQuY291bnRyeS1mbGFnX19vcHRpb24ge1xuXHRcdHdpZHRoOiAyNHB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRwYWRkaW5nOiA2cHggOHB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9O1xuXG5cdC5jb250ZW50X193cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cblx0LmNvdW50cnktZmxhZ19fc2VsZWN0ZWQtb3B0aW9uIHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC5qcy5tYXAiXX0= */"));export{t as StyledCountryPickerOption,e as StyledCountryPickerWrapper};
+import t from"@emotion/styled";import{COLORS as e}from"../../constants/Theme.js";const i=t.div`
+	display: flex;
+	align-items: center;
+	flex-direction: row;
+	gap: 12px;
+	width: 100%;
+
+	.country-flag__option {
+		width: 24px;
+		height: auto;
+	}
+`,o=t.div`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	gap: 8px;
+	border-radius: 4px;
+	border: 1px solid ${e.stroke.primary};
+	padding: 6px 8px;
+	height: ${t=>t.height};
+
+	.content__wrapper {
+		display: flex;
+		gap: 8px;
+	}
+
+	.country-flag__selected-option {
+		width: 24px;
+		height: auto;
+	}
+`;export{i as StyledCountryPickerOption,o as StyledCountryPickerWrapper};

package/dist/esm/components/country-code-picker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './CountryCodePicker';
-export * from './CountryCodePicker.modal';
+export * from './CountryCodePicker';
+export * from './CountryCodePicker.modal';

package/dist/esm/components/curtain/Curtain.d.ts

@@ -1,23 +1,23 @@
-import React, { ComponentType } from 'react';
-import { CURTAIN_MODE, CURTAIN_TYPES } from "./CurtainHelper";
-export type CurtainProps = {
-    type: CURTAIN_TYPES;
-    mode: CURTAIN_MODE;
-    text: string;
-    icon?: React.FC<{
-        width: number;
-        height: number;
-        color: string;
-    }>;
-    actionButtonText?: string;
-    actionButtonClickHandler?: () => void;
-    hideCrossIcon?: boolean;
-    onCloseHandler?: () => void;
-    strokeAtTop?: boolean;
-    strokeAtBottom?: boolean;
-    customComponent?: ComponentType<any>;
-    position?: 'sticky' | 'absolute' | 'fixed';
-    tertiaryButtonText?: string;
-    tertiaryButtonClickHandler?: () => void;
-};
-export declare const Curtain: React.FC<CurtainProps>;
+import React, { ComponentType } from 'react';
+import { CURTAIN_MODE, CURTAIN_TYPES } from '@src/components/curtain/CurtainHelper';
+export type CurtainProps = {
+    type: CURTAIN_TYPES;
+    mode: CURTAIN_MODE;
+    text: string;
+    icon?: React.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+    actionButtonText?: string;
+    actionButtonClickHandler?: () => void;
+    hideCrossIcon?: boolean;
+    onCloseHandler?: () => void;
+    strokeAtTop?: boolean;
+    strokeAtBottom?: boolean;
+    customComponent?: ComponentType<any>;
+    position?: 'sticky' | 'absolute' | 'fixed';
+    tertiaryButtonText?: string;
+    tertiaryButtonClickHandler?: () => void;
+};
+export declare const Curtain: React.FC<CurtainProps>;

package/dist/esm/components/curtain/Curtain.js

@@ -1 +1 @@
-import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import{useState as r}from"react";import{CurtainStyle as n,RightWrapper as i,Separator as s}from"./Curtain.styled.js";import{CURTAIN_COLOR_CONFIG_MAP as c,CURTAIN_MODE as l}from"./CurtainHelper.js";import{BodySecondary as m,BodySecondaryLink as a}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";import p from"../../assets/icons/cross.svg.js";import{Button as y}from"../button/Button.js";const u=u=>{const[h,x]=r(!1);if(h)return t(o,{});return e(n,Object.assign({isTeritaryButton:!!u.tertiaryButtonText,position:u.position,mode:u.mode,type:u.type,strokeAtTop:u.strokeAtTop,strokeAtBottom:u.strokeAtBottom},{children:[e("div",Object.assign({style:{display:"flex",justifyContent:"center",flex:1,alignItems:"center"}},{children:[t("div",{children:u.icon&&t(u.icon,{color:c[u.mode][u.type].textColor,height:16,width:16})}),e("div",Object.assign({style:{display:"flex",textAlign:"center"}},{children:[e(m,Object.assign({style:{color:c[u.mode][u.type].textColor,marginLeft:8}},{children:[u.text,u.actionButtonText&&t(a,Object.assign({onClick:u.actionButtonClickHandler,style:{display:"inline",color:u.mode===l.DARK?c[u.mode][u.type].textColor:d.content.brand,marginLeft:6,textDecoration:"underline"}},{children:u.actionButtonText}))]})),u.customComponent&&t(u.customComponent,{})]}))]})),e(i,{children:[u.tertiaryButtonText&&e(o,{children:[t(y,{className:"tertiary-button",buttonText:u.tertiaryButtonText,onClick:u.tertiaryButtonClickHandler,buttonType:"tertiary"}),t(s,{mode:u.mode,type:u.type})]}),!u.hideCrossIcon&&t(p,{onClick:()=>{x(!0),u.onCloseHandler&&u.onCloseHandler()},cursor:"pointer",height:20,width:20,color:c[u.mode][u.type].crossIconColor})]})]}))};export{u as Curtain};
+import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import{useState as r}from"react";import{CurtainStyle as n,RightWrapper as i,Separator as s}from"./Curtain.styled.js";import{CURTAIN_COLOR_CONFIG_MAP as l,CURTAIN_MODE as c}from"./CurtainHelper.js";import{BodySecondary as m,BodySecondaryLink as d}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import p from"../../assets/icons/cross.svg.js";import{Button as y}from"../button/Button.js";const u=u=>{const[h,x]=r(!1);if(h)return t(o,{});return e(n,{isTeritaryButton:!!u.tertiaryButtonText,position:u.position,mode:u.mode,type:u.type,strokeAtTop:u.strokeAtTop,strokeAtBottom:u.strokeAtBottom,children:[e("div",{style:{display:"flex",justifyContent:"center",flex:1,alignItems:"center"},children:[t("div",{children:u.icon&&t(u.icon,{color:l[u.mode][u.type].textColor,height:16,width:16})}),e("div",{style:{display:"flex",textAlign:"center"},children:[e(m,{style:{color:l[u.mode][u.type].textColor,marginLeft:8},children:[u.text,u.actionButtonText&&t(d,{onClick:u.actionButtonClickHandler,style:{display:"inline",color:u.mode===c.DARK?l[u.mode][u.type].textColor:a.content.brand,marginLeft:6,textDecoration:"underline"},children:u.actionButtonText})]}),u.customComponent&&t(u.customComponent,{})]})]}),e(i,{children:[u.tertiaryButtonText&&e(o,{children:[t(y,{className:"tertiary-button",buttonText:u.tertiaryButtonText,onClick:u.tertiaryButtonClickHandler,buttonType:"tertiary"}),t(s,{mode:u.mode,type:u.type})]}),!u.hideCrossIcon&&t(p,{onClick:()=>{x(!0),u.onCloseHandler&&u.onCloseHandler()},cursor:"pointer",height:20,width:20,color:l[u.mode][u.type].crossIconColor})]})]})};export{u as Curtain};

package/dist/esm/components/curtain/Curtain.styled.d.ts

@@ -1,14 +1,14 @@
-import { CURTAIN_MODE, CURTAIN_TYPES } from "./CurtainHelper";
-export declare const CurtainStyle: import("styled-components").StyledComponent<"div", any, {
-    mode: CURTAIN_MODE;
-    type: CURTAIN_TYPES;
-    strokeAtTop?: boolean | undefined;
-    strokeAtBottom?: boolean | undefined;
-    position?: "sticky" | "absolute" | "fixed" | undefined;
-    isTeritaryButton?: boolean | undefined;
-}, never>;
-export declare const Separator: import("styled-components").StyledComponent<"div", any, {
-    mode: CURTAIN_MODE;
-    type: CURTAIN_TYPES;
-}, never>;
-export declare const RightWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { CURTAIN_MODE, CURTAIN_TYPES } from '@src/components/curtain/CurtainHelper';
+export declare const CurtainStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    mode: CURTAIN_MODE;
+    type: CURTAIN_TYPES;
+    strokeAtTop?: boolean;
+    strokeAtBottom?: boolean;
+    position?: "sticky" | "absolute" | "fixed";
+    isTeritaryButton?: boolean;
+}>> & string;
+export declare const Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    mode: CURTAIN_MODE;
+    type: CURTAIN_TYPES;
+}>> & string;
+export declare const RightWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/curtain/CurtainHelper.d.ts

@@ -1,25 +1,25 @@
-export declare enum CURTAIN_TYPES {
-    NEGATIVE = "Negative",
-    WARNING = "Warning",
-    POSITIVE = "Positive",
-    NEUTRAL = "Neutral",
-    SPECIAL = "Special",
-    MANIFEST = "Manifest"
-}
-export declare enum CURTAIN_MODE {
-    LIGHT = "LIGHT",
-    DARK = "DARK"
-}
-interface ColorConfig {
-    backgroundColor: string;
-    textColor: string;
-    crossIconColor: string;
-    strokeColor?: string;
-}
-type ColorConfigMap = {
-    [mode in CURTAIN_MODE]: {
-        [type in CURTAIN_TYPES]: ColorConfig;
-    };
-};
-export declare const CURTAIN_COLOR_CONFIG_MAP: ColorConfigMap;
-export {};
+export declare enum CURTAIN_TYPES {
+    NEGATIVE = "Negative",
+    WARNING = "Warning",
+    POSITIVE = "Positive",
+    NEUTRAL = "Neutral",
+    SPECIAL = "Special",
+    MANIFEST = "Manifest"
+}
+export declare enum CURTAIN_MODE {
+    LIGHT = "LIGHT",
+    DARK = "DARK"
+}
+interface ColorConfig {
+    backgroundColor: string;
+    textColor: string;
+    crossIconColor: string;
+    strokeColor?: string;
+}
+type ColorConfigMap = {
+    [mode in CURTAIN_MODE]: {
+        [type in CURTAIN_TYPES]: ColorConfig;
+    };
+};
+export declare const CURTAIN_COLOR_CONFIG_MAP: ColorConfigMap;
+export {};

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

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