@azure/communication-react 1.5.1-alpha-202304210012 → 1.5.1-alpha-202304220013

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

@@ -6,7 +6,6 @@
         "sharingIconLabel": "共享",
         "mutedIconLabel": "已静音",
         "displayNamePlaceholder": "未命名的参与者",
-        "participantStateConnecting": "正在呼叫...",
         "participantStateRinging": "正在呼叫...",
         "participantStateHold": "待机音乐"
     },
@@ -54,7 +53,10 @@
         "onSplitButtonAriaLabel": "关闭照相机和照相机选项",
         "offSplitButtonAriaLabel": "打开照相机和照相机选项",
         "cameraActionTurnedOnAnnouncement": "你的相机已打开",
-        "cameraActionTurnedOffAnnouncement": "你的相机已关闭"
+        "cameraActionTurnedOffAnnouncement": "你的相机已关闭",
+        "onSplitButtonPrimaryActionCamera": "关闭摄像头",
+        "offSplitButtonPrimaryActionCamera": "打开摄像头",
+        "cameraPrimaryActionSplitButtonTitle": "使用照相机"
     },
     "microphoneButton": {
         "onLabel": "静音",
@@ -70,7 +72,10 @@
         "onSplitButtonAriaLabel": "将麦克风和音频选项静音",
         "offSplitButtonAriaLabel": "取消麦克风和音频选项的静音",
         "microphoneActionTurnedOnAnnouncement": "你的麦克风已打开",
-        "microphoneActionTurnedOffAnnouncement": "你的麦克风已关闭"
+        "microphoneActionTurnedOffAnnouncement": "你的麦克风已关闭",
+        "offSplitButtonMicrophonePrimaryAction": "取消麦克风静音",
+        "onSplitButtonMicrophonePrimaryAction": "将麦克风静音",
+        "micPrimaryActionSplitButtonTitle": "使用麦克风"
     },
     "devicesButton": {
         "label": "设备",
@@ -90,7 +95,8 @@
         "menuHeader": "在此通话中",
         "participantsListButtonLabel": "{numParticipants} 人",
         "muteAllButtonLabel": "全部静音",
-        "copyInviteLinkButtonLabel": "复制邀请链接"
+        "copyInviteLinkButtonLabel": "复制邀请链接",
+        "copyInviteLinkActionedAriaLabel": "已复制邀请链接"
     },
     "screenShareButton": {
         "onLabel": "停止演示",
@@ -126,7 +132,9 @@
         "editBoxSubmitButton": "提交",
         "messageReadCount": "{messageReadByCount}/{remoteParticipantsCount} 人已读",
         "actionMenuMoreOptions": "更多选项",
-        "downloadFile": "下载文件"
+        "downloadFile": "下载文件",
+        "blockedWarningText": "由于组织策略，此消息已被删除。",
+        "blockedWarningLinkText": "详细信息"
     },
     "errorBar": {
         "unableToReachChatService": "你已脱机",
@@ -146,11 +154,13 @@
         "callNoSpeakerFound": "找不到扬声器或耳机。连接音频设备以收听呼叫。",
         "callNoMicrophoneFound": "找不到麦克风。连接音频输入设备。",
         "callMicrophoneAccessDenied": "无法访问麦克风。单击地址栏中的锁定以授予对此网页的权限。",
+        "callMicrophoneAccessDeniedSafari": "无法访问麦克风。刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
         "callMicrophoneMutedBySystem": "系统已将你设为静音。",
         "callMicrophoneUnmutedBySystem": "你的麦克风已恢复，系统已取消静音。",
         "callMacOsMicrophoneAccessDenied": "无法访问麦克风。在 macOS 隐私设置中授予麦克风权限。",
         "callLocalVideoFreeze": "网络带宽较差。你的视频可能会在通话中为其他人暂停。",
         "callCameraAccessDenied": "无法访问照相机。单击地址栏中的锁定以授予对此网页的权限。",
+        "callCameraAccessDeniedSafari": "无法访问照相机。刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
         "callCameraAlreadyInUse": "无法访问照相机。它可能已被其他应用程序使用。",
         "callVideoStoppedBySystem": "你的系统已停止你的视频。",
         "callVideoRecoveredBySystem": "你的视频已恢复。",
@@ -158,7 +168,9 @@
         "callMacOsScreenShareAccessDenied": "MacOS 正在阻止屏幕共享。更新你的隐私设置以允许此浏览器录制你的屏幕。",
         "dismissButtonAriaLabel": "关闭",
         "failedToJoinCallGeneric": "未能加入通话。",
-        "failedToJoinCallInvalidMeetingLink": "无法加入会议。无效的链接。"
+        "failedToJoinCallInvalidMeetingLink": "无法加入会议。无效的链接。",
+        "startScreenSharingGeneric": "启动屏幕共享时出现问题。",
+        "cameraFrozenForRemoteParticipants": "通话中的用户在查看视频时遇到问题。请检查你的设备和网络。"
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "你正在共享你的屏幕",
@@ -167,7 +179,16 @@
         "localVideoCameraSwitcherLabel": "切换相机",
         "localVideoMovementLabel": "可移动本地视频磁贴",
         "localVideoSelectedDescription": "已选择 {cameraName}",
-        "displayNamePlaceholder": "未命名的参与者"
+        "displayNamePlaceholder": "未命名的参与者",
+        "fitRemoteParticipantToFrame": "适应帧大小",
+        "fillRemoteParticipantFrame": "填充帧",
+        "pinParticipantForMe": "为我固定",
+        "pinParticipantForMeLimitReached": "固定(已达到上限)",
+        "unpinParticipantForMe": "取消固定",
+        "pinParticipantMenuItemAriaLabel": "固定 {participantName}",
+        "unpinParticipantMenuItemAriaLabel": "取消固定 {participantName}",
+        "pinnedParticipantAnnouncementAriaLabel": "已固定 {participantName}",
+        "unpinnedParticipantAnnouncementAriaLabel": "已取消固定 {participantName}"
     },
     "dialpad": {
         "placeholderText": "输入电话号码",
@@ -180,20 +201,102 @@
         "tooltipOffContent": "保持呼叫"
     },
     "videoTile": {
-        "participantStateConnecting": "正在呼叫...",
         "participantStateRinging": "正在呼叫...",
         "participantStateHold": "待机音乐"
     },
-    "SitePermissions": {
+    "CameraAndMicrophoneSitePermissionsRequest": {
         "primaryText": "允许{appName}使用你的相机和麦克风",
         "secondaryText": "这样参与者就可以看到并听到你的声音。",
         "linkText": "需要帮助? 获取疑难解答帮助",
-        "primaryButtonText": "允许访问"
+        "primaryButtonText": "不使用相机和麦克风继续",
+        "ariaLabel": "允许相机和麦克风访问权限"
+    },
+    "CameraSitePermissionsRequest": {
+        "primaryText": "允许 {appName} 使用你的相机",
+        "secondaryText": "这样参与者就可以看到你了。",
+        "linkText": "需要帮助? 获取疑难解答帮助",
+        "primaryButtonText": "不使用摄像头继续",
+        "ariaLabel": "允许相机访问权限"
+    },
+    "MicrophoneSitePermissionsRequest": {
+        "primaryText": "允许 {appName} 使用你的麦克风",
+        "secondaryText": "这样参与者就可以听到你的声音。",
+        "linkText": "需要帮助? 获取疑难解答帮助",
+        "primaryButtonText": "不使用麦克风继续",
+        "ariaLabel": "允许麦克风访问权限"
+    },
+    "CameraAndMicrophoneSitePermissionsCheck": {
+        "primaryText": "检查摄像头和麦克风访问权限",
+        "secondaryText": "如果出现提示，请允许访问。这样参与者就可以看到并听到你的声音。",
+        "linkText": "需要帮助? 获取疑难解答帮助",
+        "primaryButtonText": "不使用相机和麦克风继续",
+        "ariaLabel": "正在检查摄像头和麦克风访问权限。如果出现提示，请允许访问。"
+    },
+    "CameraSitePermissionsCheck": {
+        "primaryText": "检查摄像头访问权限",
+        "secondaryText": "如果出现提示，请允许访问。这样参与者就可以看到你了。",
+        "linkText": "需要帮助? 获取疑难解答帮助",
+        "primaryButtonText": "不使用相机继续",
+        "ariaLabel": "正在检查摄像头访问权限。如果出现提示，请允许访问。"
+    },
+    "MicrophoneSitePermissionsCheck": {
+        "primaryText": "正在检查麦克风访问权限",
+        "secondaryText": "如果出现提示，请允许访问。这样参与者就可以听到你的声音。",
+        "linkText": "需要帮助? 获取疑难解答帮助",
+        "primaryButtonText": "不使用麦克风继续",
+        "ariaLabel": "正在检查麦克风访问权限。如果出现提示，请允许访问。"
+    },
+    "CameraAndMicrophoneSitePermissionsDenied": {
+        "primaryText": "无法访问相机和麦克风",
+        "secondaryText": "单击地址栏中的锁图标以向此网页授予麦克风权限。可能需要页面刷新。",
+        "primaryButtonText": "不使用摄像头和麦克风继续",
+        "linkText": "需要帮助? 获取疑难解答帮助"
+    },
+    "CameraAndMicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "无法访问相机和麦克风",
+        "secondaryText": "刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
+        "primaryButtonText": "不使用摄像头和麦克风继续",
+        "linkText": "需要帮助? 获取疑难解答帮助"
+    },
+    "CameraSitePermissionsDenied": {
+        "primaryText": "无法访问摄像头",
+        "secondaryText": "单击地址栏中的锁图标以向此网页授予相机权限。可能需要页面刷新。",
+        "primaryButtonText": "不使用摄像头继续",
+        "linkText": "需要帮助? 获取疑难解答帮助"
+    },
+    "MicrophoneSitePermissionsDenied": {
+        "primaryText": "无法访问麦克风",
+        "secondaryText": "单击地址栏中的锁图标以向此网页授予麦克风权限。可能需要页面刷新。",
+        "primaryButtonText": "不使用麦克风继续",
+        "linkText": "需要帮助? 获取疑难解答帮助"
+    },
+    "CameraSitePermissionsDeniedSafari": {
+        "primaryText": "无法访问相机",
+        "secondaryText": "刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
+        "primaryButtonText": "不使用相机继续",
+        "linkText": "需要帮助? 获取疑难解答帮助"
+    },
+    "MicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "无法访问麦克风",
+        "secondaryText": "刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
+        "primaryButtonText": "不使用麦克风继续",
+        "linkText": "需要帮助? 获取疑难解答帮助"
     },
     "UnsupportedBrowser": {
         "primaryText": "浏览器不受支持",
         "secondaryText": "请使用兼容的浏览器加入此通话。",
-        "moreHelpLink": "更多帮助"
+        "moreHelpLinkText": "查看兼容性要求"
+    },
+    "UnsupportedBrowserVersion": {
+        "primaryText": "需要浏览器更新",
+        "secondaryText": "为确保通话达到最佳效果，请更新浏览器，然后再次尝试加入呼叫。",
+        "moreHelpLinkText": "查看兼容性要求",
+        "continueAnywayButtonText": "在不更新的情况下启动呼叫"
+    },
+    "UnsupportedOperatingSystem": {
+        "primaryText": "不支持操作系统",
+        "secondaryText": "请使用具有兼容的操作系统的设备加入此通话。",
+        "moreHelpLinkText": "查看兼容性要求"
     },
     "BrowserPermissionDenied": {
         "primaryText": "无法使用摄像头或麦克风",
@@ -215,5 +318,9 @@
         "step2DigitText": "2",
         "step3DigitText": "3",
         "step4DigitText": "4"
+    },
+    "VerticalGallery": {
+        "leftNavButtonAriaLabel": "上一页",
+        "rightNavButtonAriaLabel": "下一页"
     }
 }

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

@@ -6,7 +6,6 @@
         "sharingIconLabel": "分享",
         "mutedIconLabel": "已靜音",
         "displayNamePlaceholder": "未命名的參與者",
-        "participantStateConnecting": "撥號中...",
         "participantStateRinging": "撥號中...",
         "participantStateHold": "電話保留"
     },
@@ -54,7 +53,10 @@
         "onSplitButtonAriaLabel": "關閉相機和相機選項",
         "offSplitButtonAriaLabel": "開啟相機和相機選項",
         "cameraActionTurnedOnAnnouncement": "您的相機已開啟",
-        "cameraActionTurnedOffAnnouncement": "您的相機已關閉"
+        "cameraActionTurnedOffAnnouncement": "您的相機已關閉",
+        "onSplitButtonPrimaryActionCamera": "關閉攝影機",
+        "offSplitButtonPrimaryActionCamera": "開啟相機",
+        "cameraPrimaryActionSplitButtonTitle": "使用相機"
     },
     "microphoneButton": {
         "onLabel": "靜音",
@@ -70,7 +72,10 @@
         "onSplitButtonAriaLabel": "將麥克風和音訊選項設為靜音",
         "offSplitButtonAriaLabel": "將麥克風和音訊選項取消靜音",
         "microphoneActionTurnedOnAnnouncement": "您的麥克風已開啟",
-        "microphoneActionTurnedOffAnnouncement": "您的麥克風已關閉"
+        "microphoneActionTurnedOffAnnouncement": "您的麥克風已關閉",
+        "offSplitButtonMicrophonePrimaryAction": "取消麥克風靜音",
+        "onSplitButtonMicrophonePrimaryAction": "將麥克風設為靜音",
+        "micPrimaryActionSplitButtonTitle": "使用麥克風"
     },
     "devicesButton": {
         "label": "裝置",
@@ -90,7 +95,8 @@
         "menuHeader": "在此通話中",
         "participantsListButtonLabel": "{numParticipants} 人員",
         "muteAllButtonLabel": "將所有人設為靜音",
-        "copyInviteLinkButtonLabel": "複製邀請連結"
+        "copyInviteLinkButtonLabel": "複製邀請連結",
+        "copyInviteLinkActionedAriaLabel": "已複製邀請連結"
     },
     "screenShareButton": {
         "onLabel": "停止簡報",
@@ -126,7 +132,9 @@
         "editBoxSubmitButton": "提交",
         "messageReadCount": "讀取者為 {messageReadByCount} / {remoteParticipantsCount}",
         "actionMenuMoreOptions": "更多選項",
-        "downloadFile": "下載檔案"
+        "downloadFile": "下載檔案",
+        "blockedWarningText": "由於組織原則，已刪除此訊息。",
+        "blockedWarningLinkText": "詳細資料"
     },
     "errorBar": {
         "unableToReachChatService": "您處於離線狀態",
@@ -146,11 +154,13 @@
         "callNoSpeakerFound": "找不到喇叭或耳機。請連接音訊裝置以聆聽通話。",
         "callNoMicrophoneFound": "找不到麥克風。請連接音訊輸入裝置。",
         "callMicrophoneAccessDenied": "無法存取麥克風。按一下網址列中的鎖定以授與此網頁的許可權。",
+        "callMicrophoneAccessDeniedSafari": "無法存取麥克風。重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的許可權。",
         "callMicrophoneMutedBySystem": "系統已將您設為靜音。",
         "callMicrophoneUnmutedBySystem": "您的麥克風已復原，系統已取消您的靜音。",
         "callMacOsMicrophoneAccessDenied": "無法存取麥克風。請在您的 MacOS 隱私權設定中授與麥克風權限。",
         "callLocalVideoFreeze": "網路頻寬不佳。通話中的其他人可能會暫停您的視訊。",
         "callCameraAccessDenied": "無法存取相機。按一下網址列中的鎖定以授與此網頁的許可權。",
+        "callCameraAccessDeniedSafari": "無法存取相機。重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的許可權。",
         "callCameraAlreadyInUse": "無法存取相機。其他應用程式可能已在使用它。",
         "callVideoStoppedBySystem": "您的影片已遭系統停止。",
         "callVideoRecoveredBySystem": "您的影片已繼續。",
@@ -158,7 +168,9 @@
         "callMacOsScreenShareAccessDenied": "MacOS 正在封鎖螢幕畫面分享。更新您的隱私權設定，以允許此瀏覽器錄製您的螢幕。",
         "dismissButtonAriaLabel": "關閉",
         "failedToJoinCallGeneric": "無法加入通話。",
-        "failedToJoinCallInvalidMeetingLink": "無法加入會議。連結無效。"
+        "failedToJoinCallInvalidMeetingLink": "無法加入會議。連結無效。",
+        "startScreenSharingGeneric": "啟動畫面分享時發生問題。",
+        "cameraFrozenForRemoteParticipants": "通話中的使用者在觀看您的視訊時發生問題。請檢查您的裝置和網路。"
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "您現在正在分享螢幕畫面。",
@@ -167,7 +179,16 @@
         "localVideoCameraSwitcherLabel": "切換相機",
         "localVideoMovementLabel": "可移動的本機影片磚",
         "localVideoSelectedDescription": "已選取 {cameraName}",
-        "displayNamePlaceholder": "未命名的參與者"
+        "displayNamePlaceholder": "未命名的參與者",
+        "fitRemoteParticipantToFrame": "調整成畫面大小",
+        "fillRemoteParticipantFrame": "填滿畫面",
+        "pinParticipantForMe": "為我釘選",
+        "pinParticipantForMeLimitReached": "釘選 (已達到限制)",
+        "unpinParticipantForMe": "取消釘選",
+        "pinParticipantMenuItemAriaLabel": "釘選 {participantName}",
+        "unpinParticipantMenuItemAriaLabel": "取消釘選 {participantName}",
+        "pinnedParticipantAnnouncementAriaLabel": "已釘選 {participantName}",
+        "unpinnedParticipantAnnouncementAriaLabel": "已取消釘選 {participantName}"
     },
     "dialpad": {
         "placeholderText": "輸入電話號碼",
@@ -180,20 +201,102 @@
         "tooltipOffContent": "保留通話"
     },
     "videoTile": {
-        "participantStateConnecting": "撥號中...",
         "participantStateRinging": "撥號中...",
         "participantStateHold": "電話保留"
     },
-    "SitePermissions": {
+    "CameraAndMicrophoneSitePermissionsRequest": {
         "primaryText": "允許 {appName} 使用您的相機和麥克風",
         "secondaryText": "這樣參與者才能看到您並聽到您的聲音。",
         "linkText": "需要協助嗎? 取得疑難排解說明",
-        "primaryButtonText": "允許存取"
+        "primaryButtonText": "在沒有相機和麥克風的情況下繼續",
+        "ariaLabel": "允許相機和麥克風存取"
+    },
+    "CameraSitePermissionsRequest": {
+        "primaryText": "允許 {appName} 使用您的相機",
+        "secondaryText": "這樣參與者才能看到您。",
+        "linkText": "需要協助嗎? 取得疑難排解說明",
+        "primaryButtonText": "繼續但不使用相機",
+        "ariaLabel": "允許存取相機"
+    },
+    "MicrophoneSitePermissionsRequest": {
+        "primaryText": "允許 {appName} 使用您的麥克風",
+        "secondaryText": "這樣參與者才能聽到您的聲音。",
+        "linkText": "需要協助嗎? 取得疑難排解說明",
+        "primaryButtonText": "在沒有麥克風的情況下繼續",
+        "ariaLabel": "允許麥克風存取"
+    },
+    "CameraAndMicrophoneSitePermissionsCheck": {
+        "primaryText": "正在檢查相機和麥克風存取",
+        "secondaryText": "如果系統提示，則允許存取。這樣參與者才能看到您並聽到您的聲音。",
+        "linkText": "需要協助嗎? 取得疑難排解說明",
+        "primaryButtonText": "在沒有相機和麥克風的情況下繼續",
+        "ariaLabel": "正在檢查相機和麥克風存取。如果系統提示，則允許存取。"
+    },
+    "CameraSitePermissionsCheck": {
+        "primaryText": "正在檢查相機存取",
+        "secondaryText": "如果系統提示，則允許存取。這樣參與者才能看到您。",
+        "linkText": "需要協助嗎? 取得疑難排解說明",
+        "primaryButtonText": "在沒有相機的情況下繼續",
+        "ariaLabel": "正在檢查相機存取。如果系統提示，則允許存取。"
+    },
+    "MicrophoneSitePermissionsCheck": {
+        "primaryText": "正在檢查麥克風存取",
+        "secondaryText": "如果系統提示，則允許存取。這樣參與者才能聽到您的聲音。",
+        "linkText": "需要協助嗎? 取得疑難排解說明",
+        "primaryButtonText": "在沒有麥克風的情況下繼續",
+        "ariaLabel": "正在檢查麥克風存取。如果系統提示，則允許存取。"
+    },
+    "CameraAndMicrophoneSitePermissionsDenied": {
+        "primaryText": "無法存取攝影機和麥克風",
+        "secondaryText": "按一下網址列中的鎖定圖示，以授與此網頁的麥克風許可權。可能需要重新整理頁面。",
+        "primaryButtonText": "在沒有相機和麥克風的情況下繼續",
+        "linkText": "需要協助嗎? 取得疑難排解說明"
+    },
+    "CameraAndMicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "無法存取攝影機和麥克風",
+        "secondaryText": "重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的權限。",
+        "primaryButtonText": "在沒有相機和麥克風的情況下繼續",
+        "linkText": "需要協助嗎? 取得疑難排解說明"
+    },
+    "CameraSitePermissionsDenied": {
+        "primaryText": "無法存取相機",
+        "secondaryText": "按一下網址列中的鎖定圖示，以授與此網頁的相機許可權。可能需要重新整理頁面。",
+        "primaryButtonText": "在沒有相機的情況下繼續",
+        "linkText": "需要協助嗎? 取得疑難排解說明"
+    },
+    "MicrophoneSitePermissionsDenied": {
+        "primaryText": "無法存取麥克風",
+        "secondaryText": "按一下網址列中的鎖定圖示，以授與此網頁的麥克風許可權。可能需要重新整理頁面。",
+        "primaryButtonText": "在沒有麥克風的情況下繼續",
+        "linkText": "需要協助嗎? 取得疑難排解說明"
+    },
+    "CameraSitePermissionsDeniedSafari": {
+        "primaryText": "無法存取攝影機",
+        "secondaryText": "重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的權限。",
+        "primaryButtonText": "在沒有相機的情況下繼續",
+        "linkText": "需要協助嗎? 取得疑難排解說明"
+    },
+    "MicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "無法存取麥克風",
+        "secondaryText": "重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的權限。",
+        "primaryButtonText": "繼續但不使用麥克風",
+        "linkText": "需要協助嗎? 取得疑難排解說明"
     },
     "UnsupportedBrowser": {
         "primaryText": "不支援瀏覽器",
         "secondaryText": "請使用相容的瀏覽器加入此通話。",
-        "moreHelpLink": "更多協助資訊"
+        "moreHelpLinkText": "查看相容性需求"
+    },
+    "UnsupportedBrowserVersion": {
+        "primaryText": "需要更新瀏覽器",
+        "secondaryText": "為確保通話品質最佳，請更新瀏覽器，然後再次嘗試加入通話。",
+        "moreHelpLinkText": "查看相容性需求",
+        "continueAnywayButtonText": "不更新即開始通話"
+    },
+    "UnsupportedOperatingSystem": {
+        "primaryText": "不支援作業系統",
+        "secondaryText": "請使用具有相容作業系統的裝置加入此通話。",
+        "moreHelpLinkText": "查看相容性需求"
     },
     "BrowserPermissionDenied": {
         "primaryText": "無法使用您的相機或麥克風",
@@ -215,5 +318,9 @@
         "step2DigitText": "2",
         "step3DigitText": "3",
         "step4DigitText": "4"
+    },
+    "VerticalGallery": {
+        "leftNavButtonAriaLabel": "上一頁",
+        "rightNavButtonAriaLabel": "下一頁"
     }
 }

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalPreview.js

@@ -21,7 +21,7 @@ import { getLocalMicrophoneEnabled } from '../selectors/baseSelectors';
 import { devicePermissionSelector } from '../selectors/devicePermissionSelector';
 import { localPreviewSelector } from '../selectors/localPreviewSelector';
 import { buttonFlyoutIncreasedSizeStyles } from '../styles/Buttons.styles';
-import { cameraOffLabelStyle, localPreviewContainerStyleDesktop, localPreviewContainerStyleMobile, localPreviewTileStyle } from '../styles/LocalPreview.styles';
+import { cameraOffLabelStyle, localPreviewButtonStyle, localPreviewContainerStyleDesktop, localPreviewContainerStyleMobile, localPreviewTileStyle } from '../styles/LocalPreview.styles';
 /**
  * @private
  */
@@ -59,8 +59,8 @@ export const LocalPreview = (props) => {
     return (React.createElement(Stack, { "data-ui-id": "call-composite-local-preview", className: props.mobileView ? localPreviewContainerStyleMobile : localPreviewContainerStyleDesktop },
         React.createElement(VideoTile, { styles: localPreviewTileStyle, renderElement: (localPreviewProps === null || localPreviewProps === void 0 ? void 0 : localPreviewProps.videoStreamElement) ? (React.createElement(StreamMedia, { videoStreamElement: localPreviewProps.videoStreamElement })) : undefined, onRenderPlaceholder: onRenderPlaceholder },
             React.createElement(ControlBar, { layout: "floatingBottom" },
-                React.createElement(MicrophoneButton, { "data-ui-id": "call-composite-local-device-settings-microphone-button", checked: isLocalMicrophoneEnabled, onToggleMicrophone: onToggleMic, disabled: !microphonePermissionGranted || !hasMicrophones, showLabel: true }),
-                React.createElement(CameraButton, Object.assign({ "data-ui-id": "call-composite-local-device-settings-camera-button" }, cameraButtonProps, { showLabel: true, disabled: !cameraPermissionGranted || !hasCameras })),
+                React.createElement(MicrophoneButton, { "data-ui-id": "call-composite-local-device-settings-microphone-button", checked: isLocalMicrophoneEnabled, onToggleMicrophone: onToggleMic, disabled: !microphonePermissionGranted || !hasMicrophones, showLabel: true, styles: localPreviewButtonStyle }),
+                React.createElement(CameraButton, Object.assign({ "data-ui-id": "call-composite-local-device-settings-camera-button" }, cameraButtonProps, { showLabel: true, disabled: !cameraPermissionGranted || !hasCameras, styles: localPreviewButtonStyle })),
                 props.showDevicesButton && (React.createElement(DevicesButton, Object.assign({ "data-ui-id": "call-composite-local-device-settings-options-button" }, devicesButtonProps, { 
                     // disable button whilst all other buttons are disabled
                     disabled: !microphonePermissionGranted || !cameraPermissionGranted || hasNoDevices, showLabel: true, styles: devicesButtonStyles })))))));

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocalPreview.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/LocalPreview.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { mergeStyles, Stack, Text } from '@fluentui/react';\nimport {\n  CameraButton,\n  ControlBar,\n  MicrophoneButton,\n  DevicesButton,\n  StreamMedia,\n  useTheme,\n  VideoTile\n} from '@internal/react-components';\nimport React, { useCallback } from 'react';\nimport { CallCompositeIcon } from '../../common/icons';\nimport { useLocale } from '../../localization';\nimport { useAdapter } from '../adapter/CallAdapterProvider';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { useSelector } from '../hooks/useSelector';\nimport { getLocalMicrophoneEnabled } from '../selectors/baseSelectors';\nimport { devicePermissionSelector } from '../selectors/devicePermissionSelector';\nimport { localPreviewSelector } from '../selectors/localPreviewSelector';\nimport { buttonFlyoutIncreasedSizeStyles } from '../styles/Buttons.styles';\nimport {\n  cameraOffLabelStyle,\n  localPreviewContainerStyleDesktop,\n  localPreviewContainerStyleMobile,\n  localPreviewTileStyle\n} from '../styles/LocalPreview.styles';\n\n/**\n * @private\n */\nexport interface LocalPreviewProps {\n  mobileView: boolean;\n  showDevicesButton: boolean;\n}\n\n/**\n * @private\n */\nexport const LocalPreview = (props: LocalPreviewProps): JSX.Element => {\n  const locale = useLocale();\n  const cameraButtonProps = usePropsFor(CameraButton);\n  const localPreviewProps = useSelector(localPreviewSelector);\n  const devicesButtonProps = usePropsFor(DevicesButton);\n  const { audio: microphonePermissionGranted, video: cameraPermissionGranted } = useSelector(devicePermissionSelector);\n\n  const isLocalMicrophoneEnabled = useSelector(getLocalMicrophoneEnabled);\n  const adapter = useAdapter();\n\n  const onToggleMic = useCallback(async () => {\n    isLocalMicrophoneEnabled ? adapter.mute() : adapter.unmute();\n  }, [adapter, isLocalMicrophoneEnabled]);\n\n  const hasNoDevices =\n    devicesButtonProps.cameras.length === 0 &&\n    devicesButtonProps.microphones.length === 0 &&\n    devicesButtonProps.speakers.length === 0;\n\n  const hasCameras = devicesButtonProps.cameras.length > 0;\n  const hasMicrophones = devicesButtonProps.microphones.length > 0;\n\n  const theme = useTheme();\n  const onRenderPlaceholder = useCallback((): JSX.Element => {\n    return (\n      <Stack\n        className={mergeStyles({ width: '100%', height: '100%' })}\n        verticalAlign=\"center\"\n        tokens={{ childrenGap: '0.25rem' }}\n      >\n        <Stack.Item align=\"center\">\n          <CallCompositeIcon\n            iconName=\"LocalPreviewPlaceholder\"\n            className={mergeStyles(cameraOffLabelStyle, { color: theme.palette.neutralTertiary })}\n          />\n        </Stack.Item>\n        <Stack.Item align=\"center\">\n          <Text className={mergeStyles(cameraOffLabelStyle, { color: theme.palette.neutralSecondary })}>\n            {locale.strings.call.cameraTurnedOff}\n          </Text>\n        </Stack.Item>\n      </Stack>\n    );\n  }, [theme, locale.strings.call.cameraTurnedOff]);\n\n  const devicesButtonStyles = props.mobileView\n    ? {\n        menuStyles: {\n          menuItemStyles: buttonFlyoutIncreasedSizeStyles\n        }\n      }\n    : undefined;\n\n  return (\n    <Stack\n      data-ui-id=\"call-composite-local-preview\"\n      className={props.mobileView ? localPreviewContainerStyleMobile : localPreviewContainerStyleDesktop}\n    >\n      <VideoTile\n        styles={localPreviewTileStyle}\n        renderElement={\n          localPreviewProps?.videoStreamElement ? (\n            <StreamMedia videoStreamElement={localPreviewProps.videoStreamElement} />\n          ) : undefined\n        }\n        onRenderPlaceholder={onRenderPlaceholder}\n      >\n        <ControlBar layout=\"floatingBottom\">\n          <MicrophoneButton\n            data-ui-id=\"call-composite-local-device-settings-microphone-button\"\n            checked={isLocalMicrophoneEnabled}\n            onToggleMicrophone={onToggleMic}\n            disabled={!microphonePermissionGranted || !hasMicrophones}\n            showLabel={true}\n          />\n          <CameraButton\n            data-ui-id=\"call-composite-local-device-settings-camera-button\"\n            {...cameraButtonProps}\n            showLabel={true}\n            disabled={!cameraPermissionGranted || !hasCameras}\n          />\n          {props.showDevicesButton && (\n            <DevicesButton\n              data-ui-id=\"call-composite-local-device-settings-options-button\"\n              {...devicesButtonProps}\n              // disable button whilst all other buttons are disabled\n              disabled={!microphonePermissionGranted || !cameraPermissionGranted || hasNoDevices}\n              showLabel={true}\n              styles={devicesButtonStyles}\n            />\n          )}\n        </ControlBar>\n      </VideoTile>\n    </Stack>\n  );\n};\n\"../../../../../react-components/src\""]}
+{"version":3,"file":"LocalPreview.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/LocalPreview.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { mergeStyles, Stack, Text } from '@fluentui/react';\nimport {\n  CameraButton,\n  ControlBar,\n  MicrophoneButton,\n  DevicesButton,\n  StreamMedia,\n  useTheme,\n  VideoTile\n} from '@internal/react-components';\nimport React, { useCallback } from 'react';\nimport { CallCompositeIcon } from '../../common/icons';\nimport { useLocale } from '../../localization';\nimport { useAdapter } from '../adapter/CallAdapterProvider';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { useSelector } from '../hooks/useSelector';\nimport { getLocalMicrophoneEnabled } from '../selectors/baseSelectors';\nimport { devicePermissionSelector } from '../selectors/devicePermissionSelector';\nimport { localPreviewSelector } from '../selectors/localPreviewSelector';\nimport { buttonFlyoutIncreasedSizeStyles } from '../styles/Buttons.styles';\nimport {\n  cameraOffLabelStyle,\n  localPreviewButtonStyle,\n  localPreviewContainerStyleDesktop,\n  localPreviewContainerStyleMobile,\n  localPreviewTileStyle\n} from '../styles/LocalPreview.styles';\n\n/**\n * @private\n */\nexport interface LocalPreviewProps {\n  mobileView: boolean;\n  showDevicesButton: boolean;\n}\n\n/**\n * @private\n */\nexport const LocalPreview = (props: LocalPreviewProps): JSX.Element => {\n  const locale = useLocale();\n  const cameraButtonProps = usePropsFor(CameraButton);\n  const localPreviewProps = useSelector(localPreviewSelector);\n  const devicesButtonProps = usePropsFor(DevicesButton);\n  const { audio: microphonePermissionGranted, video: cameraPermissionGranted } = useSelector(devicePermissionSelector);\n\n  const isLocalMicrophoneEnabled = useSelector(getLocalMicrophoneEnabled);\n  const adapter = useAdapter();\n\n  const onToggleMic = useCallback(async () => {\n    isLocalMicrophoneEnabled ? adapter.mute() : adapter.unmute();\n  }, [adapter, isLocalMicrophoneEnabled]);\n\n  const hasNoDevices =\n    devicesButtonProps.cameras.length === 0 &&\n    devicesButtonProps.microphones.length === 0 &&\n    devicesButtonProps.speakers.length === 0;\n\n  const hasCameras = devicesButtonProps.cameras.length > 0;\n  const hasMicrophones = devicesButtonProps.microphones.length > 0;\n\n  const theme = useTheme();\n  const onRenderPlaceholder = useCallback((): JSX.Element => {\n    return (\n      <Stack\n        className={mergeStyles({ width: '100%', height: '100%' })}\n        verticalAlign=\"center\"\n        tokens={{ childrenGap: '0.25rem' }}\n      >\n        <Stack.Item align=\"center\">\n          <CallCompositeIcon\n            iconName=\"LocalPreviewPlaceholder\"\n            className={mergeStyles(cameraOffLabelStyle, { color: theme.palette.neutralTertiary })}\n          />\n        </Stack.Item>\n        <Stack.Item align=\"center\">\n          <Text className={mergeStyles(cameraOffLabelStyle, { color: theme.palette.neutralSecondary })}>\n            {locale.strings.call.cameraTurnedOff}\n          </Text>\n        </Stack.Item>\n      </Stack>\n    );\n  }, [theme, locale.strings.call.cameraTurnedOff]);\n\n  const devicesButtonStyles = props.mobileView\n    ? {\n        menuStyles: {\n          menuItemStyles: buttonFlyoutIncreasedSizeStyles\n        }\n      }\n    : undefined;\n\n  return (\n    <Stack\n      data-ui-id=\"call-composite-local-preview\"\n      className={props.mobileView ? localPreviewContainerStyleMobile : localPreviewContainerStyleDesktop}\n    >\n      <VideoTile\n        styles={localPreviewTileStyle}\n        renderElement={\n          localPreviewProps?.videoStreamElement ? (\n            <StreamMedia videoStreamElement={localPreviewProps.videoStreamElement} />\n          ) : undefined\n        }\n        onRenderPlaceholder={onRenderPlaceholder}\n      >\n        <ControlBar layout=\"floatingBottom\">\n          <MicrophoneButton\n            data-ui-id=\"call-composite-local-device-settings-microphone-button\"\n            checked={isLocalMicrophoneEnabled}\n            onToggleMicrophone={onToggleMic}\n            disabled={!microphonePermissionGranted || !hasMicrophones}\n            showLabel={true}\n            styles={localPreviewButtonStyle}\n          />\n          <CameraButton\n            data-ui-id=\"call-composite-local-device-settings-camera-button\"\n            {...cameraButtonProps}\n            showLabel={true}\n            disabled={!cameraPermissionGranted || !hasCameras}\n            styles={localPreviewButtonStyle}\n          />\n          {props.showDevicesButton && (\n            <DevicesButton\n              data-ui-id=\"call-composite-local-device-settings-options-button\"\n              {...devicesButtonProps}\n              // disable button whilst all other buttons are disabled\n              disabled={!microphonePermissionGranted || !cameraPermissionGranted || hasNoDevices}\n              showLabel={true}\n              styles={devicesButtonStyles}\n            />\n          )}\n        </ControlBar>\n      </VideoTile>\n    </Stack>\n  );\n};\n\"../../../../../react-components/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallControls.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallControls.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallControls.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,eAAe;AACf,MAAM,CAAC,MAAM,yBAAyB,GAAW;IAC/C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IAExB,4HAA4H;IAC5H,SAAS,EAAE;;;GAGV;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStyle } from '@fluentui/react';\n\n/** @private */\nexport const controlBarContainerStyles: IStyle = {\n  paddingTop: '0.25rem',\n  paddingBottom: '0.25rem',\n\n  // @TODO: this should be exposed through a custom CallComposite Theme API that extends the fluent theme with semantic values\n  boxShadow: `\n    0px 6.400000095367432px 14.399999618530273px 0px #00000021;\n    0px 1.2000000476837158px 3.5999999046325684px 0px #0000001A;\n  `\n};\n"]}
+{"version":3,"file":"CallControls.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallControls.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,eAAe;AACf,MAAM,CAAC,MAAM,yBAAyB,GAAW;IAC/C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IACxB,4HAA4H;IAC5H,SAAS,EAAE;;;GAGV;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStyle } from '@fluentui/react';\n\n/** @private */\nexport const controlBarContainerStyles: IStyle = {\n  paddingTop: '0.25rem',\n  paddingBottom: '0.25rem',\n  // @TODO: this should be exposed through a custom CallComposite Theme API that extends the fluent theme with semantic values\n  boxShadow: `\n    0px 6.400000095367432px 14.399999618530273px 0px #00000021;\n    0px 1.2000000476837158px 3.5999999046325684px 0px #0000001A;\n  `\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalPreview.styles.d.ts

@@ -16,6 +16,26 @@ export declare const cameraOffLabelStyle: string;
 export declare const localPreviewTileStyle: {
     root: {
         borderRadius: string;
+        '@media (forced-colors: active)': {
+            borderColor: string;
+            border: string;
+        };
+    };
+};
+/**
+ * @private
+ */
+export declare const localPreviewButtonStyle: {
+    root: {
+        '@media (forced-colors: active)': {
+            ':focus': {
+                border: string;
+            };
+            ':focus::after': {
+                border: string;
+                outline: string;
+            };
+        };
     };
 };
 //# sourceMappingURL=LocalPreview.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalPreview.styles.js

@@ -23,7 +23,27 @@ export const cameraOffLabelStyle = mergeStyles({
  */
 export const localPreviewTileStyle = {
     root: {
-        borderRadius: '.25rem'
+        borderRadius: '.25rem',
+        '@media (forced-colors: active)': {
+            borderColor: '#FFFFFF',
+            border: '1px solid'
+        }
+    }
+};
+/**
+ * @private
+ */
+export const localPreviewButtonStyle = {
+    root: {
+        '@media (forced-colors: active)': {
+            ':focus': {
+                border: '1px solid !important' // we need bang important to override fluents colours
+            },
+            ':focus::after': {
+                border: 'unset !important',
+                outline: 'unset !important'
+            }
+        }
     }
 };
 //# sourceMappingURL=LocalPreview.styles.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalPreview.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocalPreview.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/LocalPreview.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,0BAA0B,GAAW;IACzC,YAAY,EAAE,QAAQ;CACvB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,WAAW,iCACvD,0BAA0B,KAC7B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,QAAQ,IACjB,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,WAAW,iCACtD,0BAA0B,KAC7B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,IACd,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC7C,QAAQ,EAAE,SAAS,CAAC,OAAO;CAC5B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE;QACJ,YAAY,EAAE,QAAQ;KACvB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStyle, mergeStyles } from '@fluentui/react';\n\nconst localPreviewContainerStyle: IStyle = {\n  borderRadius: '.25rem'\n};\n\n/**\n * @private\n */\nexport const localPreviewContainerStyleDesktop = mergeStyles({\n  ...localPreviewContainerStyle,\n  width: '50%',\n  minWidth: '11rem',\n  maxWidth: '25rem',\n  height: '18.75rem',\n  padding: '0.5rem'\n});\n\n/**\n * @private\n */\nexport const localPreviewContainerStyleMobile = mergeStyles({\n  ...localPreviewContainerStyle,\n  width: '100%',\n  height: '100%'\n});\n\n/**\n * @private\n */\nexport const cameraOffLabelStyle = mergeStyles({\n  fontSize: '0.75rem' // 12px\n});\n\n/**\n * @private\n */\nexport const localPreviewTileStyle = {\n  root: {\n    borderRadius: '.25rem'\n  }\n};\n"]}
+{"version":3,"file":"LocalPreview.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/LocalPreview.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,0BAA0B,GAAW;IACzC,YAAY,EAAE,QAAQ;CACvB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,WAAW,iCACvD,0BAA0B,KAC7B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,QAAQ,IACjB,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,WAAW,iCACtD,0BAA0B,KAC7B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,IACd,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC7C,QAAQ,EAAE,SAAS,CAAC,OAAO;CAC5B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE;QACJ,YAAY,EAAE,QAAQ;QACtB,gCAAgC,EAAE;YAChC,WAAW,EAAE,SAAS;YACtB,MAAM,EAAE,WAAW;SACpB;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE;QACJ,gCAAgC,EAAE;YAChC,QAAQ,EAAE;gBACR,MAAM,EAAE,sBAAsB,CAAC,qDAAqD;aACrF;YACD,eAAe,EAAE;gBACf,MAAM,EAAE,kBAAkB;gBAC1B,OAAO,EAAE,kBAAkB;aAC5B;SACF;KACF;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStyle, mergeStyles } from '@fluentui/react';\n\nconst localPreviewContainerStyle: IStyle = {\n  borderRadius: '.25rem'\n};\n\n/**\n * @private\n */\nexport const localPreviewContainerStyleDesktop = mergeStyles({\n  ...localPreviewContainerStyle,\n  width: '50%',\n  minWidth: '11rem',\n  maxWidth: '25rem',\n  height: '18.75rem',\n  padding: '0.5rem'\n});\n\n/**\n * @private\n */\nexport const localPreviewContainerStyleMobile = mergeStyles({\n  ...localPreviewContainerStyle,\n  width: '100%',\n  height: '100%'\n});\n\n/**\n * @private\n */\nexport const cameraOffLabelStyle = mergeStyles({\n  fontSize: '0.75rem' // 12px\n});\n\n/**\n * @private\n */\nexport const localPreviewTileStyle = {\n  root: {\n    borderRadius: '.25rem',\n    '@media (forced-colors: active)': {\n      borderColor: '#FFFFFF',\n      border: '1px solid'\n    }\n  }\n};\n\n/**\n * @private\n */\nexport const localPreviewButtonStyle = {\n  root: {\n    '@media (forced-colors: active)': {\n      ':focus': {\n        border: '1px solid !important' // we need bang important to override fluents colours\n      },\n      ':focus::after': {\n        border: 'unset !important', // we need bang important to override fluents colours\n        outline: 'unset !important'\n      }\n    }\n  }\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.js

@@ -120,7 +120,7 @@ export const CommonCallControlBar = (props) => {
     // only center control bar buttons based on parent container if there are enough space on the screen and not mobile
     () => (!props.mobileView && !isOutOfSpace ? (props.rtl ? wrapperDesktopRtlStyles : wrapperDesktopStyles) : {}), [props.mobileView, props.rtl, isOutOfSpace]);
     // only center control bar buttons based on parent container if there are enough space on the screen and not mobile
-    const controlBarDesktopContainerStyles = useMemo(() => (!props.mobileView && !isOutOfSpace ? { position: 'relative' } : {}), [props.mobileView, isOutOfSpace]);
+    const controlBarDesktopContainerStyles = useMemo(() => (!props.mobileView && !isOutOfSpace ? { position: 'relative', minHeight: '4.5rem', width: '100%' } : {}), [props.mobileView, isOutOfSpace]);
     /* @conditional-compile-remove(control-bar-button-injection) */
     const customButtons = useMemo(() => generateCustomCallControlBarButton(onFetchCustomButtonPropsTrampoline(options !== false ? options : undefined), options !== false ? options === null || options === void 0 ? void 0 : options.displayType : undefined), [options]);
     // when options is false then we want to hide the whole control bar.
@@ -250,7 +250,11 @@ const getDesktopScreenShareButtonStyles = (theme) => {
         border: 'none',
         background: theme.palette.themePrimary,
         color: theme.palette.white,
-        '* > svg': { fill: theme.palette.white }
+        '* > svg': { fill: theme.palette.white },
+        '@media (forced-colors: active)': {
+            border: '1px solid',
+            borderColor: theme.palette.black
+        }
     };
     const overrides = {
         rootChecked: overrideStyles,
@@ -263,6 +267,19 @@ const getDesktopEndCallButtonStyles = (theme) => {
         root: {
             // Suppress border around the dark-red button.
             border: 'none'
+        },
+        rootFocused: {
+            '@media (forced-colors: active)': {
+                background: 'highlight',
+                border: '1px solid'
+            }
+        },
+        icon: {
+            '@media (forced-colors: active)': {
+                ':focused': {
+                    color: theme.palette.white
+                }
+            }
         }
     };
     return concatStyleSets(getDesktopCommonButtonStyles(theme), overrides);