@azure/communication-react 1.23.0-alpha-202501160016 → 1.23.0

package/dist/dist-esm/react-components/src/localization/locales/sv-SE/strings.json

@@ -9,9 +9,11 @@
         "displayNamePlaceholder": "Namnlös deltagare",
         "participantStateRinging": "Ringer...",
         "participantStateHold": "Parkerat",
-        "participantItemAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {sharingState}, {connectionState}",
-        "participantItemWithMoreOptionsAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {sharingState}, {connectionState}, Fler alternativ",
-        "attendeeRole": "Deltagare"
+        "participantItemAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {micDisabledState}, {cameraDisabledState}, {sharingState}, {connectionState}",
+        "participantItemWithMoreOptionsAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {micDisabledState}, {cameraDisabledState}, {sharingState}, {connectionState}, fler alternativ",
+        "attendeeRole": "Deltagare",
+        "micDisabledIconLabel": "Mikrofonen är inaktiverad",
+        "cameraDisabledIconLabel": "Kameran är inaktiverad"
     },
     "ParticipantList": {
         "overflowParticipantCount": "+{overflowCount} till"
@@ -69,16 +71,20 @@
         "richTextBulletedListAppliedAnnouncement": "Punktlista tillämpad",
         "richTextNumberedListAppliedAnnouncement": "Numrerad tillämpad"
     },
-    "rttModal": {
-        "rttModalAriaLabel": "Aktivera RTT-modal",
-        "rttModalTitle": "Aktivera RTT?",
-        "rttModalText": "Realtidstext (RTT) aktiveras för alla i mötet.",
-        "rttConfirmButtonLabel": "Aktivera",
-        "rttCancelButtonLabel": "Avbryt",
-        "rttCloseModalButtonAriaLabel": "Stäng RTT-modal"
+    "realTimeTextModal": {
+        "realTimeTextModalAriaLabel": "Aktivera RTT-modal",
+        "realTimeTextModalTitle": "Aktivera RTT?",
+        "realTimeTextModalText": "Realtidstext (RTT) aktiveras för alla i mötet.",
+        "realTimeTextConfirmButtonLabel": "Aktivera",
+        "realTimeTextCancelButtonLabel": "Avbryt",
+        "realTimeTextCloseModalButtonAriaLabel": "Stäng RTT-modal"
     },
     "captionsBanner": {
-        "captionsBannerSpinnerText": "Startar undertexter ..."
+        "captionsBannerSpinnerText": "Startar undertexter ...",
+        "realTimeTextInputBoxDefaultText": "Skriv meddelande i realtid",
+        "realTimeTextBannerTitle": "RTT",
+        "realTimeTextBannerContent": "RTT (realtidstext) är aktiverat för alla deltagare under hela mötets varaktighet.",
+        "realTimeTextBannerLinkLabel": "Mer information"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "Förslag"
@@ -86,7 +92,7 @@
     "imageOverlay": {
         "downloadButtonLabel": "Ladda ner",
         "dismissButtonAriaLabel": "Stäng",
-        "overlayVisibleMessage": "Image Details Overlay"
+        "overlayVisibleMessage": "Bilddetaljöverlägg"
     },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "Meddelandet har skickats",
@@ -195,7 +201,7 @@
         "applauseReactionTooltipContent": "Applåd",
         "surprisedReactionTooltipContent": "Förvånad"
     },
-    "rtt": {
+    "realTimeText": {
         "isTypingText": "RTT-inmatning"
     },
     "captionsSettingsModal": {
@@ -292,6 +298,10 @@
         "tooltipOnContent": "Stäng av undertexter",
         "tooltipOffContent": "Aktivera undertexter"
     },
+    "startRealTimeTextButton": {
+        "onLabel": "Aktivera RTT för det här samtalet",
+        "tooltipOnContent": "RTT är aktiverat för det här samtalet"
+    },
     "messageThread": {
         "yesterday": "I går",
         "sunday": "Söndag",
@@ -616,6 +626,14 @@
             "title": "Mikrofonen har inaktiverats",
             "message": "Du kan inte längre slå på ljudet.",
             "dismissButtonAriaLabel": "Stäng"
+        },
+        "togetherModeStarted": {
+            "title": "Tillsammans-läge har startats",
+            "dismissButtonAriaLabel": "Stäng"
+        },
+        "togetherModeEnded": {
+            "title": "Tillsammans-läge har avslutats",
+            "dismissButtonAriaLabel": "Stäng"
         }
     },
     "videoGallery": {
@@ -668,11 +686,13 @@
         "participantStateRinging": "Ringer...",
         "participantReconnecting": "Ansluter igen...",
         "participantStateHold": "Parkerat",
-        "moreOptionsButtonAriaLabel": "Fler alternativ {displayName} {isMuted} {isHandRaised} {state} {isSpeaking}",
+        "moreOptionsButtonAriaLabel": "Fler alternativ {displayName} {isMuted} {micDisabledState} {cameraDisabledState} {isHandRaised} {state} {isSpeaking}",
         "moreOptionsParticipantMutedStateMutedAriaLabel": "ljud av",
         "moreOptionsParticipantMutedStateUnmutedAriaLabel": "ljud på",
         "moreOptionsParticipantHandRaisedAriaLabel": "Uppräckt hand",
-        "moreOptionsParticipantIsSpeakingAriaLabel": "Talar"
+        "moreOptionsParticipantIsSpeakingAriaLabel": "Talar",
+        "moreOptionsParticipantMicDisabledAriaLabel": "Mikrofonen är inaktiverad",
+        "moreOptionsParticipantCameraDisabledAriaLabel": "Kameran är inaktiverad"
     },
     "CameraAndMicrophoneSitePermissionsRequest": {
         "primaryText": "Tillåt {appName} använda kameran och mikrofonen",
@@ -813,10 +833,5 @@
         "incomingCallNotificationRejectButtonLabel": "Avböj",
         "incomingCallNotificationAccceptWithVideoButtonLabel": "Acceptera med video",
         "incomingCallNotificationDismissButtonAriaLabel": "Stäng"
-    },
-    "rttDisclosureBanner": {
-        "bannerTitle": "RTT",
-        "bannerContent": "RTT (realtidstext) är aktiverat för alla deltagare under hela mötets varaktighet.",
-        "bannerLinkLabel": "Mer information"
     }
 }

package/dist/dist-esm/react-components/src/localization/locales/tr-TR/ComponentLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/localization/locales/tr-TR/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAGnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAsC,CAAC;CACxE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale, ComponentStrings } from '../..';\nimport tr_TR from './strings.json';\nimport { PartialDeep } from 'type-fest';\n\n/**\n * Locale for Turkish (Turkey).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_TR_TR: ComponentLocale = {\n  strings: createComponentStrings(tr_TR as PartialDeep<ComponentStrings>)\n};\n"]}
+{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-components/src/localization/locales/tr-TR/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAGnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAsC,CAAC;CACxE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale, ComponentStrings } from '../..';\nimport tr_TR from './strings.json';\nimport { PartialDeep } from 'type-fest';\n\n/**\n * Locale for Turkish (Turkey).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_TR_TR: ComponentLocale = {\n  strings: createComponentStrings(tr_TR as PartialDeep<ComponentStrings>)\n};"]}

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

@@ -9,9 +9,11 @@
         "displayNamePlaceholder": "Adsız katılımcı",
         "participantStateRinging": "Arıyor...",
         "participantStateHold": "Beklemede",
-        "participantItemAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {sharingState}, {connectionState}",
-        "participantItemWithMoreOptionsAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {sharingState}, {connectionState}, Diğer Seçenekler",
-        "attendeeRole": "Katılımcı"
+        "participantItemAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {micDisabledState}, {cameraDisabledState}, {sharingState}, {connectionState}",
+        "participantItemWithMoreOptionsAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {micDisabledState}, {cameraDisabledState}, {sharingState}, {connectionState}, Diğer Seçenekler",
+        "attendeeRole": "Katılımcı",
+        "micDisabledIconLabel": "Mikrofon devre dışı",
+        "cameraDisabledIconLabel": "Kamera devre dışı"
     },
     "ParticipantList": {
         "overflowParticipantCount": "{overflowCount} tane daha"
@@ -69,16 +71,20 @@
         "richTextBulletedListAppliedAnnouncement": "Madde işaretli liste uygulandı",
         "richTextNumberedListAppliedAnnouncement": "Numaralandırılmış liste uygulandı"
     },
-    "rttModal": {
-        "rttModalAriaLabel": "RTT Kalıcı İletişim Kutusunu Aç",
-        "rttModalTitle": "RTT açılsın mı?",
-        "rttModalText": "Gerçek zamanlı metin (RTT) toplantıdaki herkes için açılır.",
-        "rttConfirmButtonLabel": "Aç",
-        "rttCancelButtonLabel": "İptal",
-        "rttCloseModalButtonAriaLabel": "RTT Kalıcı İletişim Kutusunu Kapat"
+    "realTimeTextModal": {
+        "realTimeTextModalAriaLabel": "RTT Kalıcı İletişim Kutusunu Aç",
+        "realTimeTextModalTitle": "RTT açılsın mı?",
+        "realTimeTextModalText": "Gerçek zamanlı metin (RTT) toplantıdaki herkes için açılır.",
+        "realTimeTextConfirmButtonLabel": "Aç",
+        "realTimeTextCancelButtonLabel": "İptal",
+        "realTimeTextCloseModalButtonAriaLabel": "RTT Kalıcı İletişim Kutusunu Kapat"
     },
     "captionsBanner": {
-        "captionsBannerSpinnerText": "Alt yazılar başlatılıyor..."
+        "captionsBannerSpinnerText": "Alt yazılar başlatılıyor...",
+        "realTimeTextInputBoxDefaultText": "İletiyi gerçek zamanlı yazın",
+        "realTimeTextBannerTitle": "RTT",
+        "realTimeTextBannerContent": "RTT (gerçek zamanlı metin) toplantı süresi boyunca tüm katılımcılar için etkindir.",
+        "realTimeTextBannerLinkLabel": "Daha fazla bilgi edinin"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "Öneriler"
@@ -86,7 +92,7 @@
     "imageOverlay": {
         "downloadButtonLabel": "İndir",
         "dismissButtonAriaLabel": "Kapat",
-        "overlayVisibleMessage": "Image Details Overlay"
+        "overlayVisibleMessage": "Resim Ayrıntıları Katmanı"
     },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "İleti gönderildi",
@@ -195,7 +201,7 @@
         "applauseReactionTooltipContent": "Alkış",
         "surprisedReactionTooltipContent": "Şaşırmış"
     },
-    "rtt": {
+    "realTimeText": {
         "isTypingText": "RTT yazma"
     },
     "captionsSettingsModal": {
@@ -292,6 +298,10 @@
         "tooltipOnContent": "Alt yazıları kapat",
         "tooltipOffContent": "Alt yazıları aç"
     },
+    "startRealTimeTextButton": {
+        "onLabel": "Bu arama için RTT'yi aç",
+        "tooltipOnContent": "RTT bu arama için açıldı"
+    },
     "messageThread": {
         "yesterday": "Dün",
         "sunday": "Pazar",
@@ -616,6 +626,14 @@
             "title": "Mikrofonunuz devre dışı bırakıldı",
             "message": "Artık sesi açamazsınız.",
             "dismissButtonAriaLabel": "Kapat"
+        },
+        "togetherModeStarted": {
+            "title": "Togethermode başlatıldı",
+            "dismissButtonAriaLabel": "Kapat"
+        },
+        "togetherModeEnded": {
+            "title": "Togethermode sona erdi",
+            "dismissButtonAriaLabel": "Kapat"
         }
     },
     "videoGallery": {
@@ -668,11 +686,13 @@
         "participantStateRinging": "Aranıyor...",
         "participantReconnecting": "Yeniden bağlanıyor...",
         "participantStateHold": "Beklemede",
-        "moreOptionsButtonAriaLabel": "Diğer Seçenekler {displayName} {isMuted} {isHandRaised} {state} {isSpeaking}",
+        "moreOptionsButtonAriaLabel": "Diğer Seçenekler {displayName} {isMuted} {micDisabledState} {cameraDisabledState} {isHandRaised} {state} {isSpeaking}",
         "moreOptionsParticipantMutedStateMutedAriaLabel": "sesi kapalı",
         "moreOptionsParticipantMutedStateUnmutedAriaLabel": "sesi açık",
         "moreOptionsParticipantHandRaisedAriaLabel": "El kaldırdı",
-        "moreOptionsParticipantIsSpeakingAriaLabel": "Konuşuyor"
+        "moreOptionsParticipantIsSpeakingAriaLabel": "Konuşuyor",
+        "moreOptionsParticipantMicDisabledAriaLabel": "Mikrofon devre dışı",
+        "moreOptionsParticipantCameraDisabledAriaLabel": "Kamera devre dışı"
     },
     "CameraAndMicrophoneSitePermissionsRequest": {
         "primaryText": "{appName} uygulamasının kameranızı ve mikrofonunuzu kullanmasına izin verin",
@@ -813,10 +833,5 @@
         "incomingCallNotificationRejectButtonLabel": "Reddet",
         "incomingCallNotificationAccceptWithVideoButtonLabel": "Görüntülü Kabul Et",
         "incomingCallNotificationDismissButtonAriaLabel": "Kapat"
-    },
-    "rttDisclosureBanner": {
-        "bannerTitle": "RTT",
-        "bannerContent": "RTT (gerçek zamanlı metin) toplantı süresi boyunca tüm katılımcılar için etkindir.",
-        "bannerLinkLabel": "Daha fazla bilgi edinin"
     }
 }

package/dist/dist-esm/react-components/src/localization/locales/utils.js

@@ -8,7 +8,7 @@ import { _getKeys } from "../../../../acs-ui-common/src";
  */
 export const createComponentStrings = (localizedStrings) => {
     const strings = Object.assign({}, en_US);
-    _getKeys(localizedStrings).forEach((key) => {
+    _getKeys(localizedStrings).forEach(key => {
         // mark the value as unknown because the type changes based on the key.
         // this is unsafe at runtime as we could assign the wrong type based on the key here.
         // but typescript isn't smart enough to know that the key used across each access will result in the same type

package/dist/dist-esm/react-components/src/localization/locales/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/localization/locales/utils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,gBAA+C,EAAoB,EAAE;IAC1G,MAAM,OAAO,qBAA0B,KAAK,CAAE,CAAC;IAC/C,QAAQ,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACzC,uEAAuE;QACvE,qFAAqF;QACrF,8GAA8G;QAC7G,OAAmD,CAAC,GAAG,CAAC,mCAAQ,OAAO,CAAC,GAAG,CAAC,GAAK,gBAAgB,CAAC,GAAG,CAAC,CAAE,CAAC;IAC5G,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PartialDeep } from 'type-fest';\nimport { ComponentStrings } from '..';\nimport en_US from './en-US/strings.json';\nimport { _getKeys } from '@internal/acs-ui-common';\n\n/**\n *\n * @private\n */\nexport const createComponentStrings = (localizedStrings: PartialDeep<ComponentStrings>): ComponentStrings => {\n  const strings: ComponentStrings = { ...en_US };\n  _getKeys(localizedStrings).forEach((key) => {\n    // mark the value as unknown because the type changes based on the key.\n    // this is unsafe at runtime as we could assign the wrong type based on the key here.\n    // but typescript isn't smart enough to know that the key used across each access will result in the same type\n    (strings as Record<keyof ComponentStrings, unknown>)[key] = { ...strings[key], ...localizedStrings[key] };\n  });\n  return strings;\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/localization/locales/utils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,gBAA+C,EAAoB,EAAE;IAC1G,MAAM,OAAO,qBACR,KAAK,CACT,CAAC;IACF,QAAQ,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACvC,uEAAuE;QACvE,qFAAqF;QACrF,8GAA8G;QAC7G,OAAmD,CAAC,GAAG,CAAC,mCACpD,OAAO,CAAC,GAAG,CAAC,GACZ,gBAAgB,CAAC,GAAG,CAAC,CACzB,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PartialDeep } from 'type-fest';\nimport { ComponentStrings } from '..';\nimport en_US from './en-US/strings.json';\nimport { _getKeys } from '@internal/acs-ui-common';\n\n/**\n *\n * @private\n */\nexport const createComponentStrings = (localizedStrings: PartialDeep<ComponentStrings>): ComponentStrings => {\n  const strings: ComponentStrings = {\n    ...en_US\n  };\n  _getKeys(localizedStrings).forEach(key => {\n    // mark the value as unknown because the type changes based on the key.\n    // this is unsafe at runtime as we could assign the wrong type based on the key here.\n    // but typescript isn't smart enough to know that the key used across each access will result in the same type\n    (strings as Record<keyof ComponentStrings, unknown>)[key] = {\n      ...strings[key],\n      ...localizedStrings[key]\n    };\n  });\n  return strings;\n};"]}

package/dist/dist-esm/react-components/src/localization/locales/zh-CN/ComponentLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/localization/locales/zh-CN/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAGnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAsC,CAAC;CACxE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale, ComponentStrings } from '../..';\nimport zh_CN from './strings.json';\nimport { PartialDeep } from 'type-fest';\n\n/**\n * Locale for Chinese (Mainland China).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_ZH_CN: ComponentLocale = {\n  strings: createComponentStrings(zh_CN as PartialDeep<ComponentStrings>)\n};\n"]}
+{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-components/src/localization/locales/zh-CN/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAGnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAsC,CAAC;CACxE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale, ComponentStrings } from '../..';\nimport zh_CN from './strings.json';\nimport { PartialDeep } from 'type-fest';\n\n/**\n * Locale for Chinese (Mainland China).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_ZH_CN: ComponentLocale = {\n  strings: createComponentStrings(zh_CN as PartialDeep<ComponentStrings>)\n};"]}

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

@@ -9,9 +9,11 @@
         "displayNamePlaceholder": "未命名的参与者",
         "participantStateRinging": "正在呼叫...",
         "participantStateHold": "保留",
-        "participantItemAriaLabel": "{displayName}、{handRaisedState}、{mutedState}、{sharingState}、{connectionState}",
-        "participantItemWithMoreOptionsAriaLabel": "{displayName}、{handRaisedState}、{mutedState}、{sharingState}、{connectionState}、更多选项",
-        "attendeeRole": "与会者"
+        "participantItemAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {micDisabledState}, {cameraDisabledState}, {sharingState}, {connectionState}",
+        "participantItemWithMoreOptionsAriaLabel": "{displayName}、{handRaisedState}、{mutedState}、{micDisabledState}、{cameraDisabledState}、{sharingState}、{connectionState}、更多选项",
+        "attendeeRole": "与会者",
+        "micDisabledIconLabel": "麦克风已禁用",
+        "cameraDisabledIconLabel": "相机已禁用"
     },
     "ParticipantList": {
         "overflowParticipantCount": "和另外 {overflowCount} 人"
@@ -69,16 +71,20 @@
         "richTextBulletedListAppliedAnnouncement": "已应用项目符号列表",
         "richTextNumberedListAppliedAnnouncement": "已应用编号列表"
     },
-    "rttModal": {
-        "rttModalAriaLabel": "打开 RTT 模式",
-        "rttModalTitle": "是否启用 RTT?",
-        "rttModalText": "将为会议中的每个人启用实时文本 (RTT)。",
-        "rttConfirmButtonLabel": "启用",
-        "rttCancelButtonLabel": "取消",
-        "rttCloseModalButtonAriaLabel": "关闭 RTT 模式"
+    "realTimeTextModal": {
+        "realTimeTextModalAriaLabel": "打开 RTT 模式",
+        "realTimeTextModalTitle": "是否启用 RTT?",
+        "realTimeTextModalText": "将为会议中的每个人启用实时文本 (RTT)。",
+        "realTimeTextConfirmButtonLabel": "启用",
+        "realTimeTextCancelButtonLabel": "取消",
+        "realTimeTextCloseModalButtonAriaLabel": "关闭 RTT 模式"
     },
     "captionsBanner": {
-        "captionsBannerSpinnerText": "正在启动字幕..."
+        "captionsBannerSpinnerText": "正在启动字幕...",
+        "realTimeTextInputBoxDefaultText": "实时键入消息",
+        "realTimeTextBannerTitle": "RTT",
+        "realTimeTextBannerContent": "RTT (在会议的整个持续时间内为所有参与者启用实时文本)。",
+        "realTimeTextBannerLinkLabel": "了解详情"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "建议"
@@ -86,7 +92,7 @@
     "imageOverlay": {
         "downloadButtonLabel": "下载",
         "dismissButtonAriaLabel": "关闭",
-        "overlayVisibleMessage": "Image Details Overlay"
+        "overlayVisibleMessage": "图像详细信息覆盖"
     },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "已发送消息",
@@ -195,7 +201,7 @@
         "applauseReactionTooltipContent": "鼓掌",
         "surprisedReactionTooltipContent": "惊讶"
     },
-    "rtt": {
+    "realTimeText": {
         "isTypingText": "RTT 键入"
     },
     "captionsSettingsModal": {
@@ -292,6 +298,10 @@
         "tooltipOnContent": "关闭辅助字幕",
         "tooltipOffContent": "开启字幕"
     },
+    "startRealTimeTextButton": {
+        "onLabel": "为此通话启用 RTT",
+        "tooltipOnContent": "已为此呼叫启用 RTT"
+    },
     "messageThread": {
         "yesterday": "昨天",
         "sunday": "星期日",
@@ -616,6 +626,14 @@
             "title": "已禁用麦克风",
             "message": "你无法再取消静音。",
             "dismissButtonAriaLabel": "关闭"
+        },
+        "togetherModeStarted": {
+            "title": "Togethermode 已启动",
+            "dismissButtonAriaLabel": "关闭"
+        },
+        "togetherModeEnded": {
+            "title": "Togethermode 已结束",
+            "dismissButtonAriaLabel": "关闭"
         }
     },
     "videoGallery": {
@@ -668,11 +686,13 @@
         "participantStateRinging": "正在呼叫...",
         "participantReconnecting": "正在重新连接...",
         "participantStateHold": "保留",
-        "moreOptionsButtonAriaLabel": "更多选项 {displayName} {isMuted} {isHandRaised} {state} {isSpeaking}",
+        "moreOptionsButtonAriaLabel": "更多选项 {displayName} {isMuted} {micDisabledState} {cameraDisabledState} {isHandRaised} {state} {isSpeaking}",
         "moreOptionsParticipantMutedStateMutedAriaLabel": "已静音",
         "moreOptionsParticipantMutedStateUnmutedAriaLabel": "已取消静音",
         "moreOptionsParticipantHandRaisedAriaLabel": "已举手",
-        "moreOptionsParticipantIsSpeakingAriaLabel": "讲话"
+        "moreOptionsParticipantIsSpeakingAriaLabel": "讲话",
+        "moreOptionsParticipantMicDisabledAriaLabel": "麦克风已禁用",
+        "moreOptionsParticipantCameraDisabledAriaLabel": "相机已禁用"
     },
     "CameraAndMicrophoneSitePermissionsRequest": {
         "primaryText": "允许{appName}使用你的相机和麦克风",
@@ -813,10 +833,5 @@
         "incomingCallNotificationRejectButtonLabel": "拒绝",
         "incomingCallNotificationAccceptWithVideoButtonLabel": "使用视频接受",
         "incomingCallNotificationDismissButtonAriaLabel": "关闭"
-    },
-    "rttDisclosureBanner": {
-        "bannerTitle": "RTT",
-        "bannerContent": "RTT (在会议的整个持续时间内为所有参与者启用实时文本)。",
-        "bannerLinkLabel": "了解详细信息"
     }
 }

package/dist/dist-esm/react-components/src/localization/locales/zh-TW/ComponentLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/localization/locales/zh-TW/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAGnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAsC,CAAC;CACxE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale, ComponentStrings } from '../..';\nimport zh_TW from './strings.json';\nimport { PartialDeep } from 'type-fest';\n\n/**\n * Locale for Chinese (Taiwan).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_ZH_TW: ComponentLocale = {\n  strings: createComponentStrings(zh_TW as PartialDeep<ComponentStrings>)\n};\n"]}
+{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-components/src/localization/locales/zh-TW/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAGnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAsC,CAAC;CACxE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale, ComponentStrings } from '../..';\nimport zh_TW from './strings.json';\nimport { PartialDeep } from 'type-fest';\n\n/**\n * Locale for Chinese (Taiwan).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_ZH_TW: ComponentLocale = {\n  strings: createComponentStrings(zh_TW as PartialDeep<ComponentStrings>)\n};"]}

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

@@ -9,9 +9,11 @@
         "displayNamePlaceholder": "未命名的參與者",
         "participantStateRinging": "撥號中...",
         "participantStateHold": "電話保留",
-        "participantItemAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {sharingState}, {connectionState}",
-        "participantItemWithMoreOptionsAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {sharingState}, {connectionState}, 更多選項",
-        "attendeeRole": "出席者"
+        "participantItemAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {micDisabledState}, {cameraDisabledState}, {sharingState}, {connectionState}",
+        "participantItemWithMoreOptionsAriaLabel": "{displayName}、{handRaisedState}、{mutedState}、{micDisabledState}、{cameraDisabledState}、{sharingState}、{connectionState}、其他選項",
+        "attendeeRole": "出席者",
+        "micDisabledIconLabel": "已停用麥克風",
+        "cameraDisabledIconLabel": "已停用相機"
     },
     "ParticipantList": {
         "overflowParticipantCount": "多出 {overflowCount} 個"
@@ -69,16 +71,20 @@
         "richTextBulletedListAppliedAnnouncement": "已套用項目符號清單",
         "richTextNumberedListAppliedAnnouncement": "已套用編號清單"
     },
-    "rttModal": {
-        "rttModalAriaLabel": "開啟 RTT 強制回應",
-        "rttModalTitle": "開啟 RTT?",
-        "rttModalText": "將為會議中的每個人開啟即時文字 (RTT)。",
-        "rttConfirmButtonLabel": "開啟",
-        "rttCancelButtonLabel": "取消",
-        "rttCloseModalButtonAriaLabel": "關閉 RTT 強制回應"
+    "realTimeTextModal": {
+        "realTimeTextModalAriaLabel": "開啟 RTT 強制回應",
+        "realTimeTextModalTitle": "開啟 RTT?",
+        "realTimeTextModalText": "將為會議中的每個人開啟即時文字 (RTT)。",
+        "realTimeTextConfirmButtonLabel": "開啟",
+        "realTimeTextCancelButtonLabel": "取消",
+        "realTimeTextCloseModalButtonAriaLabel": "關閉 RTT 強制回應"
     },
     "captionsBanner": {
-        "captionsBannerSpinnerText": "正在啟動輔助字幕..."
+        "captionsBannerSpinnerText": "正在啟動輔助字幕...",
+        "realTimeTextInputBoxDefaultText": "即時輸入訊息",
+        "realTimeTextBannerTitle": "即時輸入",
+        "realTimeTextBannerContent": "已為整個會議期間的所有參與者啟用 RTT (即時文字)。",
+        "realTimeTextBannerLinkLabel": "深入了解"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "建議"
@@ -86,7 +92,7 @@
     "imageOverlay": {
         "downloadButtonLabel": "下載",
         "dismissButtonAriaLabel": "關閉",
-        "overlayVisibleMessage": "Image Details Overlay"
+        "overlayVisibleMessage": "影像詳細資料覆疊"
     },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "訊息已傳送",
@@ -195,7 +201,7 @@
         "applauseReactionTooltipContent": "鼓掌",
         "surprisedReactionTooltipContent": "驚訝"
     },
-    "rtt": {
+    "realTimeText": {
         "isTypingText": "RTT 輸入"
     },
     "captionsSettingsModal": {
@@ -292,6 +298,10 @@
         "tooltipOnContent": "關閉字幕",
         "tooltipOffContent": "開啟字幕"
     },
+    "startRealTimeTextButton": {
+        "onLabel": "開啟此通話的即時輸入",
+        "tooltipOnContent": "已針對此通話開啟 RTT"
+    },
     "messageThread": {
         "yesterday": "昨天",
         "sunday": "星期日",
@@ -616,6 +626,14 @@
             "title": "您的麥克風已停用",
             "message": "您無法再取消靜音。",
             "dismissButtonAriaLabel": "關閉"
+        },
+        "togetherModeStarted": {
+            "title": "[在一起模式] 已啟動",
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "togetherModeEnded": {
+            "title": "[在一起模式] 已結束",
+            "dismissButtonAriaLabel": "關閉"
         }
     },
     "videoGallery": {
@@ -668,11 +686,13 @@
         "participantStateRinging": "撥號中...",
         "participantReconnecting": "正在重新連線...",
         "participantStateHold": "電話保留",
-        "moreOptionsButtonAriaLabel": "其他選項 {displayName} {isMuted} {isHandRaised} {state} {isSpeaking}",
+        "moreOptionsButtonAriaLabel": "其他選項 {displayName} {isMuted} {micDisabledState} {cameraDisabledState} {isHandRaised} {state} {isSpeaking}",
         "moreOptionsParticipantMutedStateMutedAriaLabel": "已靜音",
         "moreOptionsParticipantMutedStateUnmutedAriaLabel": "已取消靜音",
         "moreOptionsParticipantHandRaisedAriaLabel": "已舉手",
-        "moreOptionsParticipantIsSpeakingAriaLabel": "說話"
+        "moreOptionsParticipantIsSpeakingAriaLabel": "說話",
+        "moreOptionsParticipantMicDisabledAriaLabel": "已停用麥克風",
+        "moreOptionsParticipantCameraDisabledAriaLabel": "已停用相機"
     },
     "CameraAndMicrophoneSitePermissionsRequest": {
         "primaryText": "允許 {appName} 使用您的相機和麥克風",
@@ -813,10 +833,5 @@
         "incomingCallNotificationRejectButtonLabel": "拒絕",
         "incomingCallNotificationAccceptWithVideoButtonLabel": "接受並開啟視訊",
         "incomingCallNotificationDismissButtonAriaLabel": "關閉"
-    },
-    "rttDisclosureBanner": {
-        "bannerTitle": "即時輸入",
-        "bannerContent": "已為整個會議期間的所有參與者啟用 RTT (即時文字)。",
-        "bannerLinkLabel": "深入了解"
     }
 }

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

@@ -37,10 +37,12 @@ export const FluentThemeProvider = (props) => {
     const { fluentTheme, rtl, children, rootStyle } = props;
     const fluentV8Theme = useMemo(() => {
         const mergedTheme = mergeThemes(defaultTheme, fluentTheme);
-        return mergeThemes(mergedTheme, { rtl });
+        return mergeThemes(mergedTheme, {
+            rtl
+        });
     }, [fluentTheme, rtl]);
-    return (React.createElement(ThemeContext.Provider, { value: fluentV8Theme },
-        React.createElement(ThemeProvider, { theme: fluentV8Theme, className: wrapper, style: rootStyle }, children)));
+    return React.createElement(ThemeContext.Provider, { value: fluentV8Theme },
+        React.createElement(ThemeProvider, { theme: fluentV8Theme, className: wrapper, style: rootStyle }, children));
 };
 /**
  * React hook to access theme

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

@@ -1 +1 @@
-{"version":3,"file":"FluentThemeProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/FluentThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,aAAa,EAAuB,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAqBtC,MAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;IAChB,uDAAuD;IACvD,GAAG,EAAE;QACH,SAAS,EAAE,YAAY;KACxB;IACD,UAAU,EAAE;QACV,SAAS,EAAE,YAAY;KACxB;IACD,SAAS,EAAE;QACT,SAAS,EAAE,YAAY;KACxB;IACD,yEAAyE;IACzE,UAAU,EAAE;QACV,OAAO,EAAE,gBAAgB;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,qBACb,WAAW,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,CACvC,CAAC;AAEF,mDAAmD;AACnD,MAAM,YAAY,GAAG,aAAa,CAAQ,YAAY,CAAC,CAAC;AAExD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAExD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,WAAW,GAAG,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QAC3D,OAAO,WAAW,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QACzC,oBAAC,aAAa,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,IACtE,QAAQ,CACK,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, useMemo } from 'react';\nimport { ThemeProvider, PartialTheme, Theme, getTheme, mergeThemes, mergeStyles } from '@fluentui/react';\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  /** Optional style to change the root style of the ThemeProvider */\n  rootStyle?: React.CSSProperties | undefined;\n}\n\nconst wrapper = mergeStyles({\n  height: '100%',\n  width: '100%',\n  overflow: 'auto',\n  // Add NorthStar styling used previously in the library\n  '*': {\n    boxSizing: 'border-box'\n  },\n  '*:before': {\n    boxSizing: 'border-box'\n  },\n  '*:after': {\n    boxSizing: 'border-box'\n  },\n  /* Adding priority for HTML `hidden` attribute to be applied correctly */\n  '[hidden]': {\n    display: 'none!important'\n  }\n});\n\nconst defaultTheme: Theme = {\n  ...mergeThemes(getTheme(), lightTheme)\n};\n\n/** Theme context for library's react components */\nconst ThemeContext = createContext<Theme>(defaultTheme);\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, mixing v8 and v9 controls.\n * This provider handles applying any theme provided to the underlying Fluent UI controls. *\n * @public\n */\nexport const FluentThemeProvider = (props: FluentThemeProviderProps): JSX.Element => {\n  const { fluentTheme, rtl, children, rootStyle } = props;\n\n  const fluentV8Theme = useMemo(() => {\n    const mergedTheme = mergeThemes(defaultTheme, fluentTheme);\n    return mergeThemes(mergedTheme, { rtl });\n  }, [fluentTheme, rtl]);\n\n  return (\n    <ThemeContext.Provider value={fluentV8Theme}>\n      <ThemeProvider theme={fluentV8Theme} className={wrapper} style={rootStyle}>\n        {children}\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"]}
+{"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,OAAO,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,aAAa,EAAuB,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAoBtC,MAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;IAChB,uDAAuD;IACvD,GAAG,EAAE;QACH,SAAS,EAAE,YAAY;KACxB;IACD,UAAU,EAAE;QACV,SAAS,EAAE,YAAY;KACxB;IACD,SAAS,EAAE;QACT,SAAS,EAAE,YAAY;KACxB;IACD,yEAAyE;IACzE,UAAU,EAAE;QACV,OAAO,EAAE,gBAAgB;KAC1B;CACF,CAAC,CAAC;AACH,MAAM,YAAY,qBACb,WAAW,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,CACvC,CAAC;AAEF,mDAAmD;AACnD,MAAM,YAAY,GAAG,aAAa,CAAQ,YAAY,CAAC,CAAC;AAExD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,EACJ,WAAW,EACX,GAAG,EACH,QAAQ,EACR,SAAS,EACV,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,WAAW,GAAG,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QAC3D,OAAO,WAAW,CAAC,WAAW,EAAE;YAC9B,GAAG;SACJ,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC;IACvB,OAAO,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QAC9C,oBAAC,aAAa,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,IACtE,QAAQ,CACK,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, useMemo } from 'react';\nimport { ThemeProvider, PartialTheme, Theme, getTheme, mergeThemes, mergeStyles } from '@fluentui/react';\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  /** Optional style to change the root style of the ThemeProvider */\n  rootStyle?: React.CSSProperties | undefined;\n}\nconst wrapper = mergeStyles({\n  height: '100%',\n  width: '100%',\n  overflow: 'auto',\n  // Add NorthStar styling used previously in the library\n  '*': {\n    boxSizing: 'border-box'\n  },\n  '*:before': {\n    boxSizing: 'border-box'\n  },\n  '*:after': {\n    boxSizing: 'border-box'\n  },\n  /* Adding priority for HTML `hidden` attribute to be applied correctly */\n  '[hidden]': {\n    display: 'none!important'\n  }\n});\nconst defaultTheme: Theme = {\n  ...mergeThemes(getTheme(), lightTheme)\n};\n\n/** Theme context for library's react components */\nconst ThemeContext = createContext<Theme>(defaultTheme);\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, mixing v8 and v9 controls.\n * This provider handles applying any theme provided to the underlying Fluent UI controls. *\n * @public\n */\nexport const FluentThemeProvider = (props: FluentThemeProviderProps): JSX.Element => {\n  const {\n    fluentTheme,\n    rtl,\n    children,\n    rootStyle\n  } = props;\n  const fluentV8Theme = useMemo(() => {\n    const mergedTheme = mergeThemes(defaultTheme, fluentTheme);\n    return mergeThemes(mergedTheme, {\n      rtl\n    });\n  }, [fluentTheme, rtl]);\n  return <ThemeContext.Provider value={fluentV8Theme}>\n      <ThemeProvider theme={fluentV8Theme} className={wrapper} style={rootStyle}>\n        {children}\n      </ThemeProvider>\n    </ThemeContext.Provider>;\n};\n\n/**\n * React hook to access theme\n *\n * @public\n */\nexport const useTheme = (): Theme => useContext(ThemeContext);"]}

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

@@ -22,8 +22,8 @@ export const FluentV9ThemeProvider = (props) => {
     React.createElement(TextDirectionProvider, { dir: dir },
         React.createElement(FluentProviderWithStylesOverrides, { theme: v9Theme, dir: dir, className: className }, children)));
 };
-const FluentProviderWithStylesOverrides = (props) => {
+const FluentProviderWithStylesOverrides = props => {
     const classes = useFluentV9Wrapper();
-    return (React.createElement(FluentProvider, Object.assign({}, props, { className: mergeClasses(props.className, classes.body), applyStylesToPortals: false })));
+    return React.createElement(FluentProvider, Object.assign({}, props, { className: mergeClasses(props.className, classes.body), applyStylesToPortals: false }));
 };
 //# sourceMappingURL=FluentV9ThemeProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FluentV9ThemeProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/FluentV9ThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAuB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEvH,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAevD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC;IAC3C,IAAI,4DACF,MAAM,EAAE,MAAM,IACX,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,GACpB,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC7B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,KACxB,KAAK,EAAE,MAAM,GACd;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAe,EAAE;IACtF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACxC,OAAO;IACL,6FAA6F;IAC7F,oBAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG;QAE7B,oBAAC,iCAAiC,IAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,IAC9E,QAAQ,CACyB,CACd,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iCAAiC,GAAkC,CAAC,KAAK,EAAE,EAAE;IACjF,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IACrC,OAAO,CACL,oBAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,oBAAoB,EAAE,KAAK,IAAI,CACnH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { makeStyles, shorthands, FluentProvider, FluentProviderProps, mergeClasses } from '@fluentui/react-components';\nimport { Theme as ThemeV8 } from '@fluentui/react';\nimport { createV9Theme } from './v9ThemeShim';\nimport { TextDirectionProvider } from '@griffel/react';\n\n/**\n * Props for {@link FluentThemeProvider}.\n *\n * @private\n */\nexport interface FluentV9ThemeProviderProps {\n  /** Children to be themed. */\n  children: React.ReactNode;\n  /** FluentUI v8 theme to be mapped to FluentUI v9 theme */\n  v8Theme: ThemeV8;\n  className?: string;\n}\n\n/**\n * @private\n */\nexport const useFluentV9Wrapper = makeStyles({\n  body: {\n    height: '100%',\n    ...shorthands.margin(0),\n    ...shorthands.overflow('hidden'),\n    ...shorthands.padding(0),\n    width: '100%'\n  }\n});\n\n/**\n * @private\n */\nexport const FluentV9ThemeProvider = (props: FluentV9ThemeProviderProps): JSX.Element => {\n  const { v8Theme, children, className } = props;\n  const v9Theme = createV9Theme(v8Theme);\n  const dir = v8Theme.rtl ? 'rtl' : 'ltr';\n  return (\n    // TextDirectionProvider is needed to fix issue with direction value update in FluentProvider\n    <TextDirectionProvider dir={dir}>\n      {/* Wrapper is required to call \"useClasses\" hook with proper context values */}\n      <FluentProviderWithStylesOverrides theme={v9Theme} dir={dir} className={className}>\n        {children}\n      </FluentProviderWithStylesOverrides>\n    </TextDirectionProvider>\n  );\n};\n\nconst FluentProviderWithStylesOverrides: React.FC<FluentProviderProps> = (props) => {\n  const classes = useFluentV9Wrapper();\n  return (\n    <FluentProvider {...props} className={mergeClasses(props.className, classes.body)} applyStylesToPortals={false} />\n  );\n};\n"]}
+{"version":3,"file":"FluentV9ThemeProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/FluentV9ThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAuB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEvH,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAevD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC;IAC3C,IAAI,4DACF,MAAM,EAAE,MAAM,IACX,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,GACpB,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC7B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,KACxB,KAAK,EAAE,MAAM,GACd;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAe,EAAE;IACtF,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACV,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACxC,OAAO;IACL,6FAA6F;IAC7F,oBAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG;QAE7B,oBAAC,iCAAiC,IAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,IAC9E,QAAQ,CACyB,CACd,CACzB,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,iCAAiC,GAAkC,KAAK,CAAC,EAAE;IAC/E,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IACrC,OAAO,oBAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;AAC5H,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { makeStyles, shorthands, FluentProvider, FluentProviderProps, mergeClasses } from '@fluentui/react-components';\nimport { Theme as ThemeV8 } from '@fluentui/react';\nimport { createV9Theme } from './v9ThemeShim';\nimport { TextDirectionProvider } from '@griffel/react';\n\n/**\n * Props for {@link FluentThemeProvider}.\n *\n * @private\n */\nexport interface FluentV9ThemeProviderProps {\n  /** Children to be themed. */\n  children: React.ReactNode;\n  /** FluentUI v8 theme to be mapped to FluentUI v9 theme */\n  v8Theme: ThemeV8;\n  className?: string;\n}\n\n/**\n * @private\n */\nexport const useFluentV9Wrapper = makeStyles({\n  body: {\n    height: '100%',\n    ...shorthands.margin(0),\n    ...shorthands.overflow('hidden'),\n    ...shorthands.padding(0),\n    width: '100%'\n  }\n});\n\n/**\n * @private\n */\nexport const FluentV9ThemeProvider = (props: FluentV9ThemeProviderProps): JSX.Element => {\n  const {\n    v8Theme,\n    children,\n    className\n  } = props;\n  const v9Theme = createV9Theme(v8Theme);\n  const dir = v8Theme.rtl ? 'rtl' : 'ltr';\n  return (\n    // TextDirectionProvider is needed to fix issue with direction value update in FluentProvider\n    <TextDirectionProvider dir={dir}>\n      {/* Wrapper is required to call \"useClasses\" hook with proper context values */}\n      <FluentProviderWithStylesOverrides theme={v9Theme} dir={dir} className={className}>\n        {children}\n      </FluentProviderWithStylesOverrides>\n    </TextDirectionProvider>\n  );\n};\nconst FluentProviderWithStylesOverrides: React.FC<FluentProviderProps> = props => {\n  const classes = useFluentV9Wrapper();\n  return <FluentProvider {...props} className={mergeClasses(props.className, classes.body)} applyStylesToPortals={false} />;\n};"]}

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

@@ -42,21 +42,7 @@ export const _generateTheme = (accentColor, variant) => {
     return generatedTheme;
 };
 const getForegroundColors = (isDark) => {
-    const foregroundColorKeys = [
-        'neutralLighterAlt',
-        'neutralLighter',
-        'neutralLight',
-        'neutralQuaternaryAlt',
-        'neutralQuaternary',
-        'neutralTertiaryAlt',
-        'neutralTertiary',
-        'neutralSecondaryAlt',
-        'neutralSecondary',
-        'neutralPrimaryAlt',
-        'neutralPrimary',
-        'neutralDark',
-        'black'
-    ];
+    const foregroundColorKeys = ['neutralLighterAlt', 'neutralLighter', 'neutralLight', 'neutralQuaternaryAlt', 'neutralQuaternary', 'neutralTertiaryAlt', 'neutralTertiary', 'neutralSecondaryAlt', 'neutralSecondary', 'neutralPrimaryAlt', 'neutralPrimary', 'neutralDark', 'black'];
     const baseTheme = isDark ? darkTheme : lightTheme;
     return foregroundColorKeys.reduce((acc, key) => {
         var _a;