odaptos_design_system 1.4.126 → 1.4.128

package/dist/Buttons/Button.d.ts

@@ -2,6 +2,7 @@ import React, { HTMLAttributes } from 'react';
 export interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
     variant?: 'primary' | 'secondary' | 'tertiary' | 'tertiary-alt' | 'alert' | 'success';
     size?: 'sm' | 'base' | 'lg';
+    customBackground?: string;
     iconLeft?: JSX.Element;
     iconRight?: JSX.Element;
     disabled?: boolean;
@@ -9,4 +10,4 @@ export interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
     className?: string;
 }
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
-export declare const Button: ({ variant, size, iconLeft, iconRight, text, disabled, className, ...props }: ButtonProps) => React.JSX.Element;
+export declare const Button: ({ variant, size, customBackground, iconLeft, iconRight, text, disabled, className, ...props }: ButtonProps) => React.JSX.Element;

package/dist/Icons/MediaControl/NoCameraIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+export default function NoCameraIcon({ stroke, strokeWidth, fill, ...rest }: SvgIconProps): React.JSX.Element;

package/dist/Icons/MediaControl/NoMicrophoneIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+export default function NoMicrophoneIcon({ stroke, strokeWidth, fill, ...rest }: SvgIconProps): React.JSX.Element;

package/dist/Icons/index.d.ts

@@ -41,6 +41,7 @@ export { default as Faq } from './Illustrations/Faq';
 export { default as HappyMen } from './Illustrations/HappyMen';
 export { default as IntegratedUsabilityScore } from './Illustrations/IntegratedUsabilityScore';
 export { default as InterviewTranscript } from './Illustrations/InterviewTranscript';
+export { default as InterviewTranscriptGreen } from './Illustrations/InterviewTranscriptGreen';
 export { default as MenShowingSomething } from './Illustrations/MenShowingSomething';
 export { default as MetaAnalyse } from './Illustrations/MetaAnalyse';
 export { default as MetaAnalyse2 } from './Illustrations/MetaAnalyse2';
@@ -54,7 +55,6 @@ export { default as UxGuide } from './Illustrations/UxGuide';
 export { default as VideoFlag } from './Illustrations/VideoFlag';
 export { default as VideoFlag2 } from './Illustrations/VideoFlag2';
 export { default as VideoFlagGreen } from './Illustrations/VideoFlagGreen';
-export { default as InterviewTranscriptGreen } from './Illustrations/InterviewTranscriptGreen';
 export { default as AccountIcon } from './Interaction/AccountIcon';
 export { default as AddIcon } from './Interaction/AddIcon';
 export { default as AgendaIcon } from './Interaction/AgendaIcon';
@@ -86,6 +86,8 @@ export { default as MeetingIcon } from './MediaControl/MeetingIcon';
 export { default as MicrophoneIcon } from './MediaControl/MicrophoneIcon';
 export { default as MoveInIcon } from './MediaControl/MoveInIcon';
 export { default as MuteIcon } from './MediaControl/MuteIcon';
+export { default as NoCameraIcon } from './MediaControl/NoCameraIcon';
+export { default as NoMicrophoneIcon } from './MediaControl/NoMicrophoneIcon';
 export { default as PauseIcon } from './MediaControl/PauseIcon';
 export { default as PlayIcon } from './MediaControl/PlayIcon';
 export { default as PreviousIcon } from './MediaControl/PreviousIcon';

package/dist/Notifications/Banner.d.ts

@@ -5,10 +5,11 @@ interface BannerProps extends HTMLAttributes<HTMLDivElement> {
     textLink?: string;
     link?: string;
     className?: string;
+    onClose?: () => void;
     type: 'error' | 'warning' | 'success' | 'info';
 }
 /**
  * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
  */
-export declare const Banner: ({ title, content, textLink, link, className, type, ...props }: BannerProps) => React.JSX.Element;
+export declare const Banner: ({ title, content, textLink, link, className, type, onClose, ...props }: BannerProps) => React.JSX.Element;
 export {};

package/dist/PricingCard/PricingCard.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface Feature {
+    featureName: string;
+    tooltipText: string;
+}
+interface PricingCardProps {
+    cardInfo: {
+        title: string;
+        description: string;
+        monthlyPrice: number;
+        yearlyPrice: number;
+    };
+    cmsContent: any;
+    isYearlyOrMonthly: 'yearly' | 'monthly';
+    interviewsNumber?: number;
+    featuresList: Feature[];
+    isDark?: boolean;
+    isHighlighted: boolean;
+    highlightMessage?: string;
+    onClick: () => void;
+    currency?: string;
+    tier: 1 | 2 | 3 | 4;
+}
+declare const PricingCard: React.FC<PricingCardProps>;
+export default PricingCard;

package/dist/odaptos_design_system.cjs.development.js

@@ -2408,6 +2408,145 @@ function InterviewTranscript({
   })));
 }
 
+function InterviewTranscriptGreen({
+  ...rest
+}) {
+  return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
+    strokeWidth: 0.1,
+    stroke: 'currentColor'
+  }, rest), /*#__PURE__*/React__default.createElement("svg", {
+    width: "64",
+    height: "64",
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M10.2163 51.2225C18.9571 51.1656 27.4375 51.1087 36.1783 51.0518",
+    stroke: "#BCC4D1",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M16.36 45.1875C16.2727 40.2801 16.2012 35.3717 16.2594 30.4638C16.2674 29.7876 16.2824 29.0901 16.5561 28.4717C16.8299 27.8533 17.4317 27.3288 18.1073 27.36C18.7828 27.3912 19.3756 28.1688 19.0688 28.7715C18.6302 27.6554 19.4926 26.2381 20.6854 26.1147C21.8783 25.9912 23.0126 27.2019 22.8118 28.3842C22.8778 27.3297 24.2926 26.8137 25.2579 27.2433C26.2232 27.6729 26.791 28.6698 27.2438 29.6244C29.5253 34.4344 30.5634 39.8279 30.2306 45.1411",
+    fill: "#8AEB8A"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M16.36 45.1875C16.2727 40.2801 16.2012 35.3717 16.2594 30.4638C16.2674 29.7876 16.2824 29.0901 16.5561 28.4717C16.8299 27.8533 17.4317 27.3288 18.1073 27.36C18.7828 27.3912 19.3756 28.1688 19.0688 28.7715C18.6302 27.6554 19.4926 26.2381 20.6854 26.1147C21.8783 25.9912 23.0126 27.2019 22.8118 28.3842C22.8778 27.3297 24.2926 26.8137 25.2579 27.2433C26.2232 27.6729 26.791 28.6698 27.2438 29.6244C29.5253 34.4344 30.5634 39.8279 30.2306 45.1411",
+    stroke: "#8AEB8A",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M37.5432 55.3663C34.2369 40.2817 33.0419 24.5548 34.3736 8.63354C41.0017 8.71386 48.2918 8.79418 55.2449 8.81287C54.9336 24.1632 55.4011 40.3074 57.8318 55.3663L37.5432 55.3663Z",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M37.2275 16.8589L43.9519 16.9034",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M46.2549 20.3215C48.1269 20.2924 49.999 20.2633 51.871 20.2341",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M37.3062 24.6091C39.8662 24.6129 42.4263 24.6167 44.9864 24.6204",
+    stroke: "#8AEB8A",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M37.6143 27.3146C39.598 27.3079 41.5818 27.3013 43.5656 27.2947",
+    stroke: "#8AEB8A",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M46.2549 31.3879C48.1424 31.3659 50.0299 31.3438 51.9173 31.3218",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M38.7026 35.9875C41.4695 35.9615 44.2364 35.9355 47.0033 35.9094",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M38.5981 38.7406C41.6487 38.6925 44.6992 38.6443 47.7497 38.5962",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M47.2422 41.3511L50.5184 41.3301",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M38.7876 41.4053L40.6896 41.3931",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M39.4736 44.0701C40.6002 44.0514 41.7267 44.0326 42.8533 44.0139",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M42.853 48.6124C46.4836 48.6017 50.1142 48.591 53.7448 48.5803",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M48.2515 51.1883C50.1791 51.1785 52.1067 51.1687 54.0343 51.1589",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M42.4941 11.4961H47.1895",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M43.0674 41.3491H44.5928",
+    stroke: "#F5836C",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M33.4421 20.234C26.3111 20.1185 13.5022 20.1846 8.34991 20.2182C7.11989 20.2262 6.13854 21.2375 6.16864 22.4672C6.33495 29.2607 6.51024 36.9149 6.77524 43.5771C6.82224 44.7587 7.79508 45.6877 8.97762 45.6853L35.2376 45.6317",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M18.9699 52.1847C18.477 51.6523 18.49 50.7306 18.9977 50.2122C19.5053 49.6938 20.4265 49.6616 20.9692 50.1433C21.5118 50.625 21.5891 51.5435 21.1346 52.1091C20.68 52.6747 19.6523 52.9219 18.9699 52.1847Z",
+    fill: "#004799",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M21.2476 37.2805C22.3954 37.974 23.9631 37.8909 25.0311 37.0798",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  })));
+}
+
 function MenShowingSomething({
   stroke,
   strokeWidth,
@@ -3715,145 +3854,6 @@ function VideoFlagGreen({
   })));
 }
 
-function InterviewTranscriptGreen({
-  ...rest
-}) {
-  return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
-    strokeWidth: 0.1,
-    stroke: 'currentColor'
-  }, rest), /*#__PURE__*/React__default.createElement("svg", {
-    width: "64",
-    height: "64",
-    viewBox: "0 0 64 64",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M10.2163 51.2225C18.9571 51.1656 27.4375 51.1087 36.1783 51.0518",
-    stroke: "#BCC4D1",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M16.36 45.1875C16.2727 40.2801 16.2012 35.3717 16.2594 30.4638C16.2674 29.7876 16.2824 29.0901 16.5561 28.4717C16.8299 27.8533 17.4317 27.3288 18.1073 27.36C18.7828 27.3912 19.3756 28.1688 19.0688 28.7715C18.6302 27.6554 19.4926 26.2381 20.6854 26.1147C21.8783 25.9912 23.0126 27.2019 22.8118 28.3842C22.8778 27.3297 24.2926 26.8137 25.2579 27.2433C26.2232 27.6729 26.791 28.6698 27.2438 29.6244C29.5253 34.4344 30.5634 39.8279 30.2306 45.1411",
-    fill: "#8AEB8A"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M16.36 45.1875C16.2727 40.2801 16.2012 35.3717 16.2594 30.4638C16.2674 29.7876 16.2824 29.0901 16.5561 28.4717C16.8299 27.8533 17.4317 27.3288 18.1073 27.36C18.7828 27.3912 19.3756 28.1688 19.0688 28.7715C18.6302 27.6554 19.4926 26.2381 20.6854 26.1147C21.8783 25.9912 23.0126 27.2019 22.8118 28.3842C22.8778 27.3297 24.2926 26.8137 25.2579 27.2433C26.2232 27.6729 26.791 28.6698 27.2438 29.6244C29.5253 34.4344 30.5634 39.8279 30.2306 45.1411",
-    stroke: "#8AEB8A",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M37.5432 55.3663C34.2369 40.2817 33.0419 24.5548 34.3736 8.63354C41.0017 8.71386 48.2918 8.79418 55.2449 8.81287C54.9336 24.1632 55.4011 40.3074 57.8318 55.3663L37.5432 55.3663Z",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M37.2275 16.8589L43.9519 16.9034",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M46.2549 20.3215C48.1269 20.2924 49.999 20.2633 51.871 20.2341",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M37.3062 24.6091C39.8662 24.6129 42.4263 24.6167 44.9864 24.6204",
-    stroke: "#8AEB8A",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M37.6143 27.3146C39.598 27.3079 41.5818 27.3013 43.5656 27.2947",
-    stroke: "#8AEB8A",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M46.2549 31.3879C48.1424 31.3659 50.0299 31.3438 51.9173 31.3218",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M38.7026 35.9875C41.4695 35.9615 44.2364 35.9355 47.0033 35.9094",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M38.5981 38.7406C41.6487 38.6925 44.6992 38.6443 47.7497 38.5962",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M47.2422 41.3511L50.5184 41.3301",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M38.7876 41.4053L40.6896 41.3931",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M39.4736 44.0701C40.6002 44.0514 41.7267 44.0326 42.8533 44.0139",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M42.853 48.6124C46.4836 48.6017 50.1142 48.591 53.7448 48.5803",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M48.2515 51.1883C50.1791 51.1785 52.1067 51.1687 54.0343 51.1589",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M42.4941 11.4961H47.1895",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M43.0674 41.3491H44.5928",
-    stroke: "#F5836C",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M33.4421 20.234C26.3111 20.1185 13.5022 20.1846 8.34991 20.2182C7.11989 20.2262 6.13854 21.2375 6.16864 22.4672C6.33495 29.2607 6.51024 36.9149 6.77524 43.5771C6.82224 44.7587 7.79508 45.6877 8.97762 45.6853L35.2376 45.6317",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M18.9699 52.1847C18.477 51.6523 18.49 50.7306 18.9977 50.2122C19.5053 49.6938 20.4265 49.6616 20.9692 50.1433C21.5118 50.625 21.5891 51.5435 21.1346 52.1091C20.68 52.6747 19.6523 52.9219 18.9699 52.1847Z",
-    fill: "#004799",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M21.2476 37.2805C22.3954 37.974 23.9631 37.8909 25.0311 37.0798",
-    stroke: "#004799",
-    "stroke-width": "1.92",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  })));
-}
-
 function AccountIcon({
   stroke,
   strokeWidth,
@@ -5172,6 +5172,77 @@ function MuteIcon({
   })));
 }
 
+function NoCameraIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}) {
+  return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
+    strokeWidth: strokeWidth ?? 0.1,
+    stroke: stroke ? stroke : 'currentColor'
+  }, rest), /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    "clip-path": "url(#clip0_296_1941)"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.6457 15.7973L21.83 17.389C22.0587 17.5032 22.3128 17.557 22.5681 17.5454C22.8234 17.5338 23.0716 17.4571 23.289 17.3227C23.5064 17.1883 23.6858 17.0005 23.8102 16.7772C23.9347 16.554 24 16.3026 24 16.047V7.97458C24.0002 7.71877 23.9349 7.46716 23.8104 7.2437C23.6859 7.02024 23.5062 6.83237 23.2886 6.69797C23.0709 6.56356 22.8225 6.4871 22.5669 6.47584C22.3116 6.4646 22.0576 6.51883 21.8292 6.63337L18.4147 8.34013C18.0442 8.52532 17.8939 8.97581 18.0791 9.34632C18.2643 9.71682 18.7148 9.86704 19.0853 9.68185L22.5 7.97501V16.047L19.0853 14.3401C18.7148 14.1549 18.2643 14.3051 18.0791 14.6757C17.9925 14.8489 17.9793 15.0396 18.0276 15.2126C18.2566 15.4324 18.4637 15.6285 18.6457 15.7973ZM15.6449 18.1449L14.576 17.0759C14.1674 17.6423 13.5017 18.011 12.75 18.011H3.75C2.50736 18.011 1.5 17.0036 1.5 15.761V8.26099C1.5 7.09518 2.38663 6.13646 3.52237 6.02236L2.30114 4.80113C0.949459 5.36783 0 6.70353 0 8.26099V15.761C0 17.8321 1.67893 19.511 3.75 19.511H12.75C13.9157 19.511 14.9571 18.9791 15.6449 18.1449ZM7.45841 4.51099H12.75C14.8211 4.51099 16.5 6.18992 16.5 8.26099V13.7177C16.0334 13.255 15.5293 12.751 15 12.2188V8.26099C15 7.01835 13.9926 6.01099 12.75 6.01099H8.91209C8.4083 5.49214 7.92057 4.98881 7.45841 4.51099ZM22.5 7.97501L22.5002 7.97399L22.5014 7.97429L22.5 7.97501Z",
+    fill: fill
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M2 2L22 22Z",
+    fill: fill
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M2 2L22 22",
+    stroke: fill,
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
+    id: "clip0_296_1941"
+  }, /*#__PURE__*/React__default.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: fill
+  })))));
+}
+
+function NoMicrophoneIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}) {
+  return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
+    strokeWidth: strokeWidth ?? 0.1,
+    stroke: stroke ? stroke : 'currentColor'
+  }, rest), /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    "clip-path": "url(#clip0_296_1932)"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.61787 5.07627C6.63779 4.4461 6.77477 3.82379 7.02254 3.24001C7.29229 2.60201 7.68921 2.02301 8.18973 1.53501C8.69025 1.04701 9.2841 0.660006 9.93847 0.397006C10.5918 0.133006 11.2923 -0.000994444 12 5.55581e-06C12.7077 -0.000994444 13.4083 0.133006 14.0616 0.397006C14.716 0.660006 15.3098 1.04701 15.8103 1.53501C16.3109 2.02301 16.7078 2.60201 16.9775 3.24001C17.2483 3.87801 17.3868 4.56201 17.3847 5.25001V11.22C17.4728 12.5559 17.1208 13.8793 16.3893 15.0002L17.5399 16.1688C17.8996 15.7251 18.1968 15.2352 18.4227 14.712C18.7499 13.954 18.9191 13.14 18.9232 12.318V9.75001C18.9232 9.33601 19.2678 9.00001 19.6924 9.00001C20.1171 9.00001 20.4617 9.33601 20.4617 9.75001V12.32V12.323C20.4576 13.343 20.2463 14.352 19.8412 15.293C19.5342 16.0053 19.12 16.6682 18.6134 17.2591L21.7858 20.481C22.0802 20.779 22.0699 21.254 21.7632 21.541C21.4576 21.828 20.9704 21.818 20.676 21.519L6.86937 7.49678C6.842 7.47269 6.81642 7.44671 6.79284 7.41905L2.21427 2.769C1.91991 2.471 1.93017 1.996 2.23684 1.709C2.54248 1.422 3.02967 1.432 3.32403 1.731L6.61787 5.07627ZM15.282 13.8757C15.7109 13.0909 15.9102 12.1994 15.8483 11.301C15.8473 11.284 15.8462 11.267 15.8462 11.25V5.25001V5.24801C15.8473 4.75601 15.7488 4.26801 15.556 3.81301C15.3632 3.35701 15.0801 2.94401 14.7231 2.59501C14.3652 2.24701 13.9416 1.97101 13.4739 1.78301C13.0072 1.59501 12.5067 1.49901 12.0021 1.50001H11.998C11.4934 1.49901 10.9928 1.59501 10.5262 1.78301C10.0585 1.97101 9.63488 2.24701 9.27693 2.59501C8.92 2.94401 8.63692 3.35701 8.44409 3.81301C8.25127 4.26801 8.15281 4.75601 8.15384 5.24801V5.25001V6.63622L15.282 13.8757ZM14.9006 18.153C15.2893 17.987 15.7437 18.159 15.9149 18.538C16.0852 18.917 15.9088 19.36 15.5201 19.527C14.6463 19.9012 13.7169 20.134 12.7693 20.2164V23.25C12.7693 23.664 12.4246 24 12 24C11.5754 24 11.2308 23.664 11.2308 23.25V20.2287C9.31627 20.0887 7.50103 19.3054 6.10252 18C4.51378 16.517 3.59172 14.482 3.53839 12.338V12.32V9.75001C3.53839 9.33601 3.88301 9.00001 4.30763 9.00001C4.73225 9.00001 5.07687 9.33601 5.07687 9.75001V12.316C5.12405 14.058 5.87483 15.711 7.16612 16.916C8.4605 18.125 10.1928 18.784 11.9857 18.75H11.999C12.998 18.749 13.9857 18.546 14.9006 18.153ZM13.3385 16.387C13.2924 15.976 12.9118 15.679 12.4893 15.725C12.2113 15.755 10.7026 15.849 9.54154 14.915C8.74563 14.275 8.15383 13.152 8.15383 11.25C8.15383 10.836 7.80921 10.5 7.38459 10.5C6.95997 10.5 6.61535 10.836 6.61535 11.25C6.61535 13.773 7.50664 15.223 8.56204 16.072C10.1774 17.372 12.2729 17.257 12.6595 17.215C13.0811 17.17 13.3857 16.799 13.3385 16.387Z",
+    fill: fill
+  })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
+    id: "clip0_296_1932"
+  }, /*#__PURE__*/React__default.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: fill
+  })))));
+}
+
 function PauseIcon({
   stroke,
   strokeWidth,
@@ -7618,6 +7689,7 @@ styleInject(css_248z$5);
 const Button = ({
   variant = 'primary',
   size = 'base',
+  customBackground,
   iconLeft,
   iconRight,
   text,
@@ -7633,6 +7705,10 @@ const Button = ({
   };
   return /*#__PURE__*/React__default.createElement("button", Object.assign({
     className: `${styles$5.button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`,
+    style: {
+      background: customBackground,
+      border: customBackground ? 'none' : ''
+    },
     disabled: disabled
   }, props), iconLeft && iconLeft, /*#__PURE__*/React__default.createElement(TextForButton, {
     text: text,
@@ -8083,14 +8159,14 @@ const ControlsBar = ({
   return /*#__PURE__*/React__default.createElement("div", Object.assign({
     className: `${styles$a.control_bar} ${className ?? ''}`
   }, props), enableMicrophone && /*#__PURE__*/React__default.createElement(CircledIconButton, {
-    icon: isMicrophoneActive ? /*#__PURE__*/React__default.createElement(MicrophoneIcon, null) : /*#__PURE__*/React__default.createElement(MicrophoneIcon, null),
+    icon: isMicrophoneActive ? /*#__PURE__*/React__default.createElement(MicrophoneIcon, null) : /*#__PURE__*/React__default.createElement(NoMicrophoneIcon, null),
     onClick: () => {
       if (isMicrophoneActive) enableMicrophone();else {
         if (muteMicrophone) muteMicrophone();
       }
     }
   }), enableCamera && /*#__PURE__*/React__default.createElement(CircledIconButton, {
-    icon: isCameraActive ? /*#__PURE__*/React__default.createElement(MeetingIcon, null) : /*#__PURE__*/React__default.createElement(MeetingIcon, null),
+    icon: isCameraActive ? /*#__PURE__*/React__default.createElement(MeetingIcon, null) : /*#__PURE__*/React__default.createElement(NoCameraIcon, null),
     onClick: () => {
       if (isCameraActive) enableCamera();else {
         if (muteCamera) muteCamera();
@@ -8153,7 +8229,7 @@ const ControlsBar = ({
   }));
 };
 
-var css_248z$b = ".Chat-modules_chatContainer__xzg50{align-items:flex-start;background:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;height:100%;min-width:25rem;padding:1rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP{display:flex;flex-direction:column;gap:1rem;max-width:100%;width:100%}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh{display:flex;flex-direction:column;gap:1rem;max-height:70%;overflow-x:hidden;overflow-y:scroll}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_message_container__-ocjf{animation:Chat-modules_floatup__aU0gp .5s forwards;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;margin:2rem 0;width:100%}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_message_container__-ocjf .Chat-modules_message__6y4CT p{margin-left:auto}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_not_user_text_message__0Kz7M{align-items:flex-end;background:#fafafa;border:1px solid #d5d5d6;border-radius:0 .5rem .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;margin-left:auto;max-width:100%;padding:1rem;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_not_user_text_message__0Kz7M .Chat-modules_user_text__Mi5Mo{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:OpenSans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_not_user_text_message__0Kz7M .Chat-modules_blue__JjGi-{color:#004799}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message__T2wQS{align-items:flex-end;background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-200,#99c9ff);border-radius:.5rem 0 .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;margin-left:auto;max-width:100%;padding:1rem;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message__T2wQS .Chat-modules_user_text__Mi5Mo{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:OpenSans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message__T2wQS .Chat-modules_blue__JjGi-{color:#004799}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message_username_left__nX27N{display:flex;margin-left:auto;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message_username__CpwdY{display:flex;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_indicator__p0Ehc{align-items:center;background:var(--color-gradients-003,linear-gradient(135deg,#07f 0,#9024f6 100%));border-radius:.5rem .5rem .5rem 0;display:flex;height:2.75rem;justify-content:center;padding:.625rem .5625rem;width:2.75rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_indicator__p0Ehc p{padding:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_message_container_chatbot__s2mU6{animation:Chat-modules_floatup__aU0gp .5s forwards;display:flex;flex-direction:row;gap:.5rem;margin:auto 0 .5rem;width:100%}@keyframes Chat-modules_floatup__aU0gp{0%{opacity:0;transform:translateY(.875rem)}to{opacity:1;transform:translateY(0)}}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_bot_indicator__5-WNz{align-items:center;background:var(--color-gradients-003,linear-gradient(135deg,#07f 0,#9024f6 100%));border-radius:.5rem .5rem 0 .5rem;display:flex;height:2.75rem;justify-content:center;padding:.625rem .5625rem;width:2.75rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_bot_indicator__5-WNz p{padding:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_message_chatbot__X-4XW{display:flex;flex-direction:column;gap:.25rem;width:100%}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_message_chatbot__X-4XW .Chat-modules_user_text__Mi5Mo{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:OpenSans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_text_message__suuTz{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2);border-radius:0 .5rem .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;max-width:100%;padding:1rem;position:relative;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.Chat-modules_no_scrollbar__Ia2bX{-ms-overflow-style:none;scrollbar-width:none}.Chat-modules_no_scrollbar__Ia2bX::-webkit-scrollbar{display:none}";
+var css_248z$b = ".Chat-modules_chatContainer__xzg50{align-items:flex-start;background:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;height:100%;min-width:25rem;padding:1rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP{display:flex;flex-direction:column;gap:1rem;max-width:100%;width:100%}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh{display:flex;flex-direction:column;gap:1rem;max-height:70%;overflow-x:hidden;overflow-y:scroll}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_message_container__-ocjf{animation:Chat-modules_floatup__aU0gp .5s forwards;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;margin:2rem 0;width:100%}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_message_container__-ocjf .Chat-modules_message__6y4CT p{margin-left:auto}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_not_user_text_message__0Kz7M{align-items:flex-end;background:#fafafa;border:1px solid #d5d5d6;border-radius:0 .5rem .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;max-width:100%;padding:1rem;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_not_user_text_message__0Kz7M .Chat-modules_user_text__Mi5Mo{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:OpenSans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_not_user_text_message__0Kz7M .Chat-modules_blue__JjGi-{color:#004799}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message__T2wQS{align-items:flex-end;background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-200,#99c9ff);border-radius:.5rem 0 .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;margin-left:auto;max-width:100%;padding:1rem;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message__T2wQS .Chat-modules_user_text__Mi5Mo{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:OpenSans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message__T2wQS .Chat-modules_blue__JjGi-{color:#004799}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message_username_left__nX27N{display:flex;margin-left:auto;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message_username__CpwdY{display:flex;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_indicator__p0Ehc{align-items:center;background:var(--color-gradients-003,linear-gradient(135deg,#07f 0,#9024f6 100%));border-radius:.5rem .5rem .5rem 0;display:flex;height:2.75rem;justify-content:center;padding:.625rem .5625rem;width:2.75rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_indicator__p0Ehc p{padding:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_message_container_chatbot__s2mU6{animation:Chat-modules_floatup__aU0gp .5s forwards;display:flex;flex-direction:row;gap:.5rem;margin:auto 0 .5rem;width:100%}@keyframes Chat-modules_floatup__aU0gp{0%{opacity:0;transform:translateY(.875rem)}to{opacity:1;transform:translateY(0)}}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_bot_indicator__5-WNz{align-items:center;background:var(--color-gradients-003,linear-gradient(135deg,#07f 0,#9024f6 100%));border-radius:.5rem .5rem 0 .5rem;display:flex;height:2.75rem;justify-content:center;padding:.625rem .5625rem;width:2.75rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_bot_indicator__5-WNz p{padding:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_message_chatbot__X-4XW{display:flex;flex-direction:column;gap:.25rem;width:100%}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_message_chatbot__X-4XW .Chat-modules_user_text__Mi5Mo{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:OpenSans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_text_message__suuTz{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2);border-radius:0 .5rem .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;max-width:100%;padding:1rem;position:relative;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.Chat-modules_no_scrollbar__Ia2bX{-ms-overflow-style:none;scrollbar-width:none}.Chat-modules_no_scrollbar__Ia2bX::-webkit-scrollbar{display:none}";
 var styles$b = {"chatContainer":"Chat-modules_chatContainer__xzg50","scrolling_content":"Chat-modules_scrolling_content__urvdP","tasks_container":"Chat-modules_tasks_container__Mg9Oh","message_chatbot":"Chat-modules_message_chatbot__X-4XW","user_message_container":"Chat-modules_user_message_container__-ocjf","floatup":"Chat-modules_floatup__aU0gp","message":"Chat-modules_message__6y4CT","not_user_text_message":"Chat-modules_not_user_text_message__0Kz7M","user_text":"Chat-modules_user_text__Mi5Mo","blue":"Chat-modules_blue__JjGi-","user_text_message":"Chat-modules_user_text_message__T2wQS","user_text_message_username_left":"Chat-modules_user_text_message_username_left__nX27N","user_text_message_username":"Chat-modules_user_text_message_username__CpwdY","user_indicator":"Chat-modules_user_indicator__p0Ehc","message_container_chatbot":"Chat-modules_message_container_chatbot__s2mU6","bot_indicator":"Chat-modules_bot_indicator__5-WNz","text_message":"Chat-modules_text_message__suuTz","no_scrollbar":"Chat-modules_no_scrollbar__Ia2bX"};
 styleInject(css_248z$b);
 
@@ -9354,8 +9430,8 @@ const TextWithLink = ({
   }, textLink));
 };
 
-var css_248z$q = ".Banner-modules_notification_banner__JKUGY{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;max-width:87.5rem;padding:1.5rem}.Banner-modules_notification_banner__JKUGY h2,.Banner-modules_notification_banner__JKUGY p{white-space:break-spaces}.Banner-modules_notification_banner_header__L3uAa{align-items:center;display:flex;gap:.5rem}.Banner-modules_notification_banner_error__ThRKH{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c);border-radius:.5rem}.Banner-modules_notification_banner_warning__cbz4c{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800);border-radius:.5rem}.Banner-modules_notification_banner_info__-ByX7{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f);border-radius:.5rem}.Banner-modules_notification_banner_success__QCOL-{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65);border-radius:.5rem}";
-var styles$q = {"notification_banner":"Banner-modules_notification_banner__JKUGY","notification_banner_header":"Banner-modules_notification_banner_header__L3uAa","notification_banner_error":"Banner-modules_notification_banner_error__ThRKH","notification_banner_warning":"Banner-modules_notification_banner_warning__cbz4c","notification_banner_info":"Banner-modules_notification_banner_info__-ByX7","notification_banner_success":"Banner-modules_notification_banner_success__QCOL-"};
+var css_248z$q = ".Banner-modules_notification_banner__JKUGY{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;max-width:87.5rem;padding:1.5rem}.Banner-modules_notification_banner__JKUGY h2,.Banner-modules_notification_banner__JKUGY p{white-space:break-spaces}.Banner-modules_notification_banner_header__L3uAa{align-items:center;display:flex;gap:.5rem;width:100%}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_btn_custom__s-jml{margin-left:auto}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_error__qw-kh:hover{background:#fbb7b7;border:1px solid #fbb7b7}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_error__qw-kh svg{stroke:#98312e!important;fill:#98312e!important}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_warning__-sNU6:hover{background:#ffe299;border:1px solid #ffe299}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_warning__-sNU6 svg{stroke:#9e7200!important;fill:#9e7200!important}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_success__nt032:hover{background:#d5edd8;border:1px solid #d5edd8}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_success__nt032 svg{stroke:#3c743d!important;fill:#3c743d!important}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_info__cGQHW:hover{background:#99c9ff;border:1px solid #99c9ff}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_info__cGQHW svg{stroke:#004799!important;fill:#004799!important}.Banner-modules_notification_banner_error__ThRKH{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c);border-radius:.5rem}.Banner-modules_notification_banner_warning__cbz4c{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800);border-radius:.5rem}.Banner-modules_notification_banner_info__-ByX7{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f);border-radius:.5rem}.Banner-modules_notification_banner_success__QCOL-{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65);border-radius:.5rem}";
+var styles$q = {"notification_banner":"Banner-modules_notification_banner__JKUGY","notification_banner_header":"Banner-modules_notification_banner_header__L3uAa","icon_btn_custom":"Banner-modules_icon_btn_custom__s-jml","icon_button_error":"Banner-modules_icon_button_error__qw-kh","icon_button_warning":"Banner-modules_icon_button_warning__-sNU6","icon_button_success":"Banner-modules_icon_button_success__nt032","icon_button_info":"Banner-modules_icon_button_info__cGQHW","notification_banner_error":"Banner-modules_notification_banner_error__ThRKH","notification_banner_warning":"Banner-modules_notification_banner_warning__cbz4c","notification_banner_info":"Banner-modules_notification_banner_info__-ByX7","notification_banner_success":"Banner-modules_notification_banner_success__QCOL-"};
 styleInject(css_248z$q);
 
 /**
@@ -9368,6 +9444,7 @@ const Banner = ({
   link,
   className,
   type,
+  onClose,
   ...props
 }) => {
   const getBannerIcon = () => {
@@ -9415,6 +9492,17 @@ const Banner = ({
       return styles$q.notification_banner_info;
     }
   };
+  const getIconButtonColor = () => {
+    if (type === 'error') {
+      return styles$q.icon_button_error;
+    } else if (type === 'warning') {
+      return styles$q.icon_button_warning;
+    } else if (type === 'success') {
+      return styles$q.icon_button_success;
+    } else {
+      return styles$q.icon_button_info;
+    }
+  };
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
     className: `${styles$q.notification_banner} ${getBannerColor()} ${className}`
   }), /*#__PURE__*/React__default.createElement("div", {
@@ -9424,6 +9512,14 @@ const Banner = ({
     weight: "semi-bold",
     size: "base",
     color: getTextColor()
+  }), /*#__PURE__*/React__default.createElement(IconButton, {
+    icon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, null),
+    onClick: () => {
+      if (onClose) onClose();
+    },
+    size: "xs",
+    variant: "tertiary",
+    className: `${styles$q.icon_btn_custom} ${getIconButtonColor()}`
   })), content && textLink && link && /*#__PURE__*/React__default.createElement(TextWithLink, {
     text: content,
     weight: "regular",
@@ -11307,6 +11403,8 @@ exports.MuteIcon = MuteIcon;
 exports.NavigationCircledIcon = NavigationCircledIcon;
 exports.NbOfUsersIcon = NbOfUsersIcon;
 exports.NeutralBackgroudIcon = NeutralBackgroudIcon;
+exports.NoCameraIcon = NoCameraIcon;
+exports.NoMicrophoneIcon = NoMicrophoneIcon;
 exports.NotifAlertIcon = NotifAlertIcon;
 exports.NotificationIcon = NotificationIcon;
 exports.NumbersCode = NumbersCode;