npm - @azure/communication-react - Versions diffs - 1.5.1-beta.3 → 1.5.1-beta.5 - Mend

@azure/communication-react 1.5.1-beta.3 → 1.5.1-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (864) hide show

package/dist/dist-esm/react-components/src/localization/locales/nl-NL/strings.json CHANGED Viewed

@@ -25,6 +25,9 @@
         "uploading": "Uploaden",
         "uploadCompleted": "Upload voltooid"
     },
+    "mentionPopover": {
+        "mentionPopoverHeader": "Suggesties"
+    },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "Bericht verzonden",
         "deliveredTooltipText": "Verzonden",
@@ -56,7 +59,8 @@
         "cameraActionTurnedOffAnnouncement": "Uw camera is uitgeschakeld",
         "onSplitButtonPrimaryActionCamera": "Camera uitschakelen",
         "offSplitButtonPrimaryActionCamera": "Camera inschakelen",
-        "cameraPrimaryActionSplitButtonTitle": "Camera gebruiken"
+        "cameraPrimaryActionSplitButtonTitle": "Camera gebruiken",
+        "videoEffectsMenuItemTitle": "Effecten"
     },
     "microphoneButton": {
         "onLabel": "Dempen",
@@ -170,7 +174,8 @@
         "failedToJoinCallGeneric": "Deelnemen aan gesprek mislukt.",
         "failedToJoinCallInvalidMeetingLink": "Kan niet deelnemen aan vergadering. Ongeldige koppeling.",
         "startScreenSharingGeneric": "Er is een probleem opgetreden bij het starten van scherm delen.",
-        "cameraFrozenForRemoteParticipants": "Gebruikers in het gesprek ondervinden problemen bij het zien van uw video. Controleer uw apparaten en netwerk."
+        "cameraFrozenForRemoteParticipants": "Gebruikers in het gesprek ondervinden problemen bij het zien van uw video. Controleer uw apparaten en netwerk.",
+        "unableToStartVideoEffect": "Kan video-effect niet toepassen."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "U deelt uw scherm",

package/dist/dist-esm/react-components/src/localization/locales/pt-BR/strings.json CHANGED Viewed

@@ -25,6 +25,9 @@
         "uploading": "Carregando",
         "uploadCompleted": "Carregamento concluído"
     },
+    "mentionPopover": {
+        "mentionPopoverHeader": "Sugestões"
+    },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "Mensagem enviada",
         "deliveredTooltipText": "Enviado",
@@ -56,7 +59,8 @@
         "cameraActionTurnedOffAnnouncement": "A câmera foi desligada",
         "onSplitButtonPrimaryActionCamera": "Desligar a câmera",
         "offSplitButtonPrimaryActionCamera": "Ligar a câmera",
-        "cameraPrimaryActionSplitButtonTitle": "Usar câmera"
+        "cameraPrimaryActionSplitButtonTitle": "Usar câmera",
+        "videoEffectsMenuItemTitle": "Efeitos"
     },
     "microphoneButton": {
         "onLabel": "Mudo",
@@ -170,7 +174,8 @@
         "failedToJoinCallGeneric": "Ocorreu um erro ao ingressar na chamada.",
         "failedToJoinCallInvalidMeetingLink": "Não é possível ingressar na Reunião. Link Inválido.",
         "startScreenSharingGeneric": "Ocorreu um problema ao iniciar o compartilhamento de tela.",
-        "cameraFrozenForRemoteParticipants": "Os usuários na chamada estão enfrentando problemas para ver seu vídeo. Verifique seus dispositivos e a rede."
+        "cameraFrozenForRemoteParticipants": "Os usuários na chamada estão enfrentando problemas para ver seu vídeo. Verifique seus dispositivos e a rede.",
+        "unableToStartVideoEffect": "Não é possível aplicar o efeito de vídeo."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "Você está compartilhando sua tela",

package/dist/dist-esm/react-components/src/localization/locales/ru-RU/strings.json CHANGED Viewed

@@ -25,6 +25,9 @@
         "uploading": "Отправка",
         "uploadCompleted": "Отправка завершена"
     },
+    "mentionPopover": {
+        "mentionPopoverHeader": "Рекомендации"
+    },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "Сообщение отправлено",
         "deliveredTooltipText": "Отправлено",
@@ -56,7 +59,8 @@
         "cameraActionTurnedOffAnnouncement": "Камера отключена",
         "onSplitButtonPrimaryActionCamera": "Выключить камеру",
         "offSplitButtonPrimaryActionCamera": "Включить камеру",
-        "cameraPrimaryActionSplitButtonTitle": "Использовать камеру"
+        "cameraPrimaryActionSplitButtonTitle": "Использовать камеру",
+        "videoEffectsMenuItemTitle": "Эффекты"
     },
     "microphoneButton": {
         "onLabel": "Отключить звук",
@@ -170,7 +174,8 @@
         "failedToJoinCallGeneric": "Не удалось присоединиться к звонку.",
         "failedToJoinCallInvalidMeetingLink": "Не удалось присоединиться к собранию. Недопустимая ссылка.",
         "startScreenSharingGeneric": "Возникла проблема с запуском демонстрации экрана.",
-        "cameraFrozenForRemoteParticipants": "У участников звонка возникают проблемы с просмотром вашего видео. Проверьте свои устройства и сеть."
+        "cameraFrozenForRemoteParticipants": "У участников звонка возникают проблемы с просмотром вашего видео. Проверьте свои устройства и сеть.",
+        "unableToStartVideoEffect": "Не удалось применить эффект видео."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "Вы демонстрируете свой экран",

package/dist/dist-esm/react-components/src/localization/locales/tr-TR/strings.json CHANGED Viewed

@@ -25,6 +25,9 @@
         "uploading": "Karşıya yükleniyor",
         "uploadCompleted": "Karşıya yükleme tamamlandı"
     },
+    "mentionPopover": {
+        "mentionPopoverHeader": "Öneriler"
+    },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "İleti gönderildi",
         "deliveredTooltipText": "Gönderilen",
@@ -56,7 +59,8 @@
         "cameraActionTurnedOffAnnouncement": "Kameranız kapatıldı",
         "onSplitButtonPrimaryActionCamera": "Kamerayı kapat",
         "offSplitButtonPrimaryActionCamera": "Kamerayı aç",
-        "cameraPrimaryActionSplitButtonTitle": "Kamerayı kullan"
+        "cameraPrimaryActionSplitButtonTitle": "Kamerayı kullan",
+        "videoEffectsMenuItemTitle": "Efektler"
     },
     "microphoneButton": {
         "onLabel": "Sesi kapat",
@@ -170,7 +174,8 @@
         "failedToJoinCallGeneric": "Aramaya katılınamadı.",
         "failedToJoinCallInvalidMeetingLink": "Toplantıya katılınamıyor. Geçersiz Bağlantı.",
         "startScreenSharingGeneric": "Ekran paylaşımı başlatılırken bir sorun oluştu.",
-        "cameraFrozenForRemoteParticipants": "Aramadaki kullanıcılar videonuzu görmekte sorun yaşıyor. Lütfen cihazlarınızı ve ağlarınızı kontrol edin."
+        "cameraFrozenForRemoteParticipants": "Aramadaki kullanıcılar videonuzu görmekte sorun yaşıyor. Lütfen cihazlarınızı ve ağlarınızı kontrol edin.",
+        "unableToStartVideoEffect": "Video efekti uygulanamıyor."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "Ekranınızı paylaşıyorsunuz.",

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

@@ -25,6 +25,9 @@
         "uploading": "正在上传",
         "uploadCompleted": "已完成上传"
     },
+    "mentionPopover": {
+        "mentionPopoverHeader": "建议"
+    },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "已发送消息",
         "deliveredTooltipText": "已发送",
@@ -56,7 +59,8 @@
         "cameraActionTurnedOffAnnouncement": "你的相机已关闭",
         "onSplitButtonPrimaryActionCamera": "关闭摄像头",
         "offSplitButtonPrimaryActionCamera": "打开摄像头",
-        "cameraPrimaryActionSplitButtonTitle": "使用照相机"
+        "cameraPrimaryActionSplitButtonTitle": "使用照相机",
+        "videoEffectsMenuItemTitle": "效果"
     },
     "microphoneButton": {
         "onLabel": "静音",
@@ -170,7 +174,8 @@
         "failedToJoinCallGeneric": "未能加入通话。",
         "failedToJoinCallInvalidMeetingLink": "无法加入会议。无效的链接。",
         "startScreenSharingGeneric": "启动屏幕共享时出现问题。",
-        "cameraFrozenForRemoteParticipants": "通话中的用户在查看视频时遇到问题。请检查你的设备和网络。"
+        "cameraFrozenForRemoteParticipants": "通话中的用户在查看视频时遇到问题。请检查你的设备和网络。",
+        "unableToStartVideoEffect": "无法应用视频效果。"
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "你正在共享你的屏幕",

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

@@ -25,6 +25,9 @@
         "uploading": "正在上傳",
         "uploadCompleted": "上傳完成"
     },
+    "mentionPopover": {
+        "mentionPopoverHeader": "建議"
+    },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "訊息已傳送",
         "deliveredTooltipText": "已傳送",
@@ -56,7 +59,8 @@
         "cameraActionTurnedOffAnnouncement": "您的相機已關閉",
         "onSplitButtonPrimaryActionCamera": "關閉攝影機",
         "offSplitButtonPrimaryActionCamera": "開啟相機",
-        "cameraPrimaryActionSplitButtonTitle": "使用相機"
+        "cameraPrimaryActionSplitButtonTitle": "使用相機",
+        "videoEffectsMenuItemTitle": "效果"
     },
     "microphoneButton": {
         "onLabel": "靜音",
@@ -170,7 +174,8 @@
         "failedToJoinCallGeneric": "無法加入通話。",
         "failedToJoinCallInvalidMeetingLink": "無法加入會議。連結無效。",
         "startScreenSharingGeneric": "啟動畫面分享時發生問題。",
-        "cameraFrozenForRemoteParticipants": "通話中的使用者在觀看您的視訊時發生問題。請檢查您的裝置和網路。"
+        "cameraFrozenForRemoteParticipants": "通話中的使用者在觀看您的視訊時發生問題。請檢查您的裝置和網路。",
+        "unableToStartVideoEffect": "無法套用視訊效果。"
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "您現在正在分享螢幕畫面。",

package/dist/dist-esm/react-components/src/permissions/PermissionsProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PermissionsProvider.js","sourceRoot":"","sources":["~~../../../../../../~~react-components/src/permissions/PermissionsProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAazD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAiB;IAC9C,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;IACjB,uBAAuB,EAAE,IAAI;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiB;IAChD,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;IACjB,uBAAuB,EAAE,IAAI;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,KAAK;IACnB,gBAAgB,EAAE,KAAK;IACvB,WAAW,EAAE,KAAK;IAClB,uBAAuB,EAAE,KAAK;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,KAAK;IAClB,uBAAuB,EAAE,KAAK;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAe,kBAAkB,CAAC,CAAC;AAclF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,~~EAAE~~,WAAW,~~EAAE~~,QAAQ,~~EAAE~~,GAAG,KAAK,CAAC;~~IACxC~~,OAAO,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,IAAG,QAAQ,CAA+B,CAAC;AACnG,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAiB,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAQlF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAW,EAAgB,EAAE;IAC3D,IAAI,IAAI,KAAK,UAAU,EAAE;QACvB,OAAO,mBAAmB,CAAC;KAC5B;SAAM,IAAI,IAAI,KAAK,UAAU,EAAE;QAC9B,OAAO,mBAAmB,CAAC;KAC5B;SAAM,IAAI,IAAI,KAAK,WAAW,EAAE;QAC/B,OAAO,oBAAoB,CAAC;KAC7B;IACD,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\n\n/*\n @internal\n /\nexport type _Permissions = {\n cameraButton: boolean; // or 'disabled'/'hide'?\n microphoneButton: boolean;\n screenShare: boolean;\n removeParticipantButton: boolean;\n role?: Role;\n};\n\n/\n @internal\n /\nexport const defaultPermissions: _Permissions = {\n cameraButton: true,\n microphoneButton: true,\n screenShare: true,\n removeParticipantButton: true\n};\n\n/\n @internal\n /\nexport const presenterPermissions: _Permissions = {\n role: 'Presenter',\n cameraButton: true,\n microphoneButton: true,\n screenShare: true,\n removeParticipantButton: true\n};\n\n/\n @internal\n /\nexport const consumerPermissions: _Permissions = {\n role: 'Consumer',\n cameraButton: false,\n microphoneButton: false,\n screenShare: false,\n removeParticipantButton: false\n};\n\n/\n @internal\n /\nexport const attendeePermissions: _Permissions = {\n role: 'Attendee',\n cameraButton: true,\n microphoneButton: true,\n screenShare: false,\n removeParticipantButton: false\n};\n\n/\n @internal\n /\nexport const PermissionsContext = createContext<_Permissions>(defaultPermissions);\n\n/\n Props for {@link _PermissionsProviderProps}.\n \n @internal\n /\nexport type _PermissionsProviderProps = {\n /* Permission context to provide components /\n permissions: _Permissions;\n /* Children to provide locale context. /\n children: React.ReactNode;\n};\n\n/\n @internal\n /\nexport const _PermissionsProvider = (props: _PermissionsProviderProps): JSX.Element => {\n const { permissions, children } = props;\n return <PermissionsContext.Provider value={permissions}>{children}</PermissionsContext.Provider>;\n};\n\n/\n @internal\n * React hook to access permissions\n /\nexport const _usePermissions = (): _Permissions => useContext(PermissionsContext);\n\n/\n @beta\n * The role of a call participant.\n /\nexport type Role = 'Presenter' \| 'Attendee' \| 'Consumer' \| 'Organizer' \| 'Co-organizer';\n\n/\n @internal\n */\nexport const _getPermissions = (role?: Role): _Permissions => {\n if (role === 'Consumer') {\n return consumerPermissions;\n } else if (role === 'Attendee') {\n return attendeePermissions;\n } else if (role === 'Presenter') {\n return presenterPermissions;\n }\n return defaultPermissions;\n}~~;\n~~"]}
1	+ {"version":3,"file":"PermissionsProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/permissions/PermissionsProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAazD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAiB;IAC9C,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;IACjB,uBAAuB,EAAE,IAAI;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiB;IAChD,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;IACjB,uBAAuB,EAAE,IAAI;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,KAAK;IACnB,gBAAgB,EAAE,KAAK;IACvB,WAAW,EAAE,KAAK;IAClB,uBAAuB,EAAE,KAAK;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,KAAK;IAClB,uBAAuB,EAAE,KAAK;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAe,kBAAkB,CAAC,CAAC;AAclF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EACJ,WAAW,EACX,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,OAAO,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,IAAG,QAAQ,CAA+B,CAAC;AACnG,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAiB,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAQlF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAW,EAAgB,EAAE;IAC3D,IAAI,IAAI,KAAK,UAAU,EAAE;QACvB,OAAO,mBAAmB,CAAC;KAC5B;SAAM,IAAI,IAAI,KAAK,UAAU,EAAE;QAC9B,OAAO,mBAAmB,CAAC;KAC5B;SAAM,IAAI,IAAI,KAAK,WAAW,EAAE;QAC/B,OAAO,oBAAoB,CAAC;KAC7B;IACD,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\n\n/*\n @internal\n /\nexport type _Permissions = {\n cameraButton: boolean; // or 'disabled'/'hide'?\n microphoneButton: boolean;\n screenShare: boolean;\n removeParticipantButton: boolean;\n role?: Role;\n};\n\n/\n @internal\n /\nexport const defaultPermissions: _Permissions = {\n cameraButton: true,\n microphoneButton: true,\n screenShare: true,\n removeParticipantButton: true\n};\n\n/\n @internal\n /\nexport const presenterPermissions: _Permissions = {\n role: 'Presenter',\n cameraButton: true,\n microphoneButton: true,\n screenShare: true,\n removeParticipantButton: true\n};\n\n/\n @internal\n /\nexport const consumerPermissions: _Permissions = {\n role: 'Consumer',\n cameraButton: false,\n microphoneButton: false,\n screenShare: false,\n removeParticipantButton: false\n};\n\n/\n @internal\n /\nexport const attendeePermissions: _Permissions = {\n role: 'Attendee',\n cameraButton: true,\n microphoneButton: true,\n screenShare: false,\n removeParticipantButton: false\n};\n\n/\n @internal\n /\nexport const PermissionsContext = createContext<_Permissions>(defaultPermissions);\n\n/\n Props for {@link _PermissionsProviderProps}.\n \n @internal\n /\nexport type _PermissionsProviderProps = {\n /* Permission context to provide components /\n permissions: _Permissions;\n /* Children to provide locale context. /\n children: React.ReactNode;\n};\n\n/\n @internal\n /\nexport const _PermissionsProvider = (props: _PermissionsProviderProps): JSX.Element => {\n const {\n permissions,\n children\n } = props;\n return <PermissionsContext.Provider value={permissions}>{children}</PermissionsContext.Provider>;\n};\n\n/\n @internal\n * React hook to access permissions\n /\nexport const _usePermissions = (): _Permissions => useContext(PermissionsContext);\n\n/\n @beta\n * The role of a call participant.\n /\nexport type Role = 'Presenter' \| 'Attendee' \| 'Consumer' \| 'Organizer' \| 'Co-organizer';\n\n/\n @internal\n */\nexport const _getPermissions = (role?: Role): _Permissions => {\n if (role === 'Consumer') {\n return consumerPermissions;\n } else if (role === 'Attendee') {\n return attendeePermissions;\n } else if (role === 'Presenter') {\n return presenterPermissions;\n }\n return defaultPermissions;\n};"]}

package/dist/dist-esm/react-components/src/permissions/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../../../../~~react-components/src/permissions/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,uBAAuB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './PermissionsProvider'~~;\n~~"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/permissions/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,uBAAuB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './PermissionsProvider';"]}

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

@@ -2,7 +2,7 @@
 // Licensed under the MIT license.
 import React, { createContext, useContext } from 'react';
 import { ThemeProvider, getTheme, mergeThemes, mergeStyles } from '@fluentui/react';
-import { mergeThemes as mergeNorthstarThemes, Provider, teamsTheme } from '@fluentui/react-northstar';
+import { mergeThemes as mergeNorthstarThemes, Provider, teamsTheme } from "../../../northstar-wrapper/src";
 import { lightTheme } from './themes';
 const wrapper = mergeStyles({
     height: '100%',
@@ -21,6 +21,7 @@ const initialFluentNorthstarTheme = mergeNorthstarThemes(teamsTheme, {
         }
     },
     fontFaces: [],
+    // suppressing font faces from teamsTheme as recommended by FluentUI N* to avoid font styling to other elements
     siteVariables: {
         // suppressing body styles from teamsTheme to avoid inherited styling to other elements
         bodyPadding: undefined,
@@ -44,7 +45,9 @@ export const FluentThemeProvider = (props) => {
     const { fluentTheme, rtl, children } = props;
     let fluentUITheme = mergeThemes(defaultTheme, fluentTheme);
     // merge in rtl from FluentThemeProviderProps
-    fluentUITheme = mergeThemes(fluentUITheme, { rtl });
+    fluentUITheme = mergeThemes(fluentUITheme, {
+        rtl
+    });
     const fluentNorthstarTheme = mergeNorthstarThemes(initialFluentNorthstarTheme, {
         componentVariables: {
             Chat: {
@@ -66,9 +69,9 @@ export const FluentThemeProvider = (props) => {
         }
         // add more northstar components to align with Fluent UI theme
     });
-    return (React.createElement(ThemeContext.Provider, { value: fluentUITheme },
+    return React.createElement(ThemeContext.Provider, { value: fluentUITheme },
         React.createElement(ThemeProvider, { theme: fluentUITheme, className: wrapper },
-            React.createElement(Provider, { theme: fluentNorthstarTheme, className: wrapper, rtl: rtl }, children))));
+            React.createElement(Provider, { theme: fluentNorthstarTheme, className: wrapper, rtl: rtl }, children)));
 };
 /**
  * React hook to access theme

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

	@@ -1 +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;~~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,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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\nimport { ThemeProvider, Theme, PartialTheme, getTheme, mergeThemes, mergeStyles } from '@fluentui/react';\nimport { mergeThemes as mergeNorthstarThemes, Provider, teamsTheme } from '@~~fluentui~~/~~react~~-~~northstar~~';\nimport { lightTheme } from './themes';\n\n/*\n Props for {@link FluentThemeProvider}.\n \n @public\n /\nexport interface FluentThemeProviderProps {\n /* Children to be themed. /\n children: React.ReactNode;\n /* Theme for components. Defaults to a light theme if not provided. /\n fluentTheme?: PartialTheme \| Theme;\n /\n Whether components are displayed right-to-left\n * @defaultValue `false`\n /\n rtl?: boolean;\n}\n\nconst wrapper = mergeStyles({\n height: '100%',\n width: '100%',\n overflow: 'auto'\n});\n\nconst defaultTheme = mergeThemes(getTheme(), lightTheme);\n\n/* Theme context for library's react components /\nconst ThemeContext = createContext<Theme>(defaultTheme);\n\nconst initialFluentNorthstarTheme = mergeNorthstarThemes(teamsTheme, {\n componentStyles: {\n ChatMessage: {\n root: {\n lineHeight: '1.4286'\n }\n }\n },\n fontFaces: [], // suppressing font faces from teamsTheme as recommended by FluentUI N to avoid font styling to other elements\n siteVariables: {\n // suppressing body styles from teamsTheme to avoid inherited styling to other elements\n bodyPadding: undefined,\n bodyFontSize: undefined,\n bodyFontFamily: undefined,\n bodyBackground: undefined,\n bodyColor: undefined,\n bodyLineHeight: undefined\n }\n});\n\n/*\n Provider to apply a Fluent theme across this library's react components.\n \n @remarks Components in this library are composed primarily from [Fluent UI](https://developer.microsoft.com/fluentui#/controls/web),\n * controls, and also from [Fluent React Northstar](https://fluentsite.z22.web.core.windows.net/0.53.0) controls.\n * This provider handles applying any theme provided to both the underlying Fluent UI controls, as well as the Fluent React Northstar controls.\n \n @public\n /\nexport const FluentThemeProvider = (props: FluentThemeProviderProps): JSX.Element => {\n const { fluentTheme, rtl, children } = props;\n\n let fluentUITheme: Theme = mergeThemes(defaultTheme, fluentTheme);\n // merge in rtl from FluentThemeProviderProps\n fluentUITheme = mergeThemes(fluentUITheme, { rtl });\n\n const fluentNorthstarTheme = mergeNorthstarThemes(initialFluentNorthstarTheme, {\n componentVariables: {\n Chat: {\n backgroundColor: fluentUITheme.palette.white\n },\n ChatMessage: {\n authorColor: fluentUITheme.palette.neutralPrimary,\n contentColor: fluentUITheme.palette.neutralPrimary,\n backgroundColor: fluentUITheme.palette.neutralLighter,\n backgroundColorMine: fluentUITheme.palette.themeLight\n }\n },\n componentStyles: {\n ChatMessage: {\n timestamp: {\n WebkitTextFillColor: fluentUITheme.palette.neutralSecondary\n }\n }\n }\n // add more northstar components to align with Fluent UI theme\n });\n\n return ~~(\n~~ <ThemeContext.Provider value={fluentUITheme}>\n <ThemeProvider theme={fluentUITheme} className={wrapper}>\n <Provider theme={fluentNorthstarTheme} className={wrapper} rtl={rtl}>\n {children}\n </Provider>\n </ThemeProvider>\n </ThemeContext.Provider>\n ~~);\n~~};\n\n/\n React hook to access theme\n \n @public\n */\nexport const useTheme = (): Theme => useContext(ThemeContext);\n"]}
1	+ {"version":3,"file":"FluentThemeProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/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,uCAAoC;AACxG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAkBtC,MAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AACH,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,CAAC;AAEzD,mDAAmD;AACnD,MAAM,YAAY,GAAG,aAAa,CAAQ,YAAY,CAAC,CAAC;AACxD,MAAM,2BAA2B,GAAG,oBAAoB,CAAC,UAAU,EAAE;IACnE,eAAe,EAAE;QACf,WAAW,EAAE;YACX,IAAI,EAAE;gBACJ,UAAU,EAAE,QAAQ;aACrB;SACF;KACF;IACD,SAAS,EAAE,EAAE;IACb,+GAA+G;IAC/G,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,EACJ,WAAW,EACX,GAAG,EACH,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,IAAI,aAAa,GAAU,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAClE,6CAA6C;IAC7C,aAAa,GAAG,WAAW,CAAC,aAAa,EAAE;QACzC,GAAG;KACJ,CAAC,CAAC;IACH,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,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QAC9C,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,CAAC;AAC7B,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAU,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\nimport { ThemeProvider, Theme, PartialTheme, getTheme, mergeThemes, mergeStyles } from '@fluentui/react';\nimport { mergeThemes as mergeNorthstarThemes, Provider, teamsTheme } from '@internal/northstar-wrapper';\nimport { lightTheme } from './themes';\n\n/*\n Props for {@link FluentThemeProvider}.\n \n @public\n /\nexport interface FluentThemeProviderProps {\n /* Children to be themed. /\n children: React.ReactNode;\n /* Theme for components. Defaults to a light theme if not provided. /\n fluentTheme?: PartialTheme \| Theme;\n /\n Whether components are displayed right-to-left\n * @defaultValue `false`\n /\n rtl?: boolean;\n}\nconst wrapper = mergeStyles({\n height: '100%',\n width: '100%',\n overflow: 'auto'\n});\nconst defaultTheme = mergeThemes(getTheme(), lightTheme);\n\n/* Theme context for library's react components /\nconst ThemeContext = createContext<Theme>(defaultTheme);\nconst initialFluentNorthstarTheme = mergeNorthstarThemes(teamsTheme, {\n componentStyles: {\n ChatMessage: {\n root: {\n lineHeight: '1.4286'\n }\n }\n },\n fontFaces: [],\n // suppressing font faces from teamsTheme as recommended by FluentUI N to avoid font styling to other elements\n siteVariables: {\n // suppressing body styles from teamsTheme to avoid inherited styling to other elements\n bodyPadding: undefined,\n bodyFontSize: undefined,\n bodyFontFamily: undefined,\n bodyBackground: undefined,\n bodyColor: undefined,\n bodyLineHeight: undefined\n }\n});\n\n/*\n Provider to apply a Fluent theme across this library's react components.\n \n @remarks Components in this library are composed primarily from [Fluent UI](https://developer.microsoft.com/fluentui#/controls/web),\n * controls, and also from [Fluent React Northstar](https://fluentsite.z22.web.core.windows.net/0.53.0) controls.\n * This provider handles applying any theme provided to both the underlying Fluent UI controls, as well as the Fluent React Northstar controls.\n \n @public\n /\nexport const FluentThemeProvider = (props: FluentThemeProviderProps): JSX.Element => {\n const {\n fluentTheme,\n rtl,\n children\n } = props;\n let fluentUITheme: Theme = mergeThemes(defaultTheme, fluentTheme);\n // merge in rtl from FluentThemeProviderProps\n fluentUITheme = mergeThemes(fluentUITheme, {\n rtl\n });\n const fluentNorthstarTheme = mergeNorthstarThemes(initialFluentNorthstarTheme, {\n componentVariables: {\n Chat: {\n backgroundColor: fluentUITheme.palette.white\n },\n ChatMessage: {\n authorColor: fluentUITheme.palette.neutralPrimary,\n contentColor: fluentUITheme.palette.neutralPrimary,\n backgroundColor: fluentUITheme.palette.neutralLighter,\n backgroundColorMine: fluentUITheme.palette.themeLight\n }\n },\n componentStyles: {\n ChatMessage: {\n timestamp: {\n WebkitTextFillColor: fluentUITheme.palette.neutralSecondary\n }\n }\n }\n // add more northstar components to align with Fluent UI theme\n });\n\n return <ThemeContext.Provider value={fluentUITheme}>\n <ThemeProvider theme={fluentUITheme} className={wrapper}>\n <Provider theme={fluentNorthstarTheme} className={wrapper} rtl={rtl}>\n {children}\n </Provider>\n </ThemeProvider>\n </ThemeContext.Provider>;\n};\n\n/\n React hook to access theme\n \n @public\n */\nexport const useTheme = (): Theme => useContext(ThemeContext);\"../../../northstar-wrapper/src\""]}

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

@@ -87,6 +87,8 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     SplitButtonPrimaryActionMicMuted: JSX.Element;
     VerticalGalleryLeftButton: JSX.Element;
     VerticalGalleryRightButton: JSX.Element;
+    ControlButtonVideoEffectsOption: JSX.Element;
+    ConfigurationScreenVideoEffectsButton: JSX.Element;
     CaptionsIcon: JSX.Element;
     CaptionsOffIcon: JSX.Element;
     CaptionsSettingsIcon: JSX.Element;

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

@@ -8,6 +8,8 @@ import { ArrowClockwise16Regular, CallEnd20Filled, Checkmark20Regular, Checkmark
 import { ClosedCaption20Regular, ClosedCaptionOff20Regular, Settings20Regular, PersonVoice20Regular } from '@fluentui/react-icons';
 /* @conditional-compile-remove(call-readiness) */
 import { Important20Filled } from '@fluentui/react-icons';
+/* @conditional-compile-remove(video-background-effects) */
+import { VideoBackgroundEffect20Filled, VideoBackgroundEffect20Regular } from '@fluentui/react-icons';
 /* @conditional-compile-remove(pinned-participants) */
 import { Pin16Filled, Pin16Regular, PinOff16Regular, ScaleFit20Regular, ScaleFill20Regular } from '@fluentui/react-icons';
 /* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */
@@ -24,55 +26,60 @@ import { Prohibited16Regular } from '@fluentui/react-icons';
 import { Warning20Filled } from '@fluentui/react-icons';
 import { _pxToRem } from "../../../acs-ui-common/src";
 import React from 'react';
-/* @conditional-compile-remove(unsupported-browser) */
 import { useTheme } from './FluentThemeProvider';
 /* @conditional-compile-remove(call-readiness) */
 import { sitePermissionIconBackgroundStyle, scaledIconStyles } from './icons.styles';
-const WifiWarning16Filled = () => (
+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)));
-const MoreHorizontal18Regular = () => (
+React.createElement("div", { className: mergeStyles({
+        transform: 'scale(0.8)'
+    }) },
+    React.createElement(WifiWarning20Filled, null));
+const MoreHorizontal18Regular = () =>
 // MoreHorizontal icons are 16px x 16px or 20px x 20px so scaling to get desired size
-React.createElement("div", { className: mergeStyles({ transform: 'scale(0.9)' }) },
-    React.createElement(MoreHorizontal20Regular, null)));
+React.createElement("div", { className: mergeStyles({
+        transform: 'scale(0.9)'
+    }) },
+    React.createElement(MoreHorizontal20Regular, null));
 /* @conditional-compile-remove(call-readiness) */
 const SitePermissionMic20Filled = () => {
     const theme = useTheme();
-    return (React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
+    return React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
         React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
-            React.createElement(Mic20Filled, null))));
+            React.createElement(Mic20Filled, null)));
 };
 /* @conditional-compile-remove(call-readiness) */
 const SitePermissionCamera20Filled = () => {
     const theme = useTheme();
-    return (React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
+    return React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
         React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
-            React.createElement(Video20Filled, null))));
+            React.createElement(Video20Filled, null)));
 };
 /* @conditional-compile-remove(call-readiness) */
 const SitePermissionsMicDenied20Filled = () => {
     const theme = useTheme();
-    return (React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
+    return React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
         React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
-            React.createElement(MicProhibited20Filled, null))));
+            React.createElement(MicProhibited20Filled, null)));
 };
 /* @conditional-compile-remove(call-readiness) */
 const SitePermissionsCameraDenied20Filled = () => {
     const theme = useTheme();
-    return (React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
+    return React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
         React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
-            React.createElement(VideoProhibited20Filled, null))));
+            React.createElement(VideoProhibited20Filled, null)));
 };
 /* @conditional-compile-remove(call-readiness) */
-const SitePermissionSparkle20Filled = () => (React.createElement("div", { className: mergeStyles({ transform: 'scale(2)' }) },
-    React.createElement(Sparkle20Filled, null)));
+const SitePermissionSparkle20Filled = () => React.createElement("div", { className: mergeStyles({
+        transform: 'scale(2)'
+    }) },
+    React.createElement(Sparkle20Filled, null));
 /* @conditional-compile-remove(unsupported-browser) */
 const UnsupportedEnvironmentWarning = () => {
     const theme = useTheme();
-    return (React.createElement(Stack, { horizontalAlign: 'center', styles: {
+    return React.createElement(Stack, { horizontalAlign: 'center', styles: {
             root: {
                 width: _pxToRem(84),
                 borderRadius: '100%',
@@ -82,19 +89,27 @@ const UnsupportedEnvironmentWarning = () => {
             }
         } },
         React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
-            React.createElement(Warning20Filled, null))));
+            React.createElement(Warning20Filled, null)));
 };
 /* @conditional-compile-remove(call-readiness) */
 const BrowserPermissionDenied20Filled = () => {
     const theme = useTheme();
-    return (React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
+    return React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
         React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
-            React.createElement(Important20Filled, null))));
+            React.createElement(Important20Filled, null)));
 };
 /* @conditional-compile-remove(data-loss-prevention) */
 const DataLossPreventionProhibited16Regular = () => {
     return React.createElement(Prohibited16Regular, null);
 };
+const GalleryLeftButton = () => {
+    const rtl = useTheme().rtl;
+    return rtl ? React.createElement(ChevronRight20Regular, null) : React.createElement(ChevronLeft20Regular, null);
+};
+const GalleryRightButton = () => {
+    const rtl = useTheme().rtl;
+    return rtl ? React.createElement(ChevronLeft20Regular, null) : React.createElement(ChevronRight20Regular, null);
+};
 /**
  * The default set of icons that are available to use in the UI components.
  *
@@ -137,8 +152,8 @@ export const DEFAULT_COMPONENT_ICONS = {
     ErrorBarClear: React.createElement(Dismiss16Regular, null),
     ErrorBarCallVideoRecoveredBySystem: React.createElement(Video16Filled, null),
     ErrorBarCallVideoStoppedBySystem: React.createElement(VideoProhibited16Filled, null),
-    HorizontalGalleryLeftButton: React.createElement(ChevronLeft20Regular, null),
-    HorizontalGalleryRightButton: React.createElement(ChevronRight20Regular, null),
+    HorizontalGalleryLeftButton: React.createElement(GalleryLeftButton, null),
+    HorizontalGalleryRightButton: React.createElement(GalleryRightButton, null),
     MessageDelivered: React.createElement(CheckmarkCircle16Regular, null),
     MessageEdit: React.createElement(Edit20Regular, null),
     MessageFailed: React.createElement(ErrorCircle16Regular, null),
@@ -195,9 +210,13 @@ export const DEFAULT_COMPONENT_ICONS = {
     SplitButtonPrimaryActionMicUnmuted: React.createElement(Mic20Filled, null),
     SplitButtonPrimaryActionMicMuted: React.createElement(MicOff20Filled, null),
     /* @conditional-compile-remove(vertical-gallery) */
-    VerticalGalleryLeftButton: React.createElement(ChevronLeft20Regular, null),
+    VerticalGalleryLeftButton: React.createElement(GalleryLeftButton, null),
     /* @conditional-compile-remove(vertical-gallery) */
-    VerticalGalleryRightButton: React.createElement(ChevronRight20Regular, null),
+    VerticalGalleryRightButton: React.createElement(GalleryRightButton, null),
+    /* @conditional-compile-remove(video-background-effects) */
+    ControlButtonVideoEffectsOption: React.createElement(VideoBackgroundEffect20Regular, null),
+    /* @conditional-compile-remove(video-background-effects) */
+    ConfigurationScreenVideoEffectsButton: React.createElement(VideoBackgroundEffect20Filled, null),
     /* @conditional-compile-remove(close-captions) */
     CaptionsIcon: React.createElement(ClosedCaption20Regular, null),
     /* @conditional-compile-remove(close-captions) */

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

	@@ -1 +1 @@
1	- {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/icons.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { mergeStyles } from '@fluentui/react';\n/* @conditional-compile-remove(call-readiness) / / @conditional-compile-remove(unsupported-browser) /\nimport { Stack } from '@fluentui/react';\nimport {\n ArrowClockwise16Regular,\n CallEnd20Filled,\n Checkmark20Regular,\n CheckmarkCircle16Regular,\n Circle16Regular,\n Delete20Regular,\n Dismiss20Regular,\n Dismiss16Regular,\n Edit20Regular,\n ErrorCircle16Regular,\n Eye16Regular,\n MicOff16Filled,\n MicOff16Regular,\n MicOff20Filled,\n Mic16Filled,\n Mic20Filled,\n Mic20Regular,\n MoreHorizontal20Filled,\n MoreHorizontal20Regular,\n People20Filled,\n Settings20Filled,\n Send20Filled,\n Send20Regular,\n ShareScreenStart20Filled,\n ShareScreenStop20Filled,\n Speaker220Regular,\n Video16Filled,\n Video20Filled,\n Video20Regular,\n VideoOff20Filled,\n ChevronLeft20Regular,\n ChevronRight20Regular,\n WifiWarning20Filled,\n SpeakerMute16Filled,\n MicProhibited16Filled,\n VideoProhibited16Filled\n} from '@fluentui/react-icons';\n/ @conditional-compile-remove(close-captions) /\nimport {\n ClosedCaption20Regular,\n ClosedCaptionOff20Regular,\n Settings20Regular,\n PersonVoice20Regular\n} from '@fluentui/react-icons';\n/ @conditional-compile-remove(call-readiness) /\nimport { Important20Filled } from '@fluentui/react-icons';\n/ @conditional-compile-remove(pinned-participants) /\nimport {\n Pin16Filled,\n Pin16Regular,\n PinOff16Regular,\n ScaleFit20Regular,\n ScaleFill20Regular\n} from '@fluentui/react-icons';\n\n/ @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\nimport { Backspace20Regular } from '@fluentui/react-icons';\n\n/ @conditional-compile-remove(call-readiness) /\nimport { Sparkle20Filled, VideoProhibited20Filled, MicProhibited20Filled } from '@fluentui/react-icons';\n\n/ @conditional-compile-remove(file-sharing) /\nimport { ArrowDownload16Regular } from '@fluentui/react-icons';\n/ @conditional-compile-remove(PSTN-calls) /\nimport { CallPause20Regular, CallPause20Filled, Play20Regular, People20Regular } from '@fluentui/react-icons';\n\n/ @conditional-compile-remove(data-loss-prevention) /\nimport { Prohibited16Regular } from '@fluentui/react-icons';\n\n/ @conditional-compile-remove(unsupported-browser) /\nimport { Warning20Filled } from '@fluentui/react-icons';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\nimport React from 'react';\n/ @conditional-compile-remove(unsupported-browser) /\nimport { useTheme } from './FluentThemeProvider';\n/ @conditional-compile-remove(call-readiness) /\nimport { sitePermissionIconBackgroundStyle, scaledIconStyles } from './icons.styles';\n\n/\n Icons used by the React components exported from this library.\n \n @remark See {@link CompositeIcons} for icons used by composites only.\n \n @public\n /\nexport type ComponentIcons = Record<keyof typeof DEFAULT_COMPONENT_ICONS, JSX.Element>;\n\nconst WifiWarning16Filled = (): JSX.Element => (\n // All ErrorBar icons are 16px x 16px (when 1rem = 16 px).\n // There is no 16px version of this icon in the fluent icon package, so scale the larger\n // one down to required size.\n <div className={mergeStyles({ transform: 'scale(0.8)' })}>\n <WifiWarning20Filled />\n </div>\n);\n\nconst MoreHorizontal18Regular = (): JSX.Element => (\n // MoreHorizontal icons are 16px x 16px or 20px x 20px so scaling to get desired size\n <div className={mergeStyles({ transform: 'scale(0.9)' })}>\n <MoreHorizontal20Regular />\n </div>\n);\n\n/ @conditional-compile-remove(call-readiness) /\nconst SitePermissionMic20Filled = (): JSX.Element => {\n const theme = useTheme();\n return (\n <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n <div className={mergeStyles(scaledIconStyles(theme))}>\n <Mic20Filled />\n </div>\n </Stack>\n );\n};\n\n/ @conditional-compile-remove(call-readiness) /\nconst SitePermissionCamera20Filled = (): JSX.Element => {\n const theme = useTheme();\n return (\n <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n <div className={mergeStyles(scaledIconStyles(theme))}>\n <Video20Filled />\n </div>\n </Stack>\n );\n};\n\n/ @conditional-compile-remove(call-readiness) /\nconst SitePermissionsMicDenied20Filled = (): JSX.Element => {\n const theme = useTheme();\n return (\n <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n <div className={mergeStyles(scaledIconStyles(theme))}>\n <MicProhibited20Filled />\n </div>\n </Stack>\n );\n};\n\n/ @conditional-compile-remove(call-readiness) /\nconst SitePermissionsCameraDenied20Filled = (): JSX.Element => {\n const theme = useTheme();\n return (\n <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n <div className={mergeStyles(scaledIconStyles(theme))}>\n <VideoProhibited20Filled />\n </div>\n </Stack>\n );\n};\n\n/ @conditional-compile-remove(call-readiness) /\nconst SitePermissionSparkle20Filled = (): JSX.Element => (\n <div className={mergeStyles({ transform: 'scale(2)' })}>\n <Sparkle20Filled />\n </div>\n);\n\n/ @conditional-compile-remove(unsupported-browser) /\nconst UnsupportedEnvironmentWarning = (): JSX.Element => {\n const theme = useTheme();\n return (\n <Stack\n horizontalAlign={'center'}\n styles={{\n root: {\n width: _pxToRem(84),\n borderRadius: '100%',\n background: theme.palette.themeLighterAlt,\n padding: '2rem',\n margin: 'auto'\n }\n }}\n >\n <div className={mergeStyles(scaledIconStyles(theme))}>\n <Warning20Filled />\n </div>\n </Stack>\n );\n};\n\n/ @conditional-compile-remove(call-readiness) /\nconst BrowserPermissionDenied20Filled = (): JSX.Element => {\n const theme = useTheme();\n return (\n <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n <div className={mergeStyles(scaledIconStyles(theme))}>\n <Important20Filled />\n </div>\n </Stack>\n );\n};\n\n/ @conditional-compile-remove(data-loss-prevention) /\nconst DataLossPreventionProhibited16Regular = (): JSX.Element => {\n return <Prohibited16Regular />;\n};\n\n/\n The default set of icons that are available to use in the UI components.\n \n @remark Icons used only in the composites are available in {@link DEFAULT_COMPOSITE_ICONS}.\n \n @public\n /\nexport const DEFAULT_COMPONENT_ICONS = {\n ChatMessageOptions: <MoreHorizontal18Regular />,\n ControlButtonCameraOff: <VideoOff20Filled />,\n ControlButtonCameraOn: <Video20Filled />,\n ControlButtonEndCall: <CallEnd20Filled />,\n ControlButtonMicOff: <MicOff20Filled />,\n ControlButtonMicOn: <Mic20Filled />,\n ControlButtonOptions: <Settings20Filled />,\n ControlButtonParticipants: <People20Filled />,\n / @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\n ControlButtonParticipantsContextualMenuItem: <People20Regular />,\n ControlButtonScreenShareStart: <ShareScreenStart20Filled />,\n ControlButtonScreenShareStop: <ShareScreenStop20Filled />,\n / @conditional-compile-remove(file-sharing) /\n CancelFileUpload: <Dismiss16Regular />,\n / @conditional-compile-remove(file-sharing) /\n DownloadFile: <ArrowDownload16Regular />,\n / @conditional-compile-remove(data-loss-prevention) /\n DataLossPreventionProhibited: <DataLossPreventionProhibited16Regular />,\n EditBoxCancel: <Dismiss20Regular />,\n EditBoxSubmit: <Checkmark20Regular />,\n ErrorBarCallCameraAccessDenied: <VideoProhibited16Filled />,\n ErrorBarCallCameraAlreadyInUse: <VideoProhibited16Filled />,\n ErrorBarCallLocalVideoFreeze: <WifiWarning16Filled />,\n ErrorBarCallMacOsCameraAccessDenied: <VideoProhibited16Filled />,\n ErrorBarCallMacOsMicrophoneAccessDenied: <MicProhibited16Filled />,\n ErrorBarCallMicrophoneAccessDenied: <MicProhibited16Filled />,\n ErrorBarCallMicrophoneMutedBySystem: <MicOff16Filled />,\n ErrorBarCallMicrophoneUnmutedBySystem: <Mic16Filled />,\n ErrorBarCallNetworkQualityLow: <WifiWarning16Filled />,\n ErrorBarCallNoMicrophoneFound: <MicProhibited16Filled />,\n ErrorBarCallNoSpeakerFound: <SpeakerMute16Filled />,\n ErrorBarClear: <Dismiss16Regular />,\n ErrorBarCallVideoRecoveredBySystem: <Video16Filled />,\n ErrorBarCallVideoStoppedBySystem: <VideoProhibited16Filled />,\n HorizontalGalleryLeftButton: <ChevronLeft20Regular />,\n HorizontalGalleryRightButton: <ChevronRight20Regular />,\n MessageDelivered: <CheckmarkCircle16Regular />,\n MessageEdit: <Edit20Regular />,\n MessageFailed: <ErrorCircle16Regular />,\n MessageRemove: <Delete20Regular />,\n MessageResend: <ArrowClockwise16Regular />,\n MessageSeen: <Eye16Regular />,\n MessageSending: <Circle16Regular />,\n OptionsCamera: <Video20Regular />,\n OptionsMic: <Mic20Regular />,\n OptionsSpeaker: <Speaker220Regular />,\n ParticipantItemMicOff: <MicOff16Regular />,\n ParticipantItemOptions: <></>,\n ParticipantItemOptionsHovered: <MoreHorizontal20Filled />,\n ParticipantItemScreenShareStart: <ShareScreenStart20Filled />,\n / @conditional-compile-remove(PSTN-calls) /\n HoldCallContextualMenuItem: <CallPause20Regular />,\n / @conditional-compile-remove(PSTN-calls) /\n HoldCallButton: <CallPause20Filled />,\n / @conditional-compile-remove(PSTN-calls) /\n ResumeCall: <Play20Regular />,\n SendBoxSend: <Send20Regular />,\n SendBoxSendHovered: <Send20Filled />,\n VideoTileMicOff: <MicOff16Filled />,\n / @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\n DialpadBackspace: <Backspace20Regular />,\n / @conditional-compile-remove(call-readiness) /\n SitePermissionsSparkle: <SitePermissionSparkle20Filled />,\n / @conditional-compile-remove(call-readiness) /\n SitePermissionCamera: <SitePermissionCamera20Filled />,\n / @conditional-compile-remove(call-readiness) /\n SitePermissionMic: <SitePermissionMic20Filled />,\n / @conditional-compile-remove(call-readiness) /\n SitePermissionCameraDenied: <SitePermissionsCameraDenied20Filled />,\n / @conditional-compile-remove(call-readiness) /\n SitePermissionMicDenied: <SitePermissionsMicDenied20Filled />,\n / @conditional-compile-remove(unsupported-browser) /\n UnsupportedEnvironmentWarning: <UnsupportedEnvironmentWarning />,\n / @conditional-compile-remove(call-readiness) /\n BrowserPermissionDeniedError: <BrowserPermissionDenied20Filled />,\n / @conditional-compile-remove(pinned-participants) /\n VideoTilePinned: <Pin16Filled />,\n / @conditional-compile-remove(pinned-participants) /\n VideoTileMoreOptions: <MoreHorizontal20Filled />,\n / @conditional-compile-remove(pinned-participants) /\n VideoTileScaleFit: <ScaleFit20Regular />,\n / @conditional-compile-remove(pinned-participants) /\n VideoTileScaleFill: <ScaleFill20Regular />,\n / @conditional-compile-remove(pinned-participants) /\n PinParticipant: <Pin16Regular />,\n / @conditional-compile-remove(pinned-participants) /\n UnpinParticipant: <PinOff16Regular />,\n SplitButtonPrimaryActionCameraOn: <Video20Filled />,\n SplitButtonPrimaryActionCameraOff: <VideoOff20Filled />,\n SplitButtonPrimaryActionMicUnmuted: <Mic20Filled />,\n SplitButtonPrimaryActionMicMuted: <MicOff20Filled />,\n / @conditional-compile-remove(vertical-gallery) /\n VerticalGalleryLeftButton: <ChevronLeft20Regular />,\n / @conditional-compile-remove(vertical-gallery) /\n VerticalGalleryRightButton: <ChevronRight20Regular />,\n / @conditional-compile-remove(close-captions) /\n CaptionsIcon: <ClosedCaption20Regular />,\n / @conditional-compile-remove(close-captions) /\n CaptionsOffIcon: <ClosedCaptionOff20Regular />,\n / @conditional-compile-remove(close-captions) /\n CaptionsSettingsIcon: <Settings20Regular />,\n / @conditional-compile-remove(close-captions) */\n ChangeSpokenLanguageIcon: <PersonVoice20Regular />\n};\n\"../../../acs-ui-common/src\""]}
1	+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/icons.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { mergeStyles } from '@fluentui/react';\n/* @conditional-compile-remove(call-readiness) / / @conditional-compile-remove(unsupported-browser) /\nimport { Stack } from '@fluentui/react';\nimport { ArrowClockwise16Regular, CallEnd20Filled, Checkmark20Regular, CheckmarkCircle16Regular, Circle16Regular, Delete20Regular, Dismiss20Regular, Dismiss16Regular, Edit20Regular, ErrorCircle16Regular, Eye16Regular, MicOff16Filled, MicOff16Regular, MicOff20Filled, Mic16Filled, Mic20Filled, Mic20Regular, MoreHorizontal20Filled, MoreHorizontal20Regular, People20Filled, Settings20Filled, Send20Filled, Send20Regular, ShareScreenStart20Filled, ShareScreenStop20Filled, Speaker220Regular, Video16Filled, Video20Filled, Video20Regular, VideoOff20Filled, ChevronLeft20Regular, ChevronRight20Regular, WifiWarning20Filled, SpeakerMute16Filled, MicProhibited16Filled, VideoProhibited16Filled } from '@fluentui/react-icons';\n/ @conditional-compile-remove(close-captions) /\nimport { ClosedCaption20Regular, ClosedCaptionOff20Regular, Settings20Regular, PersonVoice20Regular } from '@fluentui/react-icons';\n/ @conditional-compile-remove(call-readiness) /\nimport { Important20Filled } from '@fluentui/react-icons';\n/ @conditional-compile-remove(video-background-effects) /\nimport { VideoBackgroundEffect20Filled, VideoBackgroundEffect20Regular } from '@fluentui/react-icons';\n/ @conditional-compile-remove(pinned-participants) /\nimport { Pin16Filled, Pin16Regular, PinOff16Regular, ScaleFit20Regular, ScaleFill20Regular } from '@fluentui/react-icons';\n\n/ @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\nimport { Backspace20Regular } from '@fluentui/react-icons';\n\n/ @conditional-compile-remove(call-readiness) /\nimport { Sparkle20Filled, VideoProhibited20Filled, MicProhibited20Filled } from '@fluentui/react-icons';\n\n/ @conditional-compile-remove(file-sharing) /\nimport { ArrowDownload16Regular } from '@fluentui/react-icons';\n/ @conditional-compile-remove(PSTN-calls) /\nimport { CallPause20Regular, CallPause20Filled, Play20Regular, People20Regular } from '@fluentui/react-icons';\n\n/ @conditional-compile-remove(data-loss-prevention) /\nimport { Prohibited16Regular } from '@fluentui/react-icons';\n\n/ @conditional-compile-remove(unsupported-browser) /\nimport { Warning20Filled } from '@fluentui/react-icons';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport React from 'react';\nimport { useTheme } from './FluentThemeProvider';\n/ @conditional-compile-remove(call-readiness) /\nimport { sitePermissionIconBackgroundStyle, scaledIconStyles } from './icons.styles';\n\n/\n Icons used by the React components exported from this library.\n \n @remark See {@link CompositeIcons} for icons used by composites only.\n \n @public\n /\nexport type ComponentIcons = Record<keyof typeof DEFAULT_COMPONENT_ICONS, JSX.Element>;\nconst WifiWarning16Filled = (): JSX.Element =>\n// All ErrorBar icons are 16px x 16px (when 1rem = 16 px).\n// There is no 16px version of this icon in the fluent icon package, so scale the larger\n// one down to required size.\n<div className={mergeStyles({\n transform: 'scale(0.8)'\n})}>\n <WifiWarning20Filled />\n </div>;\nconst MoreHorizontal18Regular = (): JSX.Element =>\n// MoreHorizontal icons are 16px x 16px or 20px x 20px so scaling to get desired size\n<div className={mergeStyles({\n transform: 'scale(0.9)'\n})}>\n <MoreHorizontal20Regular />\n </div>;\n\n/ @conditional-compile-remove(call-readiness) /\nconst SitePermissionMic20Filled = (): JSX.Element => {\n const theme = useTheme();\n return <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n <div className={mergeStyles(scaledIconStyles(theme))}>\n <Mic20Filled />\n </div>\n </Stack>;\n};\n\n/ @conditional-compile-remove(call-readiness) /\nconst SitePermissionCamera20Filled = (): JSX.Element => {\n const theme = useTheme();\n return <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n <div className={mergeStyles(scaledIconStyles(theme))}>\n <Video20Filled />\n </div>\n </Stack>;\n};\n\n/ @conditional-compile-remove(call-readiness) /\nconst SitePermissionsMicDenied20Filled = (): JSX.Element => {\n const theme = useTheme();\n return <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n <div className={mergeStyles(scaledIconStyles(theme))}>\n <MicProhibited20Filled />\n </div>\n </Stack>;\n};\n\n/ @conditional-compile-remove(call-readiness) /\nconst SitePermissionsCameraDenied20Filled = (): JSX.Element => {\n const theme = useTheme();\n return <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n <div className={mergeStyles(scaledIconStyles(theme))}>\n <VideoProhibited20Filled />\n </div>\n </Stack>;\n};\n\n/ @conditional-compile-remove(call-readiness) /\nconst SitePermissionSparkle20Filled = (): JSX.Element => <div className={mergeStyles({\n transform: 'scale(2)'\n})}>\n <Sparkle20Filled />\n </div>;\n\n/ @conditional-compile-remove(unsupported-browser) /\nconst UnsupportedEnvironmentWarning = (): JSX.Element => {\n const theme = useTheme();\n return <Stack horizontalAlign={'center'} styles={{\n root: {\n width: _pxToRem(84),\n borderRadius: '100%',\n background: theme.palette.themeLighterAlt,\n padding: '2rem',\n margin: 'auto'\n }\n }}>\n <div className={mergeStyles(scaledIconStyles(theme))}>\n <Warning20Filled />\n </div>\n </Stack>;\n};\n\n/ @conditional-compile-remove(call-readiness) /\nconst BrowserPermissionDenied20Filled = (): JSX.Element => {\n const theme = useTheme();\n return <Stack horizontalAlign={'center'} styles={sitePermissionIconBackgroundStyle(theme)}>\n <div className={mergeStyles(scaledIconStyles(theme))}>\n <Important20Filled />\n </div>\n </Stack>;\n};\n\n/ @conditional-compile-remove(data-loss-prevention) /\nconst DataLossPreventionProhibited16Regular = (): JSX.Element => {\n return <Prohibited16Regular />;\n};\nconst GalleryLeftButton = (): JSX.Element => {\n const rtl = useTheme().rtl;\n return rtl ? <ChevronRight20Regular /> : <ChevronLeft20Regular />;\n};\nconst GalleryRightButton = (): JSX.Element => {\n const rtl = useTheme().rtl;\n return rtl ? <ChevronLeft20Regular /> : <ChevronRight20Regular />;\n};\n\n/\n The default set of icons that are available to use in the UI components.\n \n @remark Icons used only in the composites are available in {@link DEFAULT_COMPOSITE_ICONS}.\n \n @public\n /\nexport const DEFAULT_COMPONENT_ICONS = {\n ChatMessageOptions: <MoreHorizontal18Regular />,\n ControlButtonCameraOff: <VideoOff20Filled />,\n ControlButtonCameraOn: <Video20Filled />,\n ControlButtonEndCall: <CallEnd20Filled />,\n ControlButtonMicOff: <MicOff20Filled />,\n ControlButtonMicOn: <Mic20Filled />,\n ControlButtonOptions: <Settings20Filled />,\n ControlButtonParticipants: <People20Filled />,\n / @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\n ControlButtonParticipantsContextualMenuItem: <People20Regular />,\n ControlButtonScreenShareStart: <ShareScreenStart20Filled />,\n ControlButtonScreenShareStop: <ShareScreenStop20Filled />,\n / @conditional-compile-remove(file-sharing) /\n CancelFileUpload: <Dismiss16Regular />,\n / @conditional-compile-remove(file-sharing) /\n DownloadFile: <ArrowDownload16Regular />,\n / @conditional-compile-remove(data-loss-prevention) /\n DataLossPreventionProhibited: <DataLossPreventionProhibited16Regular />,\n EditBoxCancel: <Dismiss20Regular />,\n EditBoxSubmit: <Checkmark20Regular />,\n ErrorBarCallCameraAccessDenied: <VideoProhibited16Filled />,\n ErrorBarCallCameraAlreadyInUse: <VideoProhibited16Filled />,\n ErrorBarCallLocalVideoFreeze: <WifiWarning16Filled />,\n ErrorBarCallMacOsCameraAccessDenied: <VideoProhibited16Filled />,\n ErrorBarCallMacOsMicrophoneAccessDenied: <MicProhibited16Filled />,\n ErrorBarCallMicrophoneAccessDenied: <MicProhibited16Filled />,\n ErrorBarCallMicrophoneMutedBySystem: <MicOff16Filled />,\n ErrorBarCallMicrophoneUnmutedBySystem: <Mic16Filled />,\n ErrorBarCallNetworkQualityLow: <WifiWarning16Filled />,\n ErrorBarCallNoMicrophoneFound: <MicProhibited16Filled />,\n ErrorBarCallNoSpeakerFound: <SpeakerMute16Filled />,\n ErrorBarClear: <Dismiss16Regular />,\n ErrorBarCallVideoRecoveredBySystem: <Video16Filled />,\n ErrorBarCallVideoStoppedBySystem: <VideoProhibited16Filled />,\n HorizontalGalleryLeftButton: <GalleryLeftButton />,\n HorizontalGalleryRightButton: <GalleryRightButton />,\n MessageDelivered: <CheckmarkCircle16Regular />,\n MessageEdit: <Edit20Regular />,\n MessageFailed: <ErrorCircle16Regular />,\n MessageRemove: <Delete20Regular />,\n MessageResend: <ArrowClockwise16Regular />,\n MessageSeen: <Eye16Regular />,\n MessageSending: <Circle16Regular />,\n OptionsCamera: <Video20Regular />,\n OptionsMic: <Mic20Regular />,\n OptionsSpeaker: <Speaker220Regular />,\n ParticipantItemMicOff: <MicOff16Regular />,\n ParticipantItemOptions: <></>,\n ParticipantItemOptionsHovered: <MoreHorizontal20Filled />,\n ParticipantItemScreenShareStart: <ShareScreenStart20Filled />,\n / @conditional-compile-remove(PSTN-calls) /\n HoldCallContextualMenuItem: <CallPause20Regular />,\n / @conditional-compile-remove(PSTN-calls) /\n HoldCallButton: <CallPause20Filled />,\n / @conditional-compile-remove(PSTN-calls) /\n ResumeCall: <Play20Regular />,\n SendBoxSend: <Send20Regular />,\n SendBoxSendHovered: <Send20Filled />,\n VideoTileMicOff: <MicOff16Filled />,\n / @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\n DialpadBackspace: <Backspace20Regular />,\n / @conditional-compile-remove(call-readiness) /\n SitePermissionsSparkle: <SitePermissionSparkle20Filled />,\n / @conditional-compile-remove(call-readiness) /\n SitePermissionCamera: <SitePermissionCamera20Filled />,\n / @conditional-compile-remove(call-readiness) /\n SitePermissionMic: <SitePermissionMic20Filled />,\n / @conditional-compile-remove(call-readiness) /\n SitePermissionCameraDenied: <SitePermissionsCameraDenied20Filled />,\n / @conditional-compile-remove(call-readiness) /\n SitePermissionMicDenied: <SitePermissionsMicDenied20Filled />,\n / @conditional-compile-remove(unsupported-browser) /\n UnsupportedEnvironmentWarning: <UnsupportedEnvironmentWarning />,\n / @conditional-compile-remove(call-readiness) /\n BrowserPermissionDeniedError: <BrowserPermissionDenied20Filled />,\n / @conditional-compile-remove(pinned-participants) /\n VideoTilePinned: <Pin16Filled />,\n / @conditional-compile-remove(pinned-participants) /\n VideoTileMoreOptions: <MoreHorizontal20Filled />,\n / @conditional-compile-remove(pinned-participants) /\n VideoTileScaleFit: <ScaleFit20Regular />,\n / @conditional-compile-remove(pinned-participants) /\n VideoTileScaleFill: <ScaleFill20Regular />,\n / @conditional-compile-remove(pinned-participants) /\n PinParticipant: <Pin16Regular />,\n / @conditional-compile-remove(pinned-participants) /\n UnpinParticipant: <PinOff16Regular />,\n SplitButtonPrimaryActionCameraOn: <Video20Filled />,\n SplitButtonPrimaryActionCameraOff: <VideoOff20Filled />,\n SplitButtonPrimaryActionMicUnmuted: <Mic20Filled />,\n SplitButtonPrimaryActionMicMuted: <MicOff20Filled />,\n / @conditional-compile-remove(vertical-gallery) /\n VerticalGalleryLeftButton: <GalleryLeftButton />,\n / @conditional-compile-remove(vertical-gallery) /\n VerticalGalleryRightButton: <GalleryRightButton />,\n / @conditional-compile-remove(video-background-effects) /\n ControlButtonVideoEffectsOption: <VideoBackgroundEffect20Regular />,\n / @conditional-compile-remove(video-background-effects) /\n ConfigurationScreenVideoEffectsButton: <VideoBackgroundEffect20Filled />,\n / @conditional-compile-remove(close-captions) /\n CaptionsIcon: <ClosedCaption20Regular />,\n / @conditional-compile-remove(close-captions) /\n CaptionsOffIcon: <ClosedCaptionOff20Regular />,\n / @conditional-compile-remove(close-captions) /\n CaptionsSettingsIcon: <Settings20Regular />,\n / @conditional-compile-remove(close-captions) */\n ChangeSpokenLanguageIcon: <PersonVoice20Regular />\n};\"../../../acs-ui-common/src\""]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"icons.styles.js","sourceRoot":"","sources":["~~../../../../../../~~react-components/src/theming/icons.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,eAAe;AACf,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAU,EAAE;IACvD,OAAO;QACL,SAAS,EAAE,UAAU;QACrB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;QACjC,MAAM,EAAE,CAAC;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;AACf,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,KAAY,EAAgB,EAAE;IAC9E,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,MAAM;YACpB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe;YACzC,OAAO,EAAE,MAAM;SAChB;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStackStyles, IStyle, Theme } from '@fluentui/react';\n\n/** @private /\nexport const scaledIconStyles = (theme: Theme): IStyle => {\n return {\n transform: 'scale(2)',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n lineHeight: '0.2rem',\n color: theme.palette.themePrimary,\n zIndex: 1\n };\n};\n\n/* @private */\nexport const sitePermissionIconBackgroundStyle = (theme: Theme): IStackStyles => {\n return {\n root: {\n borderRadius: '100%',\n background: theme.palette.themeLighterAlt,\n padding: '2rem'\n }\n };\n}~~;\n~~"]}
1	+ {"version":3,"file":"icons.styles.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/icons.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,eAAe;AACf,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAU,EAAE;IACvD,OAAO;QACL,SAAS,EAAE,UAAU;QACrB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;QACjC,MAAM,EAAE,CAAC;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;AACf,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,KAAY,EAAgB,EAAE;IAC9E,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,MAAM;YACpB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe;YACzC,OAAO,EAAE,MAAM;SAChB;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStackStyles, IStyle, Theme } from '@fluentui/react';\n\n/** @private /\nexport const scaledIconStyles = (theme: Theme): IStyle => {\n return {\n transform: 'scale(2)',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n lineHeight: '0.2rem',\n color: theme.palette.themePrimary,\n zIndex: 1\n };\n};\n\n/* @private */\nexport const sitePermissionIconBackgroundStyle = (theme: Theme): IStackStyles => {\n return {\n root: {\n borderRadius: '100%',\n background: theme.palette.themeLighterAlt,\n padding: '2rem'\n }\n };\n};"]}

package/dist/dist-esm/react-components/src/theming/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../../../../~~react-components/src/theming/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './themes';\nexport * from './FluentThemeProvider';\nexport * from './icons'~~;\n~~"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './themes';\nexport * from './FluentThemeProvider';\nexport * from './icons';"]}

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

	@@ -1 +1 @@
1	- {"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { Theme } from '@fluentui/react';\n\n/*\n @private\n */\nexport const isDarkThemed = (theme: Theme): boolean => {\n const themeBlackBrightness = getPerceptualBrightnessOfHexColor(theme.palette.black);\n const themeWhiteBrightness = getPerceptualBrightnessOfHexColor(theme.palette.white);\n if (Number.isNaN(themeBlackBrightness) \|\| Number.isNaN(themeWhiteBrightness)) {\n return false;\n }\n return themeBlackBrightness > themeWhiteBrightness;\n};\n\nconst getPerceptualBrightnessOfHexColor = (hexColor: string): number => {\n // return NaN if hexColor is not a hex code\n if (!/^#[0-9A-Fa-f]{6}$/i.test(hexColor)) {\n return NaN;\n }\n const r = parseInt(hexColor.substring(1, 3), 16);\n const g = parseInt(hexColor.substring(3, 5), 16);\n const b = parseInt(hexColor.substring(5, 7), 16);\n\n // arithmetic mean μ of the red, green, and blue color coordinates. Source: https://en.wikipedia.org/wiki/Brightness\n return (r + g + b) / 3;\n}~~;\n~~"]}
1	+ {"version":3,"file":"themeUtils.js","sourceRoot":"","sources":["../../../../../preprocess-dist/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;AACF,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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { Theme } from '@fluentui/react';\n\n/*\n @private\n */\nexport const isDarkThemed = (theme: Theme): boolean => {\n const themeBlackBrightness = getPerceptualBrightnessOfHexColor(theme.palette.black);\n const themeWhiteBrightness = getPerceptualBrightnessOfHexColor(theme.palette.white);\n if (Number.isNaN(themeBlackBrightness) \|\| Number.isNaN(themeWhiteBrightness)) {\n return false;\n }\n return themeBlackBrightness > themeWhiteBrightness;\n};\nconst getPerceptualBrightnessOfHexColor = (hexColor: string): number => {\n // return NaN if hexColor is not a hex code\n if (!/^#[0-9A-Fa-f]{6}$/i.test(hexColor)) {\n return NaN;\n }\n const r = parseInt(hexColor.substring(1, 3), 16);\n const g = parseInt(hexColor.substring(3, 5), 16);\n const b = parseInt(hexColor.substring(5, 7), 16);\n\n // arithmetic mean μ of the red, green, and blue color coordinates. Source: https://en.wikipedia.org/wiki/Brightness\n return (r + g + b) / 3;\n};"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"themes.js","sourceRoot":"","sources":["~~../../../../../../~~react-components/src/theming/themes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAkBlC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAgC;IACrD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;KACrB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAgC;IACpD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;KACrB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { PartialTheme } from '@fluentui/react';\n\n/*\n Custom Fluent theme pallete used by calling related components in this library.\n \n @public\n /\nexport interface CallingTheme {\n callingPalette: {\n callRed: string;\n callRedDark: string;\n callRedDarker: string;\n iconWhite: string;\n };\n}\n\n/\n Preset light theme for components exported from this library.\n \n @public\n /\nexport const lightTheme: PartialTheme & CallingTheme = {\n palette: {\n themePrimary: '#0078d4',\n themeLighterAlt: '#eff6fc',\n themeLighter: '#deecf9',\n themeLight: '#c7e0f4',\n themeTertiary: '#71afe5',\n themeSecondary: '#2b88d8',\n themeDarkAlt: '#106ebe',\n themeDark: '#59b0f7',\n themeDarker: '#004578',\n neutralLighterAlt: '#faf9f8',\n neutralLighter: '#f3f2f1',\n neutralLight: '#edebe9',\n neutralQuaternaryAlt: '#e1dfdd',\n neutralQuaternary: '#d0d0d0',\n neutralTertiaryAlt: '#c8c6c4',\n neutralTertiary: '#a19f9d',\n neutralSecondary: '#605e5c',\n neutralPrimaryAlt: '#3b3a39',\n neutralPrimary: '#323130',\n neutralDark: '#201f1e',\n black: '#000000',\n white: '#ffffff'\n },\n callingPalette: {\n callRed: '#a42e43',\n callRedDark: '#8b2c3d',\n callRedDarker: '#772a38',\n iconWhite: '#ffffff'\n },\n semanticColors: {\n errorText: '#a80000'\n }\n};\n\n/\n Preset dark theme for components exported from this library.\n \n @public\n */\nexport const darkTheme: PartialTheme & CallingTheme = {\n palette: {\n themePrimary: '#2899f5',\n themeLighterAlt: '#02060a',\n themeLighter: '#061827',\n themeLight: '#0c2e49',\n themeTertiary: '#185b93',\n themeSecondary: '#2286d7',\n themeDarkAlt: '#3ca2f6',\n themeDark: '#59b0f7',\n themeDarker: '#84c5f9',\n neutralLighterAlt: '#302e2d',\n neutralLighter: '#383735',\n neutralLight: '#464443',\n neutralQuaternaryAlt: '#4e4d4b',\n neutralQuaternary: '#4d4b49',\n neutralTertiaryAlt: '#72706e',\n neutralTertiary: '#c8c8c8',\n neutralSecondary: '#d0d0d0',\n neutralPrimaryAlt: '#dadada',\n neutralPrimary: '#ffffff',\n neutralDark: '#f4f4f4',\n black: '#f8f8f8',\n white: '#252423'\n },\n callingPalette: {\n callRed: '#c4314b',\n callRedDark: '#a42e43',\n callRedDarker: '#8b2c3d',\n iconWhite: '#ffffff'\n },\n semanticColors: {\n errorText: '#f1707b'\n }\n}~~;\n~~"]}
1	+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/themes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAkBlC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAgC;IACrD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;KACrB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAgC;IACpD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;KACrB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { PartialTheme } from '@fluentui/react';\n\n/*\n Custom Fluent theme pallete used by calling related components in this library.\n \n @public\n /\nexport interface CallingTheme {\n callingPalette: {\n callRed: string;\n callRedDark: string;\n callRedDarker: string;\n iconWhite: string;\n };\n}\n\n/\n Preset light theme for components exported from this library.\n \n @public\n /\nexport const lightTheme: PartialTheme & CallingTheme = {\n palette: {\n themePrimary: '#0078d4',\n themeLighterAlt: '#eff6fc',\n themeLighter: '#deecf9',\n themeLight: '#c7e0f4',\n themeTertiary: '#71afe5',\n themeSecondary: '#2b88d8',\n themeDarkAlt: '#106ebe',\n themeDark: '#59b0f7',\n themeDarker: '#004578',\n neutralLighterAlt: '#faf9f8',\n neutralLighter: '#f3f2f1',\n neutralLight: '#edebe9',\n neutralQuaternaryAlt: '#e1dfdd',\n neutralQuaternary: '#d0d0d0',\n neutralTertiaryAlt: '#c8c6c4',\n neutralTertiary: '#a19f9d',\n neutralSecondary: '#605e5c',\n neutralPrimaryAlt: '#3b3a39',\n neutralPrimary: '#323130',\n neutralDark: '#201f1e',\n black: '#000000',\n white: '#ffffff'\n },\n callingPalette: {\n callRed: '#a42e43',\n callRedDark: '#8b2c3d',\n callRedDarker: '#772a38',\n iconWhite: '#ffffff'\n },\n semanticColors: {\n errorText: '#a80000'\n }\n};\n\n/\n Preset dark theme for components exported from this library.\n \n @public\n */\nexport const darkTheme: PartialTheme & CallingTheme = {\n palette: {\n themePrimary: '#2899f5',\n themeLighterAlt: '#02060a',\n themeLighter: '#061827',\n themeLight: '#0c2e49',\n themeTertiary: '#185b93',\n themeSecondary: '#2286d7',\n themeDarkAlt: '#3ca2f6',\n themeDark: '#59b0f7',\n themeDarker: '#84c5f9',\n neutralLighterAlt: '#302e2d',\n neutralLighter: '#383735',\n neutralLight: '#464443',\n neutralQuaternaryAlt: '#4e4d4b',\n neutralQuaternary: '#4d4b49',\n neutralTertiaryAlt: '#72706e',\n neutralTertiary: '#c8c8c8',\n neutralSecondary: '#d0d0d0',\n neutralPrimaryAlt: '#dadada',\n neutralPrimary: '#ffffff',\n neutralDark: '#f4f4f4',\n black: '#f8f8f8',\n white: '#252423'\n },\n callingPalette: {\n callRed: '#c4314b',\n callRedDark: '#a42e43',\n callRedDarker: '#8b2c3d',\n iconWhite: '#ffffff'\n },\n semanticColors: {\n errorText: '#f1707b'\n }\n};"]}