@azure/communication-react 1.0.0-beta.5 → 1.0.0

package/dist/dist-esm/react-components/src/localization/locales/zh-CN/strings.json

@@ -1,7 +1,10 @@
 {
     "participantItem": {
         "isMeText": "(我)",
-        "menuTitle": "更多选项"
+        "menuTitle": "更多选项",
+        "removeButtonLabel": "删除",
+        "sharingIconLabel": "共享",
+        "mutedIconLabel": "已静音"
     },
     "typingIndicator": {
         "singleUser": "{user} 正在键入...",
@@ -11,7 +14,8 @@
         "delimiter": "、 "
     },
     "sendBox": {
-        "placeholderText": "输入消息"
+        "placeholderText": "输入消息",
+        "textTooLong": "你的消息长度超过了最大限制。"
     },
     "messageStatusIndicator": {
         "deliveredTooltipText": "已发送",
@@ -20,18 +24,26 @@
         "failedToSendTooltipText": "发送失败"
     },
     "endCallButton": {
-        "label": "退出"
+        "label": "退出",
+        "tooltipContent": "离开会议"
     },
     "cameraButton": {
         "onLabel": "关闭",
-        "offLabel": "打开"
+        "offLabel": "打开",
+        "tooltipDisabledContent": "已禁用照相机",
+        "tooltipOnContent": "关闭摄像头",
+        "tooltipOffContent": "打开摄像头"
     },
     "microphoneButton": {
         "onLabel": "静音",
-        "offLabel": "取消静音"
+        "offLabel": "取消静音",
+        "tooltipDisabledContent": "已禁用麦克风",
+        "tooltipOnContent": "将麦克风静音",
+        "tooltipOffContent": "取消麦克风静音"
     },
-    "optionsButton": {
-        "label": "选项",
+    "devicesButton": {
+        "label": "设备",
+        "tooltipContent": "管理设备",
         "cameraMenuTitle": "相机",
         "cameraMenuTooltip": "选择“相机”",
         "microphoneMenuTitle": "麦克风",
@@ -41,14 +53,18 @@
     },
     "participantsButton": {
         "label": "人员",
+        "tooltipContent": "显示参与者",
         "menuHeader": "在此通话中",
         "participantsListButtonLabel": "{numParticipants} 人",
         "muteAllButtonLabel": "全部静音",
         "copyInviteLinkButtonLabel": "复制邀请链接"
     },
     "screenShareButton": {
-        "onLabel": "停止",
-        "offLabel": "共享"
+        "onLabel": "停止共享",
+        "offLabel": "共享",
+        "tooltipDisabledContent": "已禁用屏幕共享",
+        "tooltipOnContent": "停止共享屏幕",
+        "tooltipOffContent": "共享屏幕"
     },
     "messageThread": {
         "yesterday": "昨天",
@@ -60,19 +76,47 @@
         "friday": "星期五",
         "saturday": "星期六",
         "participantJoined": "已加入聊天。",
-        "participantLeft": "已退出聊天。"
+        "participantLeft": "已退出聊天。",
+        "editMessage": "编辑",
+        "removeMessage": "删除",
+        "editedTag": "已编辑",
+        "liveAuthorIntro": "{author} 说",
+        "editBoxTextLimit": "你的消息超过了{limitNumber}个字符的限制",
+        "editBoxPlaceholderText": "编辑消息",
+        "newMessagesIndicator": "新消息",
+        "noDisplayNameSub": "无名称",
+        "editBoxCancelButton": "取消",
+        "editBoxSubmitButton": "提交"
     },
     "errorBar": {
         "unableToReachChatService": "你已脱机",
         "accessDenied": "无法访问聊天服务 - 请检查提供的用户凭据",
-        "userNotInThisThread": "你不再处于此聊天会话中",
-        "sendMessageNotInThisThread": "无法发送消息，因为你不再在此聊天会话中",
+        "userNotInChatThread": "你不再处于此聊天会话中",
+        "sendMessageNotInChatThread": "无法发送消息，因为你不再在此聊天会话中",
         "sendMessageGeneric": "未能发送消息",
-        "startVideoGeneric": "Failed to start video",
-        "stopVideoGeneric": "Failed to stop video",
-        "muteGeneric": "Failed to mute microphone",
-        "unmuteGeneric": "Failed to unmute microphone",
-        "startScreenShareGeneric": "Failed to start screen sharing",
-        "stopScreenShareGeneric": "Failed to stop screen sharing"
+        "callingNetworkFailure": "正在连接呼叫 - 你似乎处于脱机状态",
+        "startVideoGeneric": "无法启动视频",
+        "stopVideoGeneric": "无法停止视频",
+        "muteGeneric": "无法静音麦克风",
+        "unmuteGeneric": "无法取消麦克风静音",
+        "speakingWhileMuted": "你的麦克风已静音",
+        "startScreenShareGeneric": "无法启动屏幕共享",
+        "stopScreenShareGeneric": "无法停止屏幕共享",
+        "callNetworkQualityLow": "网络质量低。",
+        "callNoSpeakerFound": "找不到扬声器或耳机。连接音频设备以收听呼叫。",
+        "callNoMicrophoneFound": "找不到麦克风。连接音频输入设备。",
+        "callMicrophoneAccessDenied": "无法访问麦克风。单击地址栏中的锁定以授予对此网页的权限。",
+        "callMicrophoneMutedBySystem": "系统已将你设为静音。",
+        "callMacOsMicrophoneAccessDenied": "无法访问麦克风。在 macOS 隐私设置中授予麦克风权限。",
+        "callLocalVideoFreeze": "网络带宽较差。你的视频可能会在通话中为其他人暂停。",
+        "callCameraAccessDenied": "无法访问照相机。单击地址栏中的锁定以授予对此网页的权限。",
+        "callCameraAlreadyInUse": "无法访问照相机。它可能已被其他应用程序使用。",
+        "callMacOsCameraAccessDenied": "MacOS 正在阻止访问你的相机。更新你的隐私设置以允许此浏览器访问你的相机。",
+        "callMacOsScreenShareAccessDenied": "MacOS 正在阻止屏幕共享。更新你的隐私设置以允许此浏览器录制你的屏幕。"
+    },
+    "videoGallery": {
+        "screenIsBeingSharedMessage": "你正在共享你的屏幕",
+        "screenShareLoadingMessage": "正在加载 {participant} 的屏幕",
+        "localVideoLabel": "你"
     }
 }

package/dist/dist-esm/react-components/src/localization/locales/zh-TW/strings.json

@@ -1,7 +1,10 @@
 {
     "participantItem": {
         "isMeText": "(您)",
-        "menuTitle": "更多選項"
+        "menuTitle": "更多選項",
+        "removeButtonLabel": "移除",
+        "sharingIconLabel": "分享",
+        "mutedIconLabel": "已靜音"
     },
     "typingIndicator": {
         "singleUser": "{user} 正在輸入...",
@@ -11,7 +14,8 @@
         "delimiter": "， "
     },
     "sendBox": {
-        "placeholderText": "輸入訊息"
+        "placeholderText": "輸入訊息",
+        "textTooLong": "您的訊息長度超過上限。"
     },
     "messageStatusIndicator": {
         "deliveredTooltipText": "已傳送",
@@ -20,18 +24,26 @@
         "failedToSendTooltipText": "無法傳送"
     },
     "endCallButton": {
-        "label": "離開"
+        "label": "離開",
+        "tooltipContent": "離開通話"
     },
     "cameraButton": {
         "onLabel": "關閉",
-        "offLabel": "開啟"
+        "offLabel": "開啟",
+        "tooltipDisabledContent": "相機已停用",
+        "tooltipOnContent": "關閉攝影機",
+        "tooltipOffContent": "開啟相機"
     },
     "microphoneButton": {
         "onLabel": "靜音",
-        "offLabel": "取消靜音"
+        "offLabel": "取消靜音",
+        "tooltipDisabledContent": "麥克風已停用",
+        "tooltipOnContent": "將麥克風設為靜音",
+        "tooltipOffContent": "取消麥克風靜音"
     },
-    "optionsButton": {
-        "label": "選項",
+    "devicesButton": {
+        "label": "裝置",
+        "tooltipContent": "管理裝置",
         "cameraMenuTitle": "攝影機",
         "cameraMenuTooltip": "選擇攝影機",
         "microphoneMenuTitle": "麥克風",
@@ -41,14 +53,18 @@
     },
     "participantsButton": {
         "label": "人員",
+        "tooltipContent": "顯示參與者",
         "menuHeader": "在此通話中",
         "participantsListButtonLabel": "{numParticipants} 人員",
         "muteAllButtonLabel": "將所有人設為靜音",
         "copyInviteLinkButtonLabel": "複製邀請連結"
     },
     "screenShareButton": {
-        "onLabel": "停止",
-        "offLabel": "分享"
+        "onLabel": "停止分享",
+        "offLabel": "分享",
+        "tooltipDisabledContent": "視訊分享已停用",
+        "tooltipOnContent": "停止螢幕畫面分享",
+        "tooltipOffContent": "共用您的螢幕"
     },
     "messageThread": {
         "yesterday": "昨天",
@@ -60,19 +76,47 @@
         "friday": "星期五",
         "saturday": "星期六",
         "participantJoined": "已加入聊天。",
-        "participantLeft": "已離開聊天。"
+        "participantLeft": "已離開聊天。",
+        "editMessage": "編輯",
+        "removeMessage": "移除",
+        "editedTag": "已編輯",
+        "liveAuthorIntro": "{author} 說",
+        "editBoxTextLimit": "您的訊息超過 {limitNumber} 個字元的限制",
+        "editBoxPlaceholderText": "編輯您的訊息",
+        "newMessagesIndicator": "新訊息",
+        "noDisplayNameSub": "沒有名稱",
+        "editBoxCancelButton": "取消",
+        "editBoxSubmitButton": "提交"
     },
     "errorBar": {
         "unableToReachChatService": "您處於離線狀態",
         "accessDenied": "無法存取聊天服務 - 請檢查提供的使用者認證",
-        "userNotInThisThread": "您已不在此聊天對話中",
-        "sendMessageNotInThisThread": "無法傳送訊息，因為您已不在此聊天對話中",
+        "userNotInChatThread": "您已不在此聊天對話中",
+        "sendMessageNotInChatThread": "無法傳送訊息，因為您已不在此聊天對話中",
         "sendMessageGeneric": "無法傳送訊息",
+        "callingNetworkFailure": "連線通話發生錯誤 - 您似乎已離線",
         "startVideoGeneric": "無法啟動影片",
         "stopVideoGeneric": "無法停止影片",
         "muteGeneric": "無法將麥克風設為靜音",
         "unmuteGeneric": "無法將麥克風取消靜音",
+        "speakingWhileMuted": "您的麥克風已設為靜音",
         "startScreenShareGeneric": "無法開始螢幕畫面分享",
-        "stopScreenShareGeneric": "無法停止螢幕畫面分享"
+        "stopScreenShareGeneric": "無法停止螢幕畫面分享",
+        "callNetworkQualityLow": "您的網路品質不佳。",
+        "callNoSpeakerFound": "找不到喇叭或耳機。請連接音訊裝置以聆聽通話。",
+        "callNoMicrophoneFound": "找不到麥克風。請連接音訊輸入裝置。",
+        "callMicrophoneAccessDenied": "無法存取麥克風。按一下網址列中的鎖定以授與此網頁的許可權。",
+        "callMicrophoneMutedBySystem": "系統已將您設為靜音。",
+        "callMacOsMicrophoneAccessDenied": "無法存取麥克風。請在您的 MacOS 隱私權設定中授與麥克風權限。",
+        "callLocalVideoFreeze": "網路頻寬不佳。通話中的其他人可能會暫停您的視訊。",
+        "callCameraAccessDenied": "無法存取相機。按一下網址列中的鎖定以授與此網頁的許可權。",
+        "callCameraAlreadyInUse": "無法存取相機。其他應用程式可能已在使用它。",
+        "callMacOsCameraAccessDenied": "MacOS 已封鎖您的相機存取權限。請更新您的隱私權設定，允許此瀏覽器存取您的相機。",
+        "callMacOsScreenShareAccessDenied": "MacOS 正在封鎖螢幕畫面分享。更新您的隱私權設定，以允許此瀏覽器錄製您的螢幕。"
+    },
+    "videoGallery": {
+        "screenIsBeingSharedMessage": "您現在正在分享螢幕畫面。",
+        "screenShareLoadingMessage": "正在載入 {participant} 的螢幕畫面",
+        "localVideoLabel": "您"
     }
 }

package/dist/dist-esm/react-components/src/theming/FluentThemeProvider.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import { Theme, PartialTheme } from '@fluentui/react';
 /**
- * Props for FluentThemeProvider
+ * Props for {@link FluentThemeProvider}.
+ *
+ * @public
  */
 export interface FluentThemeProviderProps {
     /** Children to be themed. */
@@ -14,15 +16,20 @@ export interface FluentThemeProviderProps {
      */
     rtl?: boolean;
 }
-/** Theme context for library's react components */
-export declare const ThemeContext: React.Context<Theme>;
 /**
- * @description Provider to apply a Fluent theme across this library's react components.
- * @remarks Components in this library are composed primarily from [Fluent UI](https://developer.microsoft.com/en-us/fluentui#/controls/web),
+ * Provider to apply a Fluent theme across this library's react components.
+ *
+ * @remarks Components in this library are composed primarily from [Fluent UI](https://developer.microsoft.com/fluentui#/controls/web),
  * controls, and also from [Fluent React Northstar](https://fluentsite.z22.web.core.windows.net/0.53.0) controls.
  * This provider handles applying any theme provided to both the underlying Fluent UI controls, as well as the Fluent React Northstar controls.
+ *
+ * @public
  */
 export declare const FluentThemeProvider: (props: FluentThemeProviderProps) => JSX.Element;
-/** React hook to access theme */
+/**
+ * React hook to access theme
+ *
+ * @public
+ */
 export declare const useTheme: () => Theme;
 //# sourceMappingURL=FluentThemeProvider.d.ts.map

package/dist/dist-esm/react-components/src/theming/FluentThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FluentThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/theming/FluentThemeProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAiB,KAAK,EAAE,YAAY,EAAsC,MAAM,iBAAiB,CAAC;AAIzG;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,6BAA6B;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uEAAuE;IACvE,WAAW,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC;IACnC;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAUD,mDAAmD;AACnD,eAAO,MAAM,YAAY,sBAAqC,CAAC;AAY/D;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,KAAG,WAsCrE,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,QAAQ,QAAO,KAAiC,CAAC"}
+{"version":3,"file":"FluentThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/theming/FluentThemeProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAiB,KAAK,EAAE,YAAY,EAAsC,MAAM,iBAAiB,CAAC;AAIzG;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,6BAA6B;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uEAAuE;IACvE,WAAW,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC;IACnC;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAwCD;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,KAAG,WAsCrE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,QAAO,KAAiC,CAAC"}

package/dist/dist-esm/react-components/src/theming/FluentThemeProvider.js

@@ -11,21 +11,41 @@ const wrapper = mergeStyles({
 });
 const defaultTheme = mergeThemes(getTheme(), lightTheme);
 /** Theme context for library's react components */
-export const ThemeContext = createContext(defaultTheme);
+const ThemeContext = createContext(defaultTheme);
 const initialFluentNorthstarTheme = mergeNorthstarThemes(teamsTheme, {
     componentVariables: {
-        // suppressing teams theme for chat message links to get better styling from Fluent UI Link
+        // suppressing chat message links style from teamsTheme to get better styling from Fluent UI Link
         ChatMessage: {
             linkColor: undefined,
             linkColorMine: undefined
         }
+    },
+    componentStyles: {
+        ChatMessage: {
+            root: {
+                lineHeight: '1.4286'
+            }
+        }
+    },
+    fontFaces: [],
+    siteVariables: {
+        // suppressing body styles from teamsTheme to avoid inherited styling to other elements
+        bodyPadding: undefined,
+        bodyFontSize: undefined,
+        bodyFontFamily: undefined,
+        bodyBackground: undefined,
+        bodyColor: undefined,
+        bodyLineHeight: undefined
     }
 });
 /**
- * @description Provider to apply a Fluent theme across this library's react components.
- * @remarks Components in this library are composed primarily from [Fluent UI](https://developer.microsoft.com/en-us/fluentui#/controls/web),
+ * Provider to apply a Fluent theme across this library's react components.
+ *
+ * @remarks Components in this library are composed primarily from [Fluent UI](https://developer.microsoft.com/fluentui#/controls/web),
  * controls, and also from [Fluent React Northstar](https://fluentsite.z22.web.core.windows.net/0.53.0) controls.
  * This provider handles applying any theme provided to both the underlying Fluent UI controls, as well as the Fluent React Northstar controls.
+ *
+ * @public
  */
 export const FluentThemeProvider = (props) => {
     const { fluentTheme, rtl, children } = props;
@@ -57,6 +77,10 @@ export const FluentThemeProvider = (props) => {
         React.createElement(ThemeProvider, { theme: fluentUITheme, className: wrapper },
             React.createElement(Provider, { theme: fluentNorthstarTheme, className: wrapper, rtl: rtl }, children))));
 };
-/** React hook to access theme */
+/**
+ * React hook to access theme
+ *
+ * @public
+ */
 export const useTheme = () => useContext(ThemeContext);
 //# sourceMappingURL=FluentThemeProvider.js.map

package/dist/dist-esm/react-components/src/theming/FluentThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FluentThemeProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/FluentThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAuB,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACtG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAiBtC,MAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,CAAC;AAEzD,mDAAmD;AACnD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAQ,YAAY,CAAC,CAAC;AAE/D,MAAM,2BAA2B,GAAG,oBAAoB,CAAC,UAAU,EAAE;IACnE,kBAAkB,EAAE;QAClB,2FAA2F;QAC3F,WAAW,EAAE;YACX,SAAS,EAAE,SAAS;YACpB,aAAa,EAAE,SAAS;SACzB;KACF;CACF,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE7C,IAAI,aAAa,GAAU,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAClE,6CAA6C;IAC7C,aAAa,GAAG,WAAW,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpD,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,2BAA2B,EAAE;QAC7E,kBAAkB,EAAE;YAClB,IAAI,EAAE;gBACJ,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK;aAC7C;YACD,WAAW,EAAE;gBACX,WAAW,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBACjD,YAAY,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBAClD,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBACrD,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,UAAU;aACtD;SACF;QACD,eAAe,EAAE;YACf,WAAW,EAAE;gBACX,SAAS,EAAE;oBACT,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,gBAAgB;iBAC5D;aACF;SACF;QACD,8DAA8D;KAC/D,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QACzC,oBAAC,aAAa,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO;YACrD,oBAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAChE,QAAQ,CACA,CACG,CACM,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,iCAAiC;AACjC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAU,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"FluentThemeProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/FluentThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAuB,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACtG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAmBtC,MAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,CAAC;AAEzD,mDAAmD;AACnD,MAAM,YAAY,GAAG,aAAa,CAAQ,YAAY,CAAC,CAAC;AAExD,MAAM,2BAA2B,GAAG,oBAAoB,CAAC,UAAU,EAAE;IACnE,kBAAkB,EAAE;QAClB,iGAAiG;QACjG,WAAW,EAAE;YACX,SAAS,EAAE,SAAS;YACpB,aAAa,EAAE,SAAS;SACzB;KACF;IACD,eAAe,EAAE;QACf,WAAW,EAAE;YACX,IAAI,EAAE;gBACJ,UAAU,EAAE,QAAQ;aACrB;SACF;KACF;IACD,SAAS,EAAE,EAAE;IACb,aAAa,EAAE;QACb,uFAAuF;QACvF,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,SAAS;QACzB,SAAS,EAAE,SAAS;QACpB,cAAc,EAAE,SAAS;KAC1B;CACF,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE7C,IAAI,aAAa,GAAU,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAClE,6CAA6C;IAC7C,aAAa,GAAG,WAAW,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpD,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,2BAA2B,EAAE;QAC7E,kBAAkB,EAAE;YAClB,IAAI,EAAE;gBACJ,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK;aAC7C;YACD,WAAW,EAAE;gBACX,WAAW,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBACjD,YAAY,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBAClD,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBACrD,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,UAAU;aACtD;SACF;QACD,eAAe,EAAE;YACf,WAAW,EAAE;gBACX,SAAS,EAAE;oBACT,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,gBAAgB;iBAC5D;aACF;SACF;QACD,8DAA8D;KAC/D,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QACzC,oBAAC,aAAa,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO;YACrD,oBAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAChE,QAAQ,CACA,CACG,CACM,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAU,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/theming/icons.d.ts

@@ -1,7 +1,18 @@
 /// <reference types="react" />
+/**
+ * Icons used by the React components exported from this library.
+ *
+ * @remark See {@link CompositeIcons} for icons used by composites only.
+ *
+ * @public
+ */
 export declare type ComponentIcons = Record<keyof typeof DEFAULT_COMPONENT_ICONS, JSX.Element>;
 /**
  * The default set of icons that are available to use in the UI components.
+ *
+ * @remark Icons used only in the composites are available in {@link DEFAULT_COMPOSITE_ICONS}.
+ *
+ * @public
  */
 export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonCameraOff: JSX.Element;
@@ -13,23 +24,35 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonParticipants: JSX.Element;
     ControlButtonScreenShareStart: JSX.Element;
     ControlButtonScreenShareStop: JSX.Element;
+    EditBoxCancel: JSX.Element;
+    EditBoxSubmit: JSX.Element;
+    ErrorBarCallCameraAccessDenied: JSX.Element;
+    ErrorBarCallCameraAlreadyInUse: JSX.Element;
+    ErrorBarCallLocalVideoFreeze: JSX.Element;
+    ErrorBarCallMacOsCameraAccessDenied: JSX.Element;
+    ErrorBarCallMacOsMicrophoneAccessDenied: JSX.Element;
+    ErrorBarCallMicrophoneAccessDenied: JSX.Element;
+    ErrorBarCallMicrophoneMutedBySystem: JSX.Element;
+    ErrorBarCallNetworkQualityLow: JSX.Element;
+    ErrorBarCallNoMicrophoneFound: JSX.Element;
+    ErrorBarCallNoSpeakerFound: JSX.Element;
+    HorizontalGalleryLeftButton: JSX.Element;
+    HorizontalGalleryRightButton: JSX.Element;
     MessageDelivered: JSX.Element;
+    MessageEdit: JSX.Element;
     MessageFailed: JSX.Element;
+    MessageRemove: JSX.Element;
     MessageSeen: JSX.Element;
     MessageSending: JSX.Element;
     OptionsCamera: JSX.Element;
     OptionsMic: JSX.Element;
     OptionsSpeaker: JSX.Element;
-    ParticipantItemScreenShareStart: JSX.Element;
     ParticipantItemMicOff: JSX.Element;
     ParticipantItemOptions: JSX.Element;
     ParticipantItemOptionsHovered: JSX.Element;
+    ParticipantItemScreenShareStart: JSX.Element;
     SendBoxSend: JSX.Element;
     SendBoxSendHovered: JSX.Element;
     VideoTileMicOff: JSX.Element;
-    EditBoxCancel: JSX.Element;
-    EditBoxSubmit: JSX.Element;
-    MessageEdit: JSX.Element;
-    MessageRemove: JSX.Element;
 };
 //# sourceMappingURL=icons.d.ts.map

package/dist/dist-esm/react-components/src/theming/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/theming/icons.tsx"],"names":[],"mappings":";AA+BA,oBAAY,cAAc,GAAG,MAAM,CAAC,MAAM,OAAO,uBAAuB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;AAEvF;;GAEG;AAEH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BnC,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/theming/icons.tsx"],"names":[],"mappings":";AAwCA;;;;;;GAMG;AACH,oBAAY,cAAc,GAAG,MAAM,CAAC,MAAM,OAAO,uBAAuB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;AAWvF;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCnC,CAAC"}

package/dist/dist-esm/react-components/src/theming/icons.js

@@ -1,38 +1,60 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-import { CallEnd20Filled, Checkmark20Regular, CheckmarkCircle20Regular, Circle20Regular, Delete20Regular, Dismiss20Regular, Edit20Regular, ErrorCircle20Regular, EyeShow20Filled, MicOff16Filled, MicOff20Filled, MicOn20Filled, MicOn20Regular, MoreHorizontal20Filled, MoreHorizontal20Regular, People20Filled, Send20Filled, Send20Regular, ShareScreenStart20Filled, ShareScreenStop20Filled, Speaker220Regular, Video20Filled, Video20Regular, VideoOff20Filled } from '@fluentui/react-icons';
+import { mergeStyles } from '@fluentui/react';
+import { CallEnd20Filled, Checkmark20Regular, CheckmarkCircle16Regular, Circle16Regular, Delete20Regular, Dismiss20Regular, Edit20Regular, ErrorCircle16Regular, EyeShow16Regular, MicOff16Filled, MicOff16Regular, MicOff20Filled, MicOn20Filled, MicOn20Regular, MoreHorizontal20Filled, MoreHorizontal20Regular, People20Filled, Settings20Filled, Send20Filled, Send20Regular, ShareScreenStart20Filled, ShareScreenStop20Filled, Speaker220Regular, Video20Filled, Video20Regular, VideoOff20Filled, ChevronLeft20Regular, ChevronRight20Regular, WifiWarning20Filled, SpeakerMute16Filled, MicProhibited16Filled, VideoProhibited16Filled } from '@fluentui/react-icons';
 import React from 'react';
+const WifiWarning16Filled = () => (
+// All ErrorBar icons are 16px x 16px (when 1rem = 16 px).
+// There is no 16px version of this icon in the fluent icon package, so scale the larger
+// one down to required size.
+React.createElement("div", { className: mergeStyles({ transform: 'scale(0.8)' }) },
+    React.createElement(WifiWarning20Filled, null)));
 /**
  * The default set of icons that are available to use in the UI components.
+ *
+ * @remark Icons used only in the composites are available in {@link DEFAULT_COMPOSITE_ICONS}.
+ *
+ * @public
  */
-// NOTE: Don't forget to add icons used in composites to the types in `packages/react-composites/src/composites/common/icons.tsx`
 export const DEFAULT_COMPONENT_ICONS = {
     ControlButtonCameraOff: React.createElement(VideoOff20Filled, null),
     ControlButtonCameraOn: React.createElement(Video20Filled, null),
     ControlButtonEndCall: React.createElement(CallEnd20Filled, null),
     ControlButtonMicOff: React.createElement(MicOff20Filled, null),
     ControlButtonMicOn: React.createElement(MicOn20Filled, null),
-    ControlButtonOptions: React.createElement(MoreHorizontal20Filled, null),
+    ControlButtonOptions: React.createElement(Settings20Filled, null),
     ControlButtonParticipants: React.createElement(People20Filled, null),
     ControlButtonScreenShareStart: React.createElement(ShareScreenStart20Filled, null),
     ControlButtonScreenShareStop: React.createElement(ShareScreenStop20Filled, null),
-    MessageDelivered: React.createElement(CheckmarkCircle20Regular, null),
-    MessageFailed: React.createElement(ErrorCircle20Regular, null),
-    MessageSeen: React.createElement(EyeShow20Filled, null),
-    MessageSending: React.createElement(Circle20Regular, null),
+    EditBoxCancel: React.createElement(Dismiss20Regular, null),
+    EditBoxSubmit: React.createElement(Checkmark20Regular, null),
+    ErrorBarCallCameraAccessDenied: React.createElement(VideoProhibited16Filled, null),
+    ErrorBarCallCameraAlreadyInUse: React.createElement(VideoProhibited16Filled, null),
+    ErrorBarCallLocalVideoFreeze: React.createElement(WifiWarning16Filled, null),
+    ErrorBarCallMacOsCameraAccessDenied: React.createElement(VideoProhibited16Filled, null),
+    ErrorBarCallMacOsMicrophoneAccessDenied: React.createElement(MicProhibited16Filled, null),
+    ErrorBarCallMicrophoneAccessDenied: React.createElement(MicProhibited16Filled, null),
+    ErrorBarCallMicrophoneMutedBySystem: React.createElement(MicOff16Filled, null),
+    ErrorBarCallNetworkQualityLow: React.createElement(WifiWarning16Filled, null),
+    ErrorBarCallNoMicrophoneFound: React.createElement(MicProhibited16Filled, null),
+    ErrorBarCallNoSpeakerFound: React.createElement(SpeakerMute16Filled, null),
+    HorizontalGalleryLeftButton: React.createElement(ChevronLeft20Regular, null),
+    HorizontalGalleryRightButton: React.createElement(ChevronRight20Regular, null),
+    MessageDelivered: React.createElement(CheckmarkCircle16Regular, null),
+    MessageEdit: React.createElement(Edit20Regular, null),
+    MessageFailed: React.createElement(ErrorCircle16Regular, null),
+    MessageRemove: React.createElement(Delete20Regular, null),
+    MessageSeen: React.createElement(EyeShow16Regular, null),
+    MessageSending: React.createElement(Circle16Regular, null),
     OptionsCamera: React.createElement(Video20Regular, null),
     OptionsMic: React.createElement(MicOn20Regular, null),
     OptionsSpeaker: React.createElement(Speaker220Regular, null),
-    ParticipantItemScreenShareStart: React.createElement(ShareScreenStart20Filled, null),
-    ParticipantItemMicOff: React.createElement(MicOff16Filled, null),
+    ParticipantItemMicOff: React.createElement(MicOff16Regular, null),
     ParticipantItemOptions: React.createElement(MoreHorizontal20Regular, null),
     ParticipantItemOptionsHovered: React.createElement(MoreHorizontal20Filled, null),
+    ParticipantItemScreenShareStart: React.createElement(ShareScreenStart20Filled, null),
     SendBoxSend: React.createElement(Send20Regular, null),
     SendBoxSendHovered: React.createElement(Send20Filled, null),
-    VideoTileMicOff: React.createElement(MicOff16Filled, null),
-    EditBoxCancel: React.createElement(Dismiss20Regular, null),
-    EditBoxSubmit: React.createElement(Checkmark20Regular, null),
-    MessageEdit: React.createElement(Edit20Regular, null),
-    MessageRemove: React.createElement(Delete20Regular, null)
+    VideoTileMicOff: React.createElement(MicOff16Filled, null)
 };
 //# sourceMappingURL=icons.js.map

package/dist/dist-esm/react-components/src/theming/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/icons.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,uBAAuB,EACvB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,wBAAwB,EACxB,uBAAuB,EACvB,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,iIAAiI;AACjI,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,sBAAsB,EAAE,oBAAC,gBAAgB,OAAG;IAC5C,qBAAqB,EAAE,oBAAC,aAAa,OAAG;IACxC,oBAAoB,EAAE,oBAAC,eAAe,OAAG;IACzC,mBAAmB,EAAE,oBAAC,cAAc,OAAG;IACvC,kBAAkB,EAAE,oBAAC,aAAa,OAAG;IACrC,oBAAoB,EAAE,oBAAC,sBAAsB,OAAG;IAChD,yBAAyB,EAAE,oBAAC,cAAc,OAAG;IAC7C,6BAA6B,EAAE,oBAAC,wBAAwB,OAAG;IAC3D,4BAA4B,EAAE,oBAAC,uBAAuB,OAAG;IACzD,gBAAgB,EAAE,oBAAC,wBAAwB,OAAG;IAC9C,aAAa,EAAE,oBAAC,oBAAoB,OAAG;IACvC,WAAW,EAAE,oBAAC,eAAe,OAAG;IAChC,cAAc,EAAE,oBAAC,eAAe,OAAG;IACnC,aAAa,EAAE,oBAAC,cAAc,OAAG;IACjC,UAAU,EAAE,oBAAC,cAAc,OAAG;IAC9B,cAAc,EAAE,oBAAC,iBAAiB,OAAG;IACrC,+BAA+B,EAAE,oBAAC,wBAAwB,OAAG;IAC7D,qBAAqB,EAAE,oBAAC,cAAc,OAAG;IACzC,sBAAsB,EAAE,oBAAC,uBAAuB,OAAG;IACnD,6BAA6B,EAAE,oBAAC,sBAAsB,OAAG;IACzD,WAAW,EAAE,oBAAC,aAAa,OAAG;IAC9B,kBAAkB,EAAE,oBAAC,YAAY,OAAG;IACpC,eAAe,EAAE,oBAAC,cAAc,OAAG;IACnC,aAAa,EAAE,oBAAC,gBAAgB,OAAG;IACnC,aAAa,EAAE,oBAAC,kBAAkB,OAAG;IACrC,WAAW,EAAE,oBAAC,aAAa,OAAG;IAC9B,aAAa,EAAE,oBAAC,eAAe,OAAG;CACnC,CAAC"}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/icons.tsx"],"names":[],"mappings":"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"}

package/dist/dist-esm/react-components/src/theming/themeUtils.d.ts

@@ -1,3 +1,6 @@
 import { Theme } from '@fluentui/react';
+/**
+ * @private
+ */
 export declare const isDarkThemed: (theme: Theme) => boolean;
 //# sourceMappingURL=themeUtils.d.ts.map

package/dist/dist-esm/react-components/src/theming/themeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeUtils.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/theming/themeUtils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,eAAO,MAAM,YAAY,UAAW,KAAK,KAAG,OAO3C,CAAC"}
+{"version":3,"file":"themeUtils.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/theming/themeUtils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,YAAY,UAAW,KAAK,KAAG,OAO3C,CAAC"}

package/dist/dist-esm/react-components/src/theming/themeUtils.js

@@ -1,5 +1,8 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
+/**
+ * @private
+ */
 export const isDarkThemed = (theme) => {
     const themeBlackBrightness = getPerceptualBrightnessOfHexColor(theme.palette.black);
     const themeWhiteBrightness = getPerceptualBrightnessOfHexColor(theme.palette.white);

package/dist/dist-esm/react-components/src/theming/themeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeUtils.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/themeUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAW,EAAE;IACpD,MAAM,oBAAoB,GAAG,iCAAiC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACpF,MAAM,oBAAoB,GAAG,iCAAiC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACpF,IAAI,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE;QAC5E,OAAO,KAAK,CAAC;KACd;IACD,OAAO,oBAAoB,GAAG,oBAAoB,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,iCAAiC,GAAG,CAAC,QAAgB,EAAU,EAAE;IACrE,2CAA2C;IAC3C,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;QACxC,OAAO,GAAG,CAAC;KACZ;IACD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEjD,oHAAoH;IACpH,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC,CAAC"}
+{"version":3,"file":"themeUtils.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/themeUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAW,EAAE;IACpD,MAAM,oBAAoB,GAAG,iCAAiC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACpF,MAAM,oBAAoB,GAAG,iCAAiC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACpF,IAAI,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE;QAC5E,OAAO,KAAK,CAAC;KACd;IACD,OAAO,oBAAoB,GAAG,oBAAoB,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,iCAAiC,GAAG,CAAC,QAAgB,EAAU,EAAE;IACrE,2CAA2C;IAC3C,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;QACxC,OAAO,GAAG,CAAC;KACZ;IACD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEjD,oHAAoH;IACpH,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/theming/themes.d.ts

@@ -1,20 +1,27 @@
 import { PartialTheme } from '@fluentui/react';
 /**
- * Theme designed ACS UI SDK calling components
+ * Custom Fluent theme pallete used by calling related components in this library.
+ *
+ * @public
  */
 export interface CallingTheme {
     callingPalette: {
         callRed: string;
         callRedDark: string;
         callRedDarker: string;
+        iconWhite: string;
     };
 }
 /**
- * Light theme designed ACS UI SDK components
+ * Preset light theme for components exported from this library.
+ *
+ * @public
  */
 export declare const lightTheme: PartialTheme & CallingTheme;
 /**
- * Dark theme designed ACS UI SDK components
+ * Preset dark theme for components exported from this library.
+ *
+ * @public
  */
 export declare const darkTheme: PartialTheme & CallingTheme;
 //# sourceMappingURL=themes.d.ts.map

package/dist/dist-esm/react-components/src/theming/themes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/theming/themes.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;CACH;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,GAAG,YA8BvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,YAAY,GAAG,YA8BtC,CAAC"}
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/theming/themes.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;QACtB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,GAAG,YA+BvC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,YAAY,GAAG,YA+BtC,CAAC"}

package/dist/dist-esm/react-components/src/theming/themes.js

@@ -1,7 +1,9 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 /**
- * Light theme designed ACS UI SDK components
+ * Preset light theme for components exported from this library.
+ *
+ * @public
  */
 export const lightTheme = {
     palette: {
@@ -31,11 +33,14 @@ export const lightTheme = {
     callingPalette: {
         callRed: '#c4314b',
         callRedDark: '#a42e43',
-        callRedDarker: '#8b2c3d'
+        callRedDarker: '#8b2c3d',
+        iconWhite: '#ffffff'
     }
 };
 /**
- * Dark theme designed ACS UI SDK components
+ * Preset dark theme for components exported from this library.
+ *
+ * @public
  */
 export const darkTheme = {
     palette: {
@@ -65,7 +70,8 @@ export const darkTheme = {
     callingPalette: {
         callRed: '#a42e43',
         callRedDark: '#8b2c3d',
-        callRedDarker: '#772a38'
+        callRedDarker: '#772a38',
+        iconWhite: '#ffffff'
     }
 };
 //# sourceMappingURL=themes.js.map