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

package/dist/esm/components/text-picker/TextPickerCategoryCard.js

@@ -1,13 +1,13 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CheckBox as r}from"../checkBox/CheckBox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{Tag as n}from"../tag/Tag.js";import{BodyPrimary as c,BodyCaption as l}from"../TypographyStyle.js";import a from"../../assets/icons/chevronRight.svg.js";const d=o.div`
-  height: 64px;
-  background-color: ${e=>{let{isSelected:t,isActive:o}=e;return t?i.background.positive.light:o?i.surface.hovered:i.surface.standard}};
-  border-bottom: 1px solid ${i.stroke.primary};
-  padding: 12px 24px;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  transition: background 0.2s;
-  &:hover {
-    background-color: ${e=>{let{isSelected:t}=e;return t?i.background.positive.light:i.surface.hovered}};
-  }
-`,m=o=>{let{id:m,name:h,itemsCount:p,selectedCount:g,isChecked:u,isPartiallyChecked:f,onCheck:y,onClick:k}=o;return e(d,Object.assign({isActive:u||f,isSelected:u,onClick:k},{children:[t(r,{isChecked:u||f,isPartiallyChecked:f&&!u,onValueChange:function(e,t,o){null==o||o.stopPropagation(),y(e,o)},style:{marginRight:16}}),e("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[t(c,{children:h}),e(l,Object.assign({style:{color:i.text.secondary,fontSize:13}},{children:[p," document",1!==p?"s":""]}))]})),!!g&&t(n,{tagText:`${g} selected`,type:"positive",style:{marginLeft:12}}),t(s,{Icon:a,height:16,width:16,style:{marginLeft:8}})]}))};export{m as TextPickerCategoryCard};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight.svg.js";import i from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import{CheckBox as n}from"../checkBox/CheckBox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{Tag as c}from"../tag/Tag.js";import{BodyPrimary as l,BodyCaption as a}from"../TypographyStyle.js";const d=i.div`
+	height: 64px;
+	background-color: ${e=>{let{isSelected:t,isActive:o}=e;return t?r.background.positive.light:o?r.surface.hovered:r.surface.standard}};
+	border-bottom: 1px solid ${r.stroke.primary};
+	padding: 12px 24px;
+	display: flex;
+	align-items: center;
+	cursor: pointer;
+	transition: background 0.2s;
+	&:hover {
+		background-color: ${e=>{let{isSelected:t}=e;return t?r.background.positive.light:r.surface.hovered}};
+	}
+`,m=i=>{let{id:m,name:h,itemsCount:p,selectedCount:g,isChecked:u,isPartiallyChecked:f,onCheck:y,onClick:k}=i;return e(d,{isActive:u||f,isSelected:u,onClick:k,children:[t(n,{isChecked:u||f,isPartiallyChecked:f&&!u,onValueChange:function(e,t,o){null==o||o.stopPropagation(),y(e,o)},style:{marginRight:16}}),e("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[t(l,{children:h}),e(a,{style:{color:r.text.secondary,fontSize:13},children:[p," document",1!==p?"s":""]})]}),!!g&&t(c,{tagText:`${g} selected`,type:"positive",style:{marginLeft:12}}),t(s,{Icon:o,height:16,width:16,style:{marginLeft:8}})]})};export{m as TextPickerCategoryCard};

package/dist/esm/components/text-picker/TextPickerFooter.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export interface TextPickerFooterProps {
-    totalSelected: number;
-    maxDocuments: number;
-}
-export declare const TextPickerFooter: React.FC<TextPickerFooterProps>;
+import React from 'react';
+export interface TextPickerFooterProps {
+    totalSelected: number;
+    maxDocuments: number;
+}
+export declare const TextPickerFooter: React.FC<TextPickerFooterProps>;

package/dist/esm/components/text-picker/TextPickerFooter.js

@@ -5,9 +5,9 @@ import{jsx as e}from"react/jsx-runtime";import t from"styled-components";import{
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
-`,s=t.div`
+`,c=t.div`
 	display: flex;
 	align-items: center;
-`,c=t(i)`
+`,s=t(i)`
 	color: ${e=>{let{$isInactive:t}=e;return t?n.content.inactive:n.content.brand}};
-`,a=t=>{let{totalSelected:n,maxDocuments:i}=t;return e(r,{children:e(s,{children:i!==1/0&&n>=i?e(o,{tagText:`You can only select ${i} documents`,type:"negative"}):e(c,Object.assign({$isInactive:0===n},{children:i!==1/0?`${n}/${i} documents selected`:`${n} documents selected`}))})})};export{a as TextPickerFooter};
+`,l=t=>{let{totalSelected:n,maxDocuments:i}=t;return e(r,{children:e(c,{children:i!==1/0&&n>=i?e(o,{tagText:`You can only select ${i} documents`,type:"negative"}):e(s,{$isInactive:0===n,children:i!==1/0?`${n}/${i} documents selected`:`${n} documents selected`})})})};export{l as TextPickerFooter};

package/dist/esm/components/text-picker/TextPickerItemRow.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-export interface TextPickerItemRowProps {
-    item: {
-        id: string;
-        name: string;
-    };
-    selected: boolean;
-    onCheck: (checked: boolean) => void;
-    onClick: () => void;
-}
-export declare const TextPickerItemRow: React.FC<TextPickerItemRowProps>;
+import React from 'react';
+export interface TextPickerItemRowProps {
+    item: {
+        id: string;
+        name: string;
+    };
+    selected: boolean;
+    onCheck: (checked: boolean) => void;
+    onClick: () => void;
+}
+export declare const TextPickerItemRow: React.FC<TextPickerItemRowProps>;

package/dist/esm/components/text-picker/TextPickerItemRow.js

@@ -1,17 +1,17 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as n}from"../TypographyStyle.js";const c=t.div`
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{CheckBox as i}from"../checkBox/CheckBox.js";import{BodyPrimary as n}from"../TypographyStyle.js";const c=t.div`
 	min-height: 48px;
-	background: ${e=>{let{selected:r}=e;return r?i.surface.hovered:i.surface.standard}};
-	border-bottom: 1px solid ${i.stroke.primary};
+	background: ${e=>{let{selected:r}=e;return r?o.surface.hovered:o.surface.standard}};
+	border-bottom: 1px solid ${o.stroke.primary};
 	padding: 12px 24px;
 	display: flex;
 	align-items: center;
 	cursor: pointer;
-`,s=t.div`
+`,l=t.div`
 	margin-right: 16px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-`,l=t.div`
+`,s=t.div`
 	flex: 1;
-`,d=t=>{let{item:i,selected:d,onCheck:a,onClick:m}=t;return e(c,Object.assign({selected:d,onClick:m},{children:[r(s,Object.assign({onClick:e=>e.stopPropagation()},{children:r(o,{isChecked:d,onValueChange:a})})),r(l,{children:r(n,{children:i.name})})]}))};export{d as TextPickerItemRow};
+`,d=t=>{let{item:o,selected:d,onCheck:m,onClick:p}=t;return e(c,{selected:d,onClick:p,children:[r(l,{onClick:e=>e.stopPropagation(),children:r(i,{isChecked:d,onValueChange:m})}),r(s,{children:r(n,{children:o.name})})]})};export{d as TextPickerItemRow};

package/dist/esm/components/text-picker/TextPickerModal.d.ts

@@ -1,29 +1,29 @@
-import React from 'react';
-import type { ButtonProps } from '../button/model';
-export interface TextPickerCategory {
-    id: string;
-    name: string;
-    items: {
-        id: string;
-        name: string;
-    }[];
-}
-export interface TextPickerProps {
-    visible: boolean;
-    categories: TextPickerCategory[];
-    selectedItems: {
-        [categoryId: string]: string[];
-    };
-    onAdd: (selected: {
-        [categoryId: string]: string[];
-    }) => void;
-    onClose?: () => void;
-    title?: string;
-    subtitle?: string;
-    width?: string;
-    zIndex?: number;
-    maxDocuments?: number;
-    primaryButton?: ButtonProps;
-    secondaryButton?: ButtonProps;
-}
-export declare const TextPickerModal: React.FC<TextPickerProps>;
+import React from 'react';
+import type { ButtonProps } from '../button/model';
+export interface TextPickerCategory {
+    id: string;
+    name: string;
+    items: {
+        id: string;
+        name: string;
+    }[];
+}
+export interface TextPickerProps {
+    visible: boolean;
+    categories: TextPickerCategory[];
+    selectedItems: {
+        [categoryId: string]: string[];
+    };
+    onAdd: (selected: {
+        [categoryId: string]: string[];
+    }) => void;
+    onClose?: () => void;
+    title?: string;
+    subtitle?: string;
+    width?: string;
+    zIndex?: number;
+    maxDocuments?: number;
+    primaryButton?: ButtonProps;
+    secondaryButton?: ButtonProps;
+}
+export declare const TextPickerModal: React.FC<TextPickerProps>;

package/dist/esm/components/text-picker/TextPickerModal.js

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useState as n}from"react";import r from"styled-components";import{COLORS as l}from"../../constants/Theme.js";import{IconButton as d}from"../icon-button/IconButton.js";import{Input as s}from"../input/Input.js";import{StyledModal as a}from"../modals/styledModal.js";import{BodyCaption as c}from"../TypographyStyle.js";import{TextPickerCategoryCard as m}from"./TextPickerCategoryCard.js";import{TextPickerFooter as h}from"./TextPickerFooter.js";import{TextPickerItemRow as u}from"./TextPickerItemRow.js";import{TextPickerSelectAllRow as g}from"./TextPickerSelectAllRow.js";const p=r.div`
+import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useState as n}from"react";import r from"styled-components";import{COLORS as l}from"../../constants/Theme.js";import{IconButton as d}from"../icon-button/IconButton.js";import{Input as a}from"../input/Input.js";import{StyledModal as s}from"../modals/styledModal.js";import{BodyCaption as c}from"../TypographyStyle.js";import{TextPickerCategoryCard as m}from"./TextPickerCategoryCard.js";import{TextPickerFooter as h}from"./TextPickerFooter.js";import{TextPickerItemRow as u}from"./TextPickerItemRow.js";import{TextPickerSelectAllRow as p}from"./TextPickerSelectAllRow.js";const g=r.div`
 	display: flex;
 	flex-direction: column;
 	height: 100%;
@@ -23,4 +23,4 @@ import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o from"..
 	color: ${l.content.secondary};
 	text-align: center;
 	padding: 32px;
-`,b=r=>{var b,C;const{visible:j,categories:k,selectedItems:T,onAdd:w,onClose:O,title:B="Select Text",subtitle:S,width:I="640px",zIndex:L}=r,P=null!==(b=r.maxDocuments)&&void 0!==b?b:1/0,[$,A]=n("categories"),[D,R]=n(""),[z,N]=n(T),[E,F]=n(null),M=k.filter((e=>e.name.toLowerCase().includes(D.toLowerCase()))),_=E?E.items.filter((e=>e.name.toLowerCase().includes(D.toLowerCase()))):[],q=Object.values(z).reduce(((e,t)=>e+t.length),0),G=S||"",H=e=>{var t;return e.items.length>0&&(null===(t=z[e.id])||void 0===t?void 0:t.length)===e.items.length},J=e=>{var t;return!!(null===(t=z[e.id])||void 0===t?void 0:t.length)&&z[e.id].length<e.items.length},K=()=>{var e;return!!E&&_.length>0&&(null===(e=z[E.id])||void 0===e?void 0:e.length)===_.length},Q=(e,t)=>{E&&N((i=>{const o=i[E.id]||[];return t&&q>=P?i:Object.assign(Object.assign({},i),{[E.id]:t?[...o,e]:o.filter((t=>t!==e))})}))};return e(a,Object.assign({open:j,onClose:O,headingTitle:B,headingSubtitle:G,centralContainerStyles:{width:I,zIndex:L},hideCrossButton:!1,primaryButton:r.primaryButton?Object.assign(Object.assign({},r.primaryButton),{buttonText:r.primaryButton.isLoading?"Loading...":r.primaryButton.buttonText||"Add",disabled:null!==(C=r.primaryButton.disabled)&&void 0!==C&&C||0===q||P!==1/0&&q>=P,onClick:r.primaryButton.onClick||(()=>w(z))}):{buttonText:"Add",disabled:0===q||P!==1/0&&q>=P,onClick:()=>w(z)},footerLeftCustomElement:e(h,{totalSelected:q,maxDocuments:P}),footerContainerStyle:{borderTop:`1px solid ${l.stroke.primary}`,background:l.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e(p,{children:t(i,"categories"===$?{children:[e(f,{children:e(s,{placeholder:"Search ...",value:D,onChangeText:R,height:"40px"})}),e(v,{children:0===M.length?e(y,{children:"No categories found. Try a different search."}):M.map((t=>{var i;return e(m,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=z[t.id])||void 0===i?void 0:i.length)||0,isChecked:H(t),isPartiallyChecked:J(t)&&!H(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),N((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{F(e),A("items"),R("")})(t)},t.id)}))})]}:{children:[t(x,{children:[e(d,{Icon:o,height:16,width:16,onClick:()=>{A("categories"),F(null),R("")},style:{marginRight:8},"aria-label":"Back"}),e(c,Object.assign({style:{color:l.content.secondary}},{children:null==E?void 0:E.name}))]}),e(f,{children:e(s,{placeholder:"Search ...",value:D,onChangeText:R,height:"40px"})}),e(v,{children:0===_.length?e(y,{children:"No items found. Try a different search."}):t(i,{children:[e(g,{isChecked:K(),isPartiallyChecked:(()=>{var e;return!!E&&!!(null===(e=z[E.id])||void 0===e?void 0:e.length)&&z[E.id].length<_.length})()&&!K(),onCheck:e=>{E&&N((t=>e?Object.assign(Object.assign({},t),{[E.id]:_.map((e=>e.id))}):Object.assign(Object.assign({},t),{[E.id]:[]})))}}),_.map((t=>{var i;return e(u,{item:t,selected:(null===(i=z[E.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>Q(t.id,e),onClick:()=>{var e;return Q(t.id,!(null===(e=z[E.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};export{b as TextPickerModal};
+`,b=r=>{var b,C;const{visible:j,categories:k,selectedItems:T,onAdd:w,onClose:B,title:O="Select Text",subtitle:S,width:I="640px",zIndex:L}=r,P=null!==(b=r.maxDocuments)&&void 0!==b?b:1/0,[$,A]=n("categories"),[D,R]=n(""),[z,N]=n(T),[E,F]=n(null),M=k.filter((e=>e.name.toLowerCase().includes(D.toLowerCase()))),_=E?E.items.filter((e=>e.name.toLowerCase().includes(D.toLowerCase()))):[],q=Object.values(z).reduce(((e,t)=>e+t.length),0),G=e=>{var t;return e.items.length>0&&(null===(t=z[e.id])||void 0===t?void 0:t.length)===e.items.length},H=e=>{var t;return!!(null===(t=z[e.id])||void 0===t?void 0:t.length)&&z[e.id].length<e.items.length},J=()=>{var e;return!!E&&_.length>0&&(null===(e=z[E.id])||void 0===e?void 0:e.length)===_.length},K=(e,t)=>{E&&N((i=>{const o=i[E.id]||[];return t&&q>=P?i:Object.assign(Object.assign({},i),{[E.id]:t?[...o,e]:o.filter((t=>t!==e))})}))};return e(s,{open:j,onClose:B,headingTitle:O,headingSubtitle:S||"",centralContainerStyles:{width:I,zIndex:L},hideCrossButton:!1,primaryButton:r.primaryButton?Object.assign(Object.assign({},r.primaryButton),{buttonText:r.primaryButton.isLoading?"Loading...":r.primaryButton.buttonText||"Add",disabled:null!==(C=r.primaryButton.disabled)&&void 0!==C&&C||0===q||P!==1/0&&q>=P,onClick:r.primaryButton.onClick||(()=>w(z))}):{buttonText:"Add",disabled:0===q||P!==1/0&&q>=P,onClick:()=>w(z)},footerLeftCustomElement:e(h,{totalSelected:q,maxDocuments:P}),footerContainerStyle:{borderTop:`1px solid ${l.stroke.primary}`,background:l.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"},children:e(g,{children:t(i,"categories"===$?{children:[e(f,{children:e(a,{placeholder:"Search ...",value:D,onChangeText:R,height:"40px"})}),e(v,{children:0===M.length?e(y,{children:"No categories found. Try a different search."}):M.map((t=>{var i;return e(m,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=z[t.id])||void 0===i?void 0:i.length)||0,isChecked:G(t),isPartiallyChecked:H(t)&&!G(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),N((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{F(e),A("items"),R("")})(t)},t.id)}))})]}:{children:[t(x,{children:[e(d,{Icon:o,height:16,width:16,onClick:()=>{A("categories"),F(null),R("")},style:{marginRight:8},"aria-label":"Back"}),e(c,{style:{color:l.content.secondary},children:null==E?void 0:E.name})]}),e(f,{children:e(a,{placeholder:"Search ...",value:D,onChangeText:R,height:"40px"})}),e(v,{children:0===_.length?e(y,{children:"No items found. Try a different search."}):t(i,{children:[e(p,{isChecked:J(),isPartiallyChecked:(()=>{var e;return!!E&&!!(null===(e=z[E.id])||void 0===e?void 0:e.length)&&z[E.id].length<_.length})()&&!J(),onCheck:e=>{E&&N((t=>e?Object.assign(Object.assign({},t),{[E.id]:_.map((e=>e.id))}):Object.assign(Object.assign({},t),{[E.id]:[]})))}}),_.map((t=>{var i;return e(u,{item:t,selected:(null===(i=z[E.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>K(t.id,e),onClick:()=>{var e;return K(t.id,!(null===(e=z[E.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})})};export{b as TextPickerModal};

package/dist/esm/components/text-picker/TextPickerSelectAllRow.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-export interface TextPickerSelectAllRowProps {
-    isChecked: boolean;
-    isPartiallyChecked: boolean;
-    onCheck: (checked: boolean) => void;
-}
-export declare const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps>;
+import React from 'react';
+export interface TextPickerSelectAllRowProps {
+    isChecked: boolean;
+    isPartiallyChecked: boolean;
+    onCheck: (checked: boolean) => void;
+}
+export declare const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps>;

package/dist/esm/components/text-picker/TextPickerSelectAllRow.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import i from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as c}from"../TypographyStyle.js";const s=i.div`
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import i from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as c}from"../TypographyStyle.js";const l=i.div`
   background: ${e=>{let{isActive:r}=e;return r?t.surface.hovered:t.surface.subdued}};
   border-bottom: 1px solid ${t.stroke.primary};
   padding: 12px 24px;
@@ -12,6 +12,6 @@ import{jsxs as e,jsx as r}from"react/jsx-runtime";import i from"styled-component
 `,n=i.div`
   display: flex;
   margin-right: 16px;
-`,l=i.div`
+`,s=i.div`
   flex: 1;
-`,d=i=>{let{isChecked:t,isPartiallyChecked:d,onCheck:a}=i;return e(s,Object.assign({isActive:t||d},{children:[r(n,{children:r(o,{isChecked:t||d,isPartiallyChecked:d&&!t,onValueChange:a})}),r(l,{children:r(c,{children:"Select All"})})]}))};export{d as TextPickerSelectAllRow};
+`,d=i=>{let{isChecked:t,isPartiallyChecked:d,onCheck:a}=i;return e(l,{isActive:t||d,children:[r(n,{children:r(o,{isChecked:t||d,isPartiallyChecked:d&&!t,onValueChange:a})}),r(s,{children:r(c,{children:"Select All"})})]})};export{d as TextPickerSelectAllRow};

package/dist/esm/components/text-picker/index.d.ts

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

package/dist/esm/components/thumbnail/Thumbnail.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { SIZE } from "../avatar/AvatarHelper";
-export declare enum RATIO {
-    ONE_ONE = "ONE_ONE",
-    VERTICAL = "VERTICAL",
-    HORIZONTAL = "HORIZONTAL"
-}
-export type ThumbnailProps = {
-    size: SIZE;
-    ratio: RATIO;
-    imageUrl: string;
-};
-export declare const Thumbnail: React.FC<ThumbnailProps>;
+import React from 'react';
+import { SIZE } from '@src/components/avatar/AvatarHelper';
+export declare enum RATIO {
+    ONE_ONE = "ONE_ONE",
+    VERTICAL = "VERTICAL",
+    HORIZONTAL = "HORIZONTAL"
+}
+export type ThumbnailProps = {
+    size: SIZE;
+    ratio: RATIO;
+    imageUrl: string;
+};
+export declare const Thumbnail: React.FC<ThumbnailProps>;

package/dist/esm/components/thumbnail/Thumbnail.js

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";import{SIZE as t}from"../avatar/AvatarHelper.js";import{THUMBNAIL_SIZE_MAP as e}from"./constants.js";import{ThumbnailStyle as r}from"./Thumbnail.styled.js";var h;!function(i){i.ONE_ONE="ONE_ONE",i.VERTICAL="VERTICAL",i.HORIZONTAL="HORIZONTAL"}(h||(h={}));const o={[h.VERTICAL]:{[t.SMALL]:{width:30,height:40},[t.MEDIUM]:{width:48,height:64},[t.LARGE]:{width:60,height:80}},[h.HORIZONTAL]:{[t.SMALL]:{width:40,height:30},[t.MEDIUM]:{width:64,height:48},[t.LARGE]:{width:80,height:60}},[h.ONE_ONE]:{}},s=t=>{var s,a;return i(r,Object.assign({size:t.size},{children:i("img",{alt:"",width:(null===(s=o[t.ratio][t.size])||void 0===s?void 0:s.width)||e[t.size],height:(null===(a=o[t.ratio][t.size])||void 0===a?void 0:a.height)||e[t.size],style:{borderRadius:t.ratio===h.ONE_ONE?4:0,objectFit:"cover"},src:t.imageUrl})}))};export{h as RATIO,s as Thumbnail};
+import{jsx as i}from"react/jsx-runtime";import{SIZE as t}from"../avatar/AvatarHelper.js";import{THUMBNAIL_SIZE_MAP as e}from"./constants.js";import{ThumbnailStyle as r}from"./Thumbnail.styled.js";var h;!function(i){i.ONE_ONE="ONE_ONE",i.VERTICAL="VERTICAL",i.HORIZONTAL="HORIZONTAL"}(h||(h={}));const o={[h.VERTICAL]:{[t.SMALL]:{width:30,height:40},[t.MEDIUM]:{width:48,height:64},[t.LARGE]:{width:60,height:80}},[h.HORIZONTAL]:{[t.SMALL]:{width:40,height:30},[t.MEDIUM]:{width:64,height:48},[t.LARGE]:{width:80,height:60}},[h.ONE_ONE]:{}},s=t=>{var s,a;return i(r,{size:t.size,children:i("img",{alt:"",width:(null===(s=o[t.ratio][t.size])||void 0===s?void 0:s.width)||e[t.size],height:(null===(a=o[t.ratio][t.size])||void 0===a?void 0:a.height)||e[t.size],style:{borderRadius:t.ratio===h.ONE_ONE?4:0,objectFit:"cover"},src:t.imageUrl})})};export{h as RATIO,s as Thumbnail};

package/dist/esm/components/thumbnail/Thumbnail.styled.d.ts

@@ -1,4 +1,4 @@
-import { SIZE } from "../avatar/AvatarHelper";
-export declare const ThumbnailStyle: import("styled-components").StyledComponent<"div", any, {
-    size: SIZE;
-}, never>;
+import { SIZE } from '@src/components/avatar/AvatarHelper';
+export declare const ThumbnailStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    size: SIZE;
+}>> & string;

package/dist/esm/components/thumbnail/constants.d.ts

@@ -1,5 +1,5 @@
-export declare const THUMBNAIL_SIZE_MAP: {
-    SMALL: number;
-    MEDIUM: number;
-    LARGE: number;
-};
+export declare const THUMBNAIL_SIZE_MAP: {
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+};

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

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

package/dist/esm/components/toaster/Toaster.d.ts

@@ -1,30 +1,30 @@
-import React, { FunctionComponent } from 'react';
-import { ToastPosition } from 'react-toastify';
-import { IconProps } from 'react-toastify/dist/components';
-export type ToasterButtonProps = {
-    showButton?: boolean;
-    onButtonClick?: () => Record<string, never>;
-    buttonText?: string;
-};
-export type ToasterProps = {
-    text: string;
-    subText?: string;
-    position?: ToastPosition;
-    type?: 'info' | 'success' | 'error' | 'default' | 'warning';
-    closeOnClick?: boolean;
-    hideProgressBar?: boolean;
-    autoClose?: number | false | undefined;
-    leftIcon?: React.ReactElement<IconProps>;
-    hideLeftIcon?: boolean;
-    buttonProps?: ToasterButtonProps;
-    secondButtonProps?: ToasterButtonProps;
-    onCloseToast?: <T>(props: T) => void;
-    width?: string;
-    height?: string;
-    hideCloseButton?: boolean;
-    zIndex?: number;
-    toastId?: string;
-};
-type Props = ToasterProps;
-export declare const Toaster: FunctionComponent<Props>;
-export {};
+import React, { FunctionComponent } from 'react';
+import { ToastPosition } from 'react-toastify';
+import { IconProps } from 'react-toastify/dist/components';
+export type ToasterButtonProps = {
+    showButton?: boolean;
+    onButtonClick?: () => Record<string, never>;
+    buttonText?: string;
+};
+export type ToasterProps = {
+    text: string;
+    subText?: string;
+    position?: ToastPosition;
+    type?: 'info' | 'success' | 'error' | 'default' | 'warning';
+    closeOnClick?: boolean;
+    hideProgressBar?: boolean;
+    autoClose?: number | false | undefined;
+    leftIcon?: React.ReactElement<IconProps>;
+    hideLeftIcon?: boolean;
+    buttonProps?: ToasterButtonProps;
+    secondButtonProps?: ToasterButtonProps;
+    onCloseToast?: <T>(props: T) => void;
+    width?: string;
+    height?: string;
+    hideCloseButton?: boolean;
+    zIndex?: number;
+    toastId?: string;
+};
+type Props = ToasterProps;
+export declare const Toaster: FunctionComponent<Props>;
+export {};

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

@@ -1 +1 @@
-import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import n from"../../assets/icons/alert_triangle.svg.js";import s from"../../assets/icons/check.svg.js";import i from"../../assets/icons/cross.svg.js";import l from"../../assets/icons/errorInfo.svg.js";import r from"../../assets/icons/info.svg.js";import d,{useRef as c,useState as u,useEffect as a,useContext as p}from"react";import h from"react-dom";import{cssTransition as x,toast as g,ToastContainer as y}from"react-toastify";import{Button as v}from"../button/Button.js";import{ToasterStyled as f}from"./Toaster.styled.js";import{TitleSmall as b,BodySecondary as T,BodyCaption as B}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";const w=o=>{const e=(o.type,m.content.secondary);return t("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(o.alignTop?"flex-start":"center")},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast&&o.closeToast()}},{children:t(i,{height:20,width:20,color:e})}))},C=n=>{var s,i;const l=m.content.placeholder,{toasterText:r}=p(I);return t(o,{children:e("div",Object.assign({style:{display:"flex",flexGrow:1}},{children:[t("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"}},{children:e("div",{children:[n.subText?t(b,Object.assign({color:"inherit"},{children:null!==(s=n.toastText)&&void 0!==s?s:r})):t(T,Object.assign({color:"inherit"},{children:null!==(i=n.toastText)&&void 0!==i?i:r})),n.subText&&t("div",Object.assign({style:{marginTop:2}},{children:t(B,Object.assign({color:m.content.secondary},{children:n.subText}))}))]})})),n.showButton&&t("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[n.showSecondButton?"showSecondButton":"showButton"]}},{children:t(v,{buttonText:n.buttonText,buttonType:"tertiaryGray",color:m.content.secondary,onClick:n.onButtonClick})})),n.showSecondButton&&t("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t(v,{buttonText:n.secondButtonText,buttonType:"tertiaryGray",color:m.content.secondary,onClick:n.onSecondButtonClick})})),n.showButton||n.showSecondButton?t("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${l}`,borderRadius:1}}):null]}))})},j=o=>{const e=c(o.toastId||"default-toast"),[i,d]=u(o.text),p=x({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),v="default"===o.type?null:"success"===o.type?t(s,{width:20,height:20,color:m.content.positive}):"error"===o.type?t(l,{width:20,height:20,color:m.content.negative}):"warning"===o.type?t(n,{width:20,height:20,color:m.content.warning}):t(r,{width:20,height:20,color:m.content.brand});a((()=>{e.current&&e.current===o.toastId?(d(o.text),g.update(e.current,{autoClose:o.autoClose})):e.current&&e.current!==o.toastId&&b(o.text)}),[o.toastId,o.text]);const b=n=>{var s,i,l,r,d,c,u,a,h,x,y,f,b,T,B,m;void 0!==o.hideLeftIcon||o.leftIcon?g(t(C,{toastText:n,type:o.type||"info",buttonText:null===(s=o.buttonProps)||void 0===s?void 0:s.buttonText,secondButtonText:null===(i=o.secondButtonProps)||void 0===i?void 0:i.buttonText,showButton:null===(l=o.buttonProps)||void 0===l?void 0:l.showButton,showSecondButton:null===(r=o.secondButtonProps)||void 0===r?void 0:r.showButton,onButtonClick:null===(d=o.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=o.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:o.subText}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),icon:!0!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:"default"!==o.type&&t("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:v}))),type:o.type,closeButton:t(w,{type:o.type||"default",alignTop:!(!o.subText||(null===(u=o.buttonProps)||void 0===u?void 0:u.showButton)||(null===(a=o.secondButtonProps)||void 0===a?void 0:a.showButton))}),toastId:o.toastId||"default-toast",transition:p}):e.current=g(t(C,{toastText:n,type:o.type||"info",buttonText:null===(h=o.buttonProps)||void 0===h?void 0:h.buttonText,secondButtonText:null===(x=o.secondButtonProps)||void 0===x?void 0:x.buttonText,showButton:null===(y=o.buttonProps)||void 0===y?void 0:y.showButton,showSecondButton:null===(f=o.secondButtonProps)||void 0===f?void 0:f.showButton,onButtonClick:null===(b=o.buttonProps)||void 0===b?void 0:b.onButtonClick,onSecondButtonClick:null===(T=o.secondButtonProps)||void 0===T?void 0:T.onButtonClick,subText:o.subText}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),type:o.type,icon:"default"!==o.type&&t("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:v})),closeButton:t(w,{type:o.type||"default",alignTop:!(!o.subText||(null===(B=o.buttonProps)||void 0===B?void 0:B.showButton)||(null===(m=o.secondButtonProps)||void 0===m?void 0:m.showButton))}),toastId:o.toastId||"default-toast",transition:p})};return a((()=>{b()}),[]),h.createPortal(t(f,Object.assign({width:o.width,height:o.height,zIndex:o.zIndex,isSubTextIncluded:!!o.subText,type:o.type},{children:t(I.Provider,Object.assign({value:{toasterText:i}},{children:t(y,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})}))})),document.body)},I=d.createContext({toasterText:""});export{j as Toaster};
+import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import n from"../../assets/icons/alert_triangle.svg.js";import s from"../../assets/icons/check.svg.js";import i from"../../assets/icons/cross.svg.js";import l from"../../assets/icons/errorInfo.svg.js";import r from"../../assets/icons/info.svg.js";import d,{useRef as c,useState as u,useEffect as a,useContext as p}from"react";import h from"react-dom";import{cssTransition as x,toast as y,ToastContainer as v}from"react-toastify";import{Button as f}from"../button/Button.js";import{ToasterStyled as T}from"./Toaster.styled.js";import{TitleSmall as B,BodySecondary as g,BodyCaption as m}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const w=o=>{const e=(o.type,b.content.secondary);return t("div",{tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(o.alignTop?"flex-start":"center")},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast&&o.closeToast()},children:t(i,{height:20,width:20,color:e})})},C=n=>{var s,i;const l=b.content.placeholder,{toasterText:r}=p(P);return t(o,{children:e("div",{style:{display:"flex",flexGrow:1},children:[t("div",{style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"},children:e("div",{children:[n.subText?t(B,{color:"inherit",children:null!==(s=n.toastText)&&void 0!==s?s:r}):t(g,{color:"inherit",children:null!==(i=n.toastText)&&void 0!==i?i:r}),n.subText&&t("div",{style:{marginTop:2},children:t(m,{color:b.content.secondary,children:n.subText})})]})}),n.showButton&&t("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[n.showSecondButton?"showSecondButton":"showButton"]},children:t(f,{buttonText:n.buttonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:n.onButtonClick})}),n.showSecondButton&&t("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"},children:t(f,{buttonText:n.secondButtonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:n.onSecondButtonClick})}),n.showButton||n.showSecondButton?t("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${l}`,borderRadius:1}}):null]})})},I=o=>{const e=c(o.toastId||"default-toast"),[i,d]=u(o.text),p=x({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),f="default"===o.type?null:"success"===o.type?t(s,{width:20,height:20,color:b.content.positive}):"error"===o.type?t(l,{width:20,height:20,color:b.content.negative}):"warning"===o.type?t(n,{width:20,height:20,color:b.content.warning}):t(r,{width:20,height:20,color:b.content.brand});a((()=>{e.current&&e.current===o.toastId?(d(o.text),y.update(e.current,{autoClose:o.autoClose})):e.current&&e.current!==o.toastId&&B(o.text)}),[o.toastId,o.text]);const B=n=>{var s,i,l,r,d,c,u,a,h,x,v,T,B,g,m,b;void 0!==o.hideLeftIcon||o.leftIcon?y(t(C,{toastText:n,type:o.type||"info",buttonText:null===(s=o.buttonProps)||void 0===s?void 0:s.buttonText,secondButtonText:null===(i=o.secondButtonProps)||void 0===i?void 0:i.buttonText,showButton:null===(l=o.buttonProps)||void 0===l?void 0:l.showButton,showSecondButton:null===(r=o.secondButtonProps)||void 0===r?void 0:r.showButton,onButtonClick:null===(d=o.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=o.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:o.subText}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),icon:!0!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:"default"!==o.type&&t("div",{style:{display:"flex",alignItems:"flex-start"},children:f})),type:o.type,closeButton:t(w,{type:o.type||"default",alignTop:!(!o.subText||(null===(u=o.buttonProps)||void 0===u?void 0:u.showButton)||(null===(a=o.secondButtonProps)||void 0===a?void 0:a.showButton))}),toastId:o.toastId||"default-toast",transition:p}):e.current=y(t(C,{toastText:n,type:o.type||"info",buttonText:null===(h=o.buttonProps)||void 0===h?void 0:h.buttonText,secondButtonText:null===(x=o.secondButtonProps)||void 0===x?void 0:x.buttonText,showButton:null===(v=o.buttonProps)||void 0===v?void 0:v.showButton,showSecondButton:null===(T=o.secondButtonProps)||void 0===T?void 0:T.showButton,onButtonClick:null===(B=o.buttonProps)||void 0===B?void 0:B.onButtonClick,onSecondButtonClick:null===(g=o.secondButtonProps)||void 0===g?void 0:g.onButtonClick,subText:o.subText}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),type:o.type,icon:"default"!==o.type&&t("div",{style:{display:"flex",alignItems:"flex-start"},children:f}),closeButton:t(w,{type:o.type||"default",alignTop:!(!o.subText||(null===(m=o.buttonProps)||void 0===m?void 0:m.showButton)||(null===(b=o.secondButtonProps)||void 0===b?void 0:b.showButton))}),toastId:o.toastId||"default-toast",transition:p})};return a((()=>{B()}),[]),h.createPortal(t(T,{width:o.width,height:o.height,zIndex:o.zIndex,isSubTextIncluded:!!o.subText,type:o.type,children:t(P.Provider,{value:{toasterText:i},children:t(v,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})})}),document.body)},P=d.createContext({toasterText:""});export{I as Toaster};

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import { TypeOptions } from 'react-toastify';
-export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    width?: string | undefined;
-    height?: string | undefined;
-    zIndex?: number | undefined;
-    isSubTextIncluded?: boolean | undefined;
-    type?: TypeOptions | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import { TypeOptions } from 'react-toastify';
+export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    width?: string;
+    height?: string;
+    zIndex?: number;
+    isSubTextIncluded?: boolean;
+    type?: TypeOptions;
+}, JSX.IntrinsicElements, {}>;

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

@@ -1 +1,138 @@
-import c from"@emotion/styled/base";import{COLORS as t}from"../../constants/Theme.js";import{ComponentZindex as b}from"../../constants/zindex.js";const l=c("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-text-color-success:",t.content.primary,";--toastify-text-color-error:",t.content.primary,";--toastify-text-color-warning:",t.content.primary,";--toastify-text-color-info:",t.content.primary,";--toastify-color-info:",t.background.brandLight,";--toastify-color-success:",t.background.positive.light,";--toastify-color-error:",t.background.negative.light,";--toastify-color-warning:",t.background.warning.light,";--toastify-text-color-light:",t.content.primary,";--toastify-toast-width:fit-content;--toastify-toast-min-height:",(c=>c.height||(c.isSubTextIncluded?"70px":"56px")),";--toastify-toast-max-height:",(c=>c.height||"fit-content"),";font-family:inherit;z-index:",(c=>c.zIndex||b.TOASTER),";.custom-position{position:relative;}.Toastify__toast-container{padding:0;}.Toastify__toast--success{border:1px solid ",t.stroke.positive.lightAlt,";}.Toastify__toast--info{border:1px solid ",t.stroke.brandLightAlt,";}.Toastify__toast--default{border:1px solid ",t.stroke.primary,";}.Toastify__toast--error{border:1px solid ",t.stroke.negative.lightAlt,";}.Toastify__toast--warning{border:1px solid ",t.stroke.warning.lightAlt,";}.Toastify__toast{padding:",(c=>c.isSubTextIncluded?"16px":"12px"),";max-width:",(c=>c.width),";border-radius:8px;}.Toastify__progress-bar{height:4px;}.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-icon{align-self:center;margin-inline-end:12px;height:",(c=>c.isSubTextIncluded?"38px":"20px"),";}.Toastify__toast-body{padding:0;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",t.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info{background:",t.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:",t.content.warning,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success{background:",t.content.positive,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:",t.content.negative,";}.Toastify__toast-body>div:last-child{display:flex;}.Toastify__slide-enter{animation:slideIn 1s ease forwards,bounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;}.Toastify__slide-exit{animation:slideOut 0.5s ease-in-out forwards;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateX(-20px);}60%{transform:translateX(20px);}}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes slideOut{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENvbXBvbmVudFppbmRleCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvemluZGV4XCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdC0tdG9hc3RpZnktY29sb3ItbGlnaHQ6ICNmZmY7XG5cdC0tdG9hc3RpZnktY29sb3ItZGFyazogIzEyMTIxMjtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXN1Y2Nlc3M6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1lcnJvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1pbmZvOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHR9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogZml0LWNvbnRlbnQ7XG5cdC0tdG9hc3RpZnktdG9hc3QtbWluLWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAocHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyAnNzBweCcgOiAnNTZweCcpfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblx0ei1pbmRleDogJHsocHJvcHMpID0+IHByb3BzLnpJbmRleCB8fCBDb21wb25lbnRaaW5kZXguVE9BU1RFUn07XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3QtY29udGFpbmVyIHtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0tc3VjY2VzcyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWluZm8ge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWRlZmF1bHQge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWVycm9yIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UubmVnYXRpdmUubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0td2FybmluZyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLndhcm5pbmcubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1N1YlRleHRJbmNsdWRlZCA/ICcxNnB4JyA6ICcxMnB4Jyl9O1xuXHRcdG1heC13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhciB7XG5cdFx0aGVpZ2h0OiA0cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX2Nsb3NlLWJ1dHRvbiB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1pY29uIHtcblx0XHRhbGlnbi1zZWxmOiBjZW50ZXI7XG5cdFx0bWFyZ2luLWlubGluZS1lbmQ6IDEycHg7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gJzM4cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkge1xuXHRcdHBhZGRpbmc6IDA7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1kZWZhdWx0IHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50LmJyYW5kfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWluZm8ge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0td2FybmluZyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC53YXJuaW5nfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLXN1Y2Nlc3Mge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tZXJyb3Ige1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3NsaWRlLWVudGVyIHtcblx0XHRhbmltYXRpb246IHNsaWRlSW4gMXMgZWFzZSBmb3J3YXJkcyxcblx0XHRcdGJvdW5jZSBjdWJpYy1iZXppZXIoMC42OCwgLTAuNTUsIDAuMjcsIDEuNTUpIDAuNXMgYm90aDtcblx0fVxuXHQuVG9hc3RpZnlfX3NsaWRlLWV4aXQge1xuXHRcdGFuaW1hdGlvbjogc2xpZGVPdXQgMC41cyBlYXNlLWluLW91dCBmb3J3YXJkcztcblx0fVxuXG5cdEBrZXlmcmFtZXMgYm91bmNlIHtcblx0XHQwJSxcblx0XHQyMCUsXG5cdFx0NTAlLFxuXHRcdDgwJSxcblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsgLyogU3RhcnQgYW5kIGVuZCBhdCB0aGUgb3JpZ2luYWwgcG9zaXRpb24gKi9cblx0XHR9XG5cdFx0NDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMjBweCk7IC8qIEJvdW5jaW5nIHVwICovXG5cdFx0fVxuXHRcdDYwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMjBweCk7IC8qIFNtYWxsIGJvdW5jZSBiZWZvcmUgc2V0dGxpbmcgKi9cblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZUluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpOyAvKiBTdGFydCBvZmYtc2NyZWVuIHRvIHRoZSBsZWZ0ICovXG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsgLyogRW5kIGF0IHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZU91dCB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApOyAvKiBTdGFydCBmcm9tIHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7IC8qIFNsaWRlIG91dCB0byB0aGUgcmlnaHQgKi9cblx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub2FzdGVyLnN0eWxlZC5qcy5tYXAiXX0= */"));export{l as ToasterStyled};
+import t from"@emotion/styled";import{COLORS as o}from"../../constants/Theme.js";import{ComponentZindex as r}from"../../constants/zindex.js";const a=t.div`
+	--toastify-color-light: #fff;
+	--toastify-color-dark: #121212;
+	--toastify-text-color-success: ${o.content.primary};
+	--toastify-text-color-error: ${o.content.primary};
+	--toastify-text-color-warning: ${o.content.primary};
+	--toastify-text-color-info: ${o.content.primary};
+	--toastify-color-info: ${o.background.brandLight};
+	--toastify-color-success: ${o.background.positive.light};
+	--toastify-color-error: ${o.background.negative.light};
+	--toastify-color-warning: ${o.background.warning.light};
+	--toastify-text-color-light: ${o.content.primary};
+	--toastify-toast-width: fit-content;
+	--toastify-toast-min-height: ${t=>t.height||(t.isSubTextIncluded?"70px":"56px")};
+	--toastify-toast-max-height: ${t=>t.height||"fit-content"};
+	font-family: inherit;
+	z-index: ${t=>t.zIndex||r.TOASTER};
+
+	.custom-position {
+		position: relative;
+	}
+	.Toastify__toast-container {
+		padding: 0;
+	}
+
+	.Toastify__toast--success {
+		border: 1px solid ${o.stroke.positive.lightAlt};
+	}
+
+	.Toastify__toast--info {
+		border: 1px solid ${o.stroke.brandLightAlt};
+	}
+
+	.Toastify__toast--default {
+		border: 1px solid ${o.stroke.primary};
+	}
+
+	.Toastify__toast--error {
+		border: 1px solid ${o.stroke.negative.lightAlt};
+	}
+
+	.Toastify__toast--warning {
+		border: 1px solid ${o.stroke.warning.lightAlt};
+	}
+
+	.Toastify__toast {
+		padding: ${t=>t.isSubTextIncluded?"16px":"12px"};
+		max-width: ${t=>t.width};
+		border-radius: 8px;
+	}
+
+	.Toastify__progress-bar {
+		height: 4px;
+	}
+
+	.Toastify__close-button {
+		display: block;
+		margin: auto;
+	}
+
+	.Toastify__toast-icon {
+		align-self: center;
+		margin-inline-end: 12px;
+		height: ${t=>t.isSubTextIncluded?"38px":"20px"};
+	}
+
+	.Toastify__toast-body {
+		padding: 0;
+	}
+
+	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
+		background: ${o.content.brand};
+	}
+
+	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {
+		background: ${o.content.brand};
+	}
+
+	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
+		background: ${o.content.warning};
+	}
+
+	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {
+		background: ${o.content.positive};
+	}
+
+	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
+		background: ${o.content.negative};
+	}
+
+	.Toastify__toast-body > div:last-child {
+		display: flex;
+	}
+
+	.Toastify__slide-enter {
+		animation: slideIn 1s ease forwards,
+			bounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;
+	}
+	.Toastify__slide-exit {
+		animation: slideOut 0.5s ease-in-out forwards;
+	}
+
+	@keyframes bounce {
+		0%,
+		20%,
+		50%,
+		80%,
+		100% {
+			transform: translateY(0); /* Start and end at the original position */
+		}
+		40% {
+			transform: translateX(-20px); /* Bouncing up */
+		}
+		60% {
+			transform: translateX(20px); /* Small bounce before settling */
+		}
+	}
+	@keyframes slideIn {
+		0% {
+			transform: translateX(-100%); /* Start off-screen to the left */
+			opacity: 0;
+		}
+		100% {
+			transform: translateX(0); /* End at the original position */
+			opacity: 1;
+		}
+	}
+	@keyframes slideOut {
+		0% {
+			transform: translateX(0); /* Start from the original position */
+			opacity: 1;
+		}
+		100% {
+			transform: translateX(100%); /* Slide out to the right */
+			opacity: 0;
+		}
+	}
+`;export{a as ToasterStyled};

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

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

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

@@ -1,13 +1,13 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { TooltipInternalProps } from "./TooltipInternal";
-export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
-export interface TooltipProps extends TooltipInternalProps {
-    width?: number;
-    placement?: Placement;
-    children: ReactNode;
-    tooltipContent?: JSX.Element;
-    alwaysVisible?: boolean;
-    hideArrow?: boolean;
-    onClickOutside?: () => void;
-}
-export declare const Tooltip: FunctionComponent<TooltipProps>;
+import { FunctionComponent, ReactNode } from 'react';
+import { TooltipInternalProps } from '@src/components/tooltips/TooltipInternal';
+export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export interface TooltipProps extends TooltipInternalProps {
+    width?: number;
+    placement?: Placement;
+    children: ReactNode;
+    tooltipContent?: JSX.Element;
+    alwaysVisible?: boolean;
+    hideArrow?: boolean;
+    onClickOutside?: () => void;
+}
+export declare const Tooltip: FunctionComponent<TooltipProps>;

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

@@ -1 +1 @@
-import{jsxs as t,Fragment as n,jsx as o}from"react/jsx-runtime";import e from"@tippyjs/react";import i from"react";import r from"./TooltipInternal.js";import{COLORS as a}from"../../constants/Theme.js";const l=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${a.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`,p=a=>{var p,d;return i.isValidElement(a.children)?a.body||a.title||a.tooltipContent?t(n,{children:[o("style",{children:l}),o(e,Object.assign({theme:null!==(p=a.variant)&&void 0!==p?p:"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:a.placement||"right",maxWidth:a.width,animation:"fade",arrow:null===(d=!a.hideArrow)||void 0===d||d,interactive:!0,delay:a.delay,visible:a.alwaysVisible,content:a.tooltipContent?a.tooltipContent:o(r,{variant:a.variant,title:a.title,body:a.body,buttonProps:a.buttonProps}),onClickOutside:a.onClickOutside},{children:a.children}))]}):a.children:null};export{p as Tooltip};
+import{jsxs as t,Fragment as n,jsx as o}from"react/jsx-runtime";import e from"@tippyjs/react";import i from"react";import r from"./TooltipInternal.js";import{COLORS as l}from"../../constants/Theme.js";const a=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${l.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`,p=l=>{var p,d;return i.isValidElement(l.children)?l.body||l.title||l.tooltipContent?t(n,{children:[o("style",{children:a}),o(e,{theme:null!==(p=l.variant)&&void 0!==p?p:"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:l.placement||"right",maxWidth:l.width,animation:"fade",arrow:null===(d=!l.hideArrow)||void 0===d||d,interactive:!0,delay:l.delay,visible:l.alwaysVisible,content:l.tooltipContent?l.tooltipContent:o(r,{variant:l.variant,title:l.title,body:l.body,buttonProps:l.buttonProps}),onClickOutside:l.onClickOutside,children:l.children})]}):l.children:null};export{p as Tooltip};