@azure/communication-react 1.22.0-alpha-202412180017 → 1.22.0

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

@@ -5,9 +5,12 @@
         "removeButtonLabel": "删除",
         "sharingIconLabel": "共享",
         "mutedIconLabel": "已静音",
+        "handRaisedIconLabel": "已举手 - 位置 {position}",
         "displayNamePlaceholder": "未命名的参与者",
         "participantStateRinging": "正在呼叫...",
         "participantStateHold": "保留",
+        "participantItemAriaLabel": "{displayName}、{handRaisedState}、{mutedState}、{sharingState}、{connectionState}",
+        "participantItemWithMoreOptionsAriaLabel": "{displayName}、{handRaisedState}、{mutedState}、{sharingState}、{connectionState}、更多选项",
         "attendeeRole": "与会者"
     },
     "ParticipantList": {
@@ -74,6 +77,9 @@
         "rttCancelButtonLabel": "取消",
         "rttCloseModalButtonAriaLabel": "关闭 RTT 模式"
     },
+    "captionsBanner": {
+        "captionsBannerSpinnerText": "正在启动字幕..."
+    },
     "mentionPopover": {
         "mentionPopoverHeader": "建议"
     },
@@ -155,6 +161,7 @@
     },
     "participantsButton": {
         "label": "人员",
+        "ariaLabel": "人脉",
         "tooltipContent": "显示参与者",
         "menuHeader": "在此通话中",
         "participantsListButtonLabel": "{numParticipants} 人",
@@ -178,7 +185,7 @@
     },
     "reactionButton": {
         "label": "回应",
-        "ariaLabel": "回应按钮，发送回应",
+        "ariaLabel": "回应",
         "tooltipDisabledContent": "已禁用表情符号操作",
         "tooltipContent": "发送表情符号",
         "likeReactionTooltipContent": "点赞",
@@ -190,6 +197,100 @@
     "rtt": {
         "isTypingText": "RTT 键入"
     },
+    "captionsSettingsModal": {
+        "captionsSettingsModalTitle": "字幕设置",
+        "captionsSettingsSpokenLanguageDropdownLabel": "口语",
+        "captionsSettingsCaptionLanguageDropdownLabel": "辅助字幕语言",
+        "captionsSettingsSpokenLanguageDropdownInfoText": "此通话中的每个人都在讲的语言。",
+        "captionsSettingsCaptionLanguageDropdownInfoText": "字幕将以此语言显示。",
+        "captionsSettingsConfirmButtonLabel": "确认",
+        "captionsSettingsCancelButtonLabel": "取消",
+        "captionsSettingsModalAriaLabel": "字幕设置模式",
+        "captionsSettingsCloseModalButtonAriaLabel": "关闭字幕设置"
+    },
+    "spokenLanguages": {
+        "ar-ae": "阿拉伯语 - 阿拉伯联合酋长国",
+        "ar-sa": "阿拉伯语 - 沙特阿拉伯",
+        "da-dk": "丹麦语",
+        "de-de": "德语 - 德国",
+        "en-au": "英语 - 澳大利亚",
+        "en-ca": "英语 - 加拿大",
+        "en-gb": "英语 - 英国",
+        "en-in": "英语 - 印度",
+        "en-nz": "英语 - 新西兰",
+        "en-us": "英语 - 美国",
+        "es-es": "西班牙语 - 西班牙(现代风格)",
+        "es-mx": "西班牙语 - 墨西哥",
+        "fi-fi": "芬兰语",
+        "fr-ca": "法语 - 加拿大",
+        "fr-fr": "法语 - 法国",
+        "hi-in": "印地语",
+        "it-it": "意大利语–意大利",
+        "ja-jp": "日语",
+        "ko-kr": "韩语",
+        "nb-no": "挪威语(博克马尔语)",
+        "nl-be": "荷兰语 - 比利时",
+        "nl-nl": "荷兰语 - 荷兰",
+        "pl-pl": "波兰语",
+        "pt-br": "葡萄牙语 - 巴西",
+        "ru-ru": "俄语",
+        "sv-se": "瑞典语",
+        "zh-cn": "中文 - 中华人民共和国",
+        "zh-hk": "中文 - 香港特别行政区",
+        "cs-cz": "捷克语",
+        "pt-pt": "葡萄牙语 - 葡萄牙",
+        "tr-tr": "土耳其语",
+        "vi-vn": "越南语",
+        "th-th": "泰语",
+        "he-il": "希伯来语",
+        "cy-gb": "威尔士语",
+        "uk-ua": "乌克兰语",
+        "el-gr": "希腊语",
+        "hu-hu": "匈牙利语",
+        "ro-ro": "罗马尼亚语",
+        "sk-sk": "斯洛伐克",
+        "zh-tw": "中文 – 台湾"
+    },
+    "captionLanguages": {
+        "ar": "阿拉伯语",
+        "da": "丹麦语",
+        "de": "德语",
+        "en": "英语",
+        "es": "西班牙语",
+        "fi": "芬兰语",
+        "fr-ca": "法语 - 加拿大",
+        "fr": "法语 - 法国",
+        "hi": "印地语",
+        "it": "意大利语",
+        "ja": "日语",
+        "ko": "韩语",
+        "nb": "挪威语(博克马尔语)",
+        "nl": "荷兰语",
+        "pl": "波兰语",
+        "pt": "葡萄牙语 - 巴西",
+        "ru": "俄语",
+        "sv": "瑞典语",
+        "zh-Hans": "简体中文",
+        "zh-Hant": "中文(繁体)",
+        "cs": "捷克语",
+        "pt-pt": "葡萄牙语 - 葡萄牙",
+        "tr": "土耳其语",
+        "vi": "越南语",
+        "th": "泰语",
+        "he": "希伯来语",
+        "cy": "威尔士语",
+        "uk": "乌克兰语",
+        "el": "希腊语",
+        "hu": "匈牙利语",
+        "ro": "罗马尼亚语",
+        "sk": "斯洛伐克"
+    },
+    "startCaptionsButton": {
+        "onLabel": "开启字幕",
+        "offLabel": "关闭辅助字幕",
+        "tooltipOnContent": "关闭辅助字幕",
+        "tooltipOffContent": "开启字幕"
+    },
     "messageThread": {
         "yesterday": "昨天",
         "sunday": "星期日",
@@ -494,6 +595,26 @@
             "title": "分组讨论室时间限制即将过期。",
             "message": "此分组讨论室将在 30 秒内关闭",
             "dismissButtonAriaLabel": "关闭"
+        },
+        "capabilityTurnVideoOnPresent": {
+            "title": "已启用你的摄像头",
+            "message": "如果想要共享视频，请将其打开。",
+            "dismissButtonAriaLabel": "关闭"
+        },
+        "capabilityTurnVideoOnAbsent": {
+            "title": "你的摄像头已被禁用",
+            "message": "你无法再共享视频。",
+            "dismissButtonAriaLabel": "关闭"
+        },
+        "capabilityUnmuteMicPresent": {
+            "title": "已启用麦克风",
+            "message": "你想说话时，请取消静音。",
+            "dismissButtonAriaLabel": "关闭"
+        },
+        "capabilityUnmuteMicAbsent": {
+            "title": "已禁用麦克风",
+            "message": "你无法再取消静音。",
+            "dismissButtonAriaLabel": "关闭"
         }
     },
     "videoGallery": {
@@ -522,7 +643,15 @@
         "stopSpotlightOnSelfVideoTileMenuLabel": "退出聚焦",
         "attendeeRole": "与会者",
         "muteParticipantMenuItemLabel": "静音",
-        "waitingScreenText": "正在等待其他人加入"
+        "waitingScreenText": "正在等待其他人加入",
+        "forbidAudio": "禁用麦克风",
+        "permitAudio": "允许使用麦克风",
+        "forbidAudioTileMenuLabel": "禁用麦克风",
+        "permitAudioTileMenuLabel": "允许使用麦克风",
+        "forbidVideo": "禁用摄像头",
+        "permitVideo": "允许使用摄像头",
+        "forbidVideoTileMenuLabel": "禁用摄像头",
+        "permitVideoTileMenuLabel": "允许使用摄像头"
     },
     "dialpad": {
         "placeholderText": "输入电话号码",

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

@@ -5,9 +5,12 @@
         "removeButtonLabel": "移除",
         "sharingIconLabel": "分享",
         "mutedIconLabel": "已靜音",
+        "handRaisedIconLabel": "舉手- 位置 {position}",
         "displayNamePlaceholder": "未命名的參與者",
         "participantStateRinging": "撥號中...",
         "participantStateHold": "電話保留",
+        "participantItemAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {sharingState}, {connectionState}",
+        "participantItemWithMoreOptionsAriaLabel": "{displayName}, {handRaisedState}, {mutedState}, {sharingState}, {connectionState}, 更多選項",
         "attendeeRole": "出席者"
     },
     "ParticipantList": {
@@ -74,6 +77,9 @@
         "rttCancelButtonLabel": "取消",
         "rttCloseModalButtonAriaLabel": "關閉 RTT 強制回應"
     },
+    "captionsBanner": {
+        "captionsBannerSpinnerText": "正在啟動輔助字幕..."
+    },
     "mentionPopover": {
         "mentionPopoverHeader": "建議"
     },
@@ -155,6 +161,7 @@
     },
     "participantsButton": {
         "label": "人員",
+        "ariaLabel": "人員",
         "tooltipContent": "顯示參與者",
         "menuHeader": "在此通話中",
         "participantsListButtonLabel": "{numParticipants} 人員",
@@ -178,7 +185,7 @@
     },
     "reactionButton": {
         "label": "傳送表情符號",
-        "ariaLabel": "表情符號按鈕，傳送表情符號",
+        "ariaLabel": "傳送表情符號",
         "tooltipDisabledContent": "已停用表情符號動作",
         "tooltipContent": "傳送表情符號",
         "likeReactionTooltipContent": "按讚",
@@ -190,6 +197,100 @@
     "rtt": {
         "isTypingText": "RTT 輸入"
     },
+    "captionsSettingsModal": {
+        "captionsSettingsModalTitle": "字幕設定",
+        "captionsSettingsSpokenLanguageDropdownLabel": "口語語言",
+        "captionsSettingsCaptionLanguageDropdownLabel": "字幕語言",
+        "captionsSettingsSpokenLanguageDropdownInfoText": "此通話中的每個人在說的語言。",
+        "captionsSettingsCaptionLanguageDropdownInfoText": "字幕將以此語言顯示。",
+        "captionsSettingsConfirmButtonLabel": "確認",
+        "captionsSettingsCancelButtonLabel": "取消",
+        "captionsSettingsModalAriaLabel": "字幕設定模式",
+        "captionsSettingsCloseModalButtonAriaLabel": "關閉字幕設定"
+    },
+    "spokenLanguages": {
+        "ar-ae": "阿拉伯文 - 阿拉伯聯合大公國",
+        "ar-sa": "阿拉伯文 - 沙烏地阿拉伯",
+        "da-dk": "丹麥文",
+        "de-de": "德文 - 德國",
+        "en-au": "英文 - 澳大利亞",
+        "en-ca": "英文 - 加拿大",
+        "en-gb": "英文 - 英國",
+        "en-in": "英文 - 印度",
+        "en-nz": "英文 - 紐西蘭",
+        "en-us": "英文 - 美國",
+        "es-es": "西班牙文 - 西班牙 (現代排序)",
+        "es-mx": "西班牙文 - 墨西哥",
+        "fi-fi": "芬蘭文",
+        "fr-ca": "法文 - 加拿大",
+        "fr-fr": "法文 - 法國",
+        "hi-in": "印度文",
+        "it-it": "義大利文 - 義大利",
+        "ja-jp": "日文",
+        "ko-kr": "韓文",
+        "nb-no": "挪威文 (巴克摩)",
+        "nl-be": "荷蘭文 - 比利時",
+        "nl-nl": "荷蘭文 - 荷蘭",
+        "pl-pl": "波蘭文",
+        "pt-br": "葡萄牙文 - 巴西",
+        "ru-ru": "俄文",
+        "sv-se": "瑞典文",
+        "zh-cn": "中文 - 中華人民共和國",
+        "zh-hk": "中文 - 香港特別行政區",
+        "cs-cz": "捷克文",
+        "pt-pt": "葡萄牙文 - 葡萄牙",
+        "tr-tr": "土耳其文",
+        "vi-vn": "越南文",
+        "th-th": "泰文",
+        "he-il": "希伯來文",
+        "cy-gb": "威爾斯文",
+        "uk-ua": "烏克蘭文",
+        "el-gr": "希臘文",
+        "hu-hu": "匈牙利文",
+        "ro-ro": "羅馬尼亞文",
+        "sk-sk": "斯洛伐克文",
+        "zh-tw": "中文 - 台灣"
+    },
+    "captionLanguages": {
+        "ar": "阿拉伯文",
+        "da": "丹麥文",
+        "de": "德文",
+        "en": "英文",
+        "es": "西班牙文",
+        "fi": "芬蘭文",
+        "fr-ca": "法文 - 加拿大",
+        "fr": "法文 - 法國",
+        "hi": "印度文",
+        "it": "義大利文",
+        "ja": "日文",
+        "ko": "韓文",
+        "nb": "挪威文 (巴克摩)",
+        "nl": "荷蘭文",
+        "pl": "波蘭文",
+        "pt": "葡萄牙文 - 巴西",
+        "ru": "俄文",
+        "sv": "瑞典文",
+        "zh-Hans": "中文 (簡體)",
+        "zh-Hant": "中文 (繁體)",
+        "cs": "捷克文",
+        "pt-pt": "葡萄牙文 - 葡萄牙",
+        "tr": "土耳其文",
+        "vi": "越南文",
+        "th": "泰文",
+        "he": "希伯來文",
+        "cy": "威爾斯文",
+        "uk": "烏克蘭文",
+        "el": "希臘文",
+        "hu": "匈牙利文",
+        "ro": "羅馬尼亞文",
+        "sk": "斯洛伐克文"
+    },
+    "startCaptionsButton": {
+        "onLabel": "開啟字幕",
+        "offLabel": "關閉字幕",
+        "tooltipOnContent": "關閉字幕",
+        "tooltipOffContent": "開啟字幕"
+    },
     "messageThread": {
         "yesterday": "昨天",
         "sunday": "星期日",
@@ -494,6 +595,26 @@
             "title": "會議室時間限制即將到期。",
             "message": "此會議室將在 30 秒鐘內關閉。",
             "dismissButtonAriaLabel": "關閉"
+        },
+        "capabilityTurnVideoOnPresent": {
+            "title": "已啟用您的鏡頭",
+            "message": "如果您想要分享視訊，請將它開啟。",
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "capabilityTurnVideoOnAbsent": {
+            "title": "已停用您的相機",
+            "message": "您無法再分享視訊。",
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "capabilityUnmuteMicPresent": {
+            "title": "已啟用您的麥克風",
+            "message": "如果您想要說話請取消靜音。",
+            "dismissButtonAriaLabel": "關閉"
+        },
+        "capabilityUnmuteMicAbsent": {
+            "title": "您的麥克風已停用",
+            "message": "您無法再取消靜音。",
+            "dismissButtonAriaLabel": "關閉"
         }
     },
     "videoGallery": {
@@ -522,7 +643,15 @@
         "stopSpotlightOnSelfVideoTileMenuLabel": "結束聚焦",
         "attendeeRole": "出席者",
         "muteParticipantMenuItemLabel": "靜音",
-        "waitingScreenText": "正在等待其他人加入"
+        "waitingScreenText": "正在等待其他人加入",
+        "forbidAudio": "停用麥克風",
+        "permitAudio": "允許麥克風",
+        "forbidAudioTileMenuLabel": "停用麥克風",
+        "permitAudioTileMenuLabel": "允許麥克風",
+        "forbidVideo": "停用相機",
+        "permitVideo": "允許相機",
+        "forbidVideoTileMenuLabel": "停用相機",
+        "permitVideoTileMenuLabel": "允許相機"
     },
     "dialpad": {
         "placeholderText": "輸入電話號碼",

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;

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

@@ -1 +1 @@
-{"version":3,"file":"generateTheme.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/generateTheme.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  BaseSlots,\n  IPalette,\n  ITheme,\n  ThemeGenerator,\n  createTheme,\n  getColorFromString,\n  themeRulesStandardCreator\n} from '@fluentui/react';\nimport { darkTheme, lightTheme } from './themes';\n\n/**\n * Generate a v8 theme from a given accent color and dark/light variant.\n *\n * @internal\n */\nexport const _generateTheme = (accentColor: string, variant: 'light' | 'dark'): ITheme => {\n  const isDark = variant === 'dark';\n\n  const primaryColor = getColorFromString(accentColor);\n  if (!primaryColor) {\n    throw new Error(`Could not parse primary color: ${accentColor}`);\n  }\n  const backgroundColor = getColorFromString(isDark ? '#252423' : '#ffffff');\n  if (!backgroundColor) {\n    throw new Error(`Could not parse background color: ${isDark ? '#252423' : '#ffffff'}`);\n  }\n\n  // Generate theme from base colors. This API is mostly undocumented and used internally by Fluent.\n  // For usage, see: https://github.com/microsoft/fluentui/blob/88efc19c9513db18cb5b7c63fa0f47ba496755a2/packages/react/src/components/ThemeGenerator/ThemeGenerator.ts\n  const themeRules = themeRulesStandardCreator();\n  ThemeGenerator.insureSlots(themeRules, isDark);\n\n  const primaryColorSlot = themeRules[BaseSlots[BaseSlots.primaryColor]];\n  if (!primaryColorSlot) {\n    throw new Error('Primary color slot not found');\n  }\n  ThemeGenerator.setSlot(primaryColorSlot, primaryColor, isDark, true, true);\n\n  const backgroundColorSlot = themeRules[BaseSlots[BaseSlots.backgroundColor]];\n  if (!backgroundColorSlot) {\n    throw new Error('Background color slot not found');\n  }\n  ThemeGenerator.setSlot(backgroundColorSlot, backgroundColor, isDark, true, true);\n\n  // There is a bug in fluentv8 theme generator that causes the foregroundColor to be generated incorrectly: https://github.com/microsoft/fluentui/issues/29853.\n  // Ideally we could do: ThemeGenerator.setSlot(themeRules[BaseSlots[foregroundColor]], colors.textColor, isDark, true, true);\n  // Until this fluent bug is fixed, use manually calculated foreground colors (this result is the same as the result of the color calcuation the above line would return).\n  const foregroundColors = getForegroundColors(isDark);\n\n  const themeAsJson: {\n    [key: string]: string;\n  } = ThemeGenerator.getThemeAsJson(themeRules);\n\n  const generatedTheme = createTheme({\n    ...{\n      palette: {\n        ...themeAsJson,\n        ...foregroundColors\n      }\n    },\n    isInverted: isDark\n  });\n\n  return generatedTheme;\n};\n\nconst getForegroundColors = (isDark: boolean): Record<string, string> => {\n  const foregroundColorKeys = [\n    'neutralLighterAlt',\n    'neutralLighter',\n    'neutralLight',\n    'neutralQuaternaryAlt',\n    'neutralQuaternary',\n    'neutralTertiaryAlt',\n    'neutralTertiary',\n    'neutralSecondaryAlt',\n    'neutralSecondary',\n    'neutralPrimaryAlt',\n    'neutralPrimary',\n    'neutralDark',\n    'black'\n  ];\n  const baseTheme = isDark ? darkTheme : lightTheme;\n  return foregroundColorKeys.reduce((acc: Record<string, string>, key) => {\n    const k = key as keyof IPalette;\n    const val = baseTheme.palette?.[k];\n    if (val !== undefined) {\n      acc[k] = val;\n    }\n    return acc;\n  }, {});\n};\n"]}
+{"version":3,"file":"generateTheme.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/generateTheme.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { BaseSlots, IPalette, ITheme, ThemeGenerator, createTheme, getColorFromString, themeRulesStandardCreator } from '@fluentui/react';\nimport { darkTheme, lightTheme } from './themes';\n\n/**\n * Generate a v8 theme from a given accent color and dark/light variant.\n *\n * @internal\n */\nexport const _generateTheme = (accentColor: string, variant: 'light' | 'dark'): ITheme => {\n  const isDark = variant === 'dark';\n  const primaryColor = getColorFromString(accentColor);\n  if (!primaryColor) {\n    throw new Error(`Could not parse primary color: ${accentColor}`);\n  }\n  const backgroundColor = getColorFromString(isDark ? '#252423' : '#ffffff');\n  if (!backgroundColor) {\n    throw new Error(`Could not parse background color: ${isDark ? '#252423' : '#ffffff'}`);\n  }\n\n  // Generate theme from base colors. This API is mostly undocumented and used internally by Fluent.\n  // For usage, see: https://github.com/microsoft/fluentui/blob/88efc19c9513db18cb5b7c63fa0f47ba496755a2/packages/react/src/components/ThemeGenerator/ThemeGenerator.ts\n  const themeRules = themeRulesStandardCreator();\n  ThemeGenerator.insureSlots(themeRules, isDark);\n  const primaryColorSlot = themeRules[BaseSlots[BaseSlots.primaryColor]];\n  if (!primaryColorSlot) {\n    throw new Error('Primary color slot not found');\n  }\n  ThemeGenerator.setSlot(primaryColorSlot, primaryColor, isDark, true, true);\n  const backgroundColorSlot = themeRules[BaseSlots[BaseSlots.backgroundColor]];\n  if (!backgroundColorSlot) {\n    throw new Error('Background color slot not found');\n  }\n  ThemeGenerator.setSlot(backgroundColorSlot, backgroundColor, isDark, true, true);\n\n  // There is a bug in fluentv8 theme generator that causes the foregroundColor to be generated incorrectly: https://github.com/microsoft/fluentui/issues/29853.\n  // Ideally we could do: ThemeGenerator.setSlot(themeRules[BaseSlots[foregroundColor]], colors.textColor, isDark, true, true);\n  // Until this fluent bug is fixed, use manually calculated foreground colors (this result is the same as the result of the color calcuation the above line would return).\n  const foregroundColors = getForegroundColors(isDark);\n  const themeAsJson: {\n    [key: string]: string;\n  } = ThemeGenerator.getThemeAsJson(themeRules);\n  const generatedTheme = createTheme({\n    ...{\n      palette: {\n        ...themeAsJson,\n        ...foregroundColors\n      }\n    },\n    isInverted: isDark\n  });\n  return generatedTheme;\n};\nconst getForegroundColors = (isDark: boolean): Record<string, string> => {\n  const foregroundColorKeys = ['neutralLighterAlt', 'neutralLighter', 'neutralLight', 'neutralQuaternaryAlt', 'neutralQuaternary', 'neutralTertiaryAlt', 'neutralTertiary', 'neutralSecondaryAlt', 'neutralSecondary', 'neutralPrimaryAlt', 'neutralPrimary', 'neutralDark', 'black'];\n  const baseTheme = isDark ? darkTheme : lightTheme;\n  return foregroundColorKeys.reduce((acc: Record<string, string>, key) => {\n    const k = key as keyof IPalette;\n    const val = baseTheme.palette?.[k];\n    if (val !== undefined) {\n      acc[k] = val;\n    }\n    return acc;\n  }, {});\n};"]}

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

@@ -31,11 +31,7 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     RaiseHandContextualMenuItem: React.JSX.Element;
     LowerHandContextualMenuItem: React.JSX.Element;
     ReactionButtonIcon: React.JSX.Element;
-    CancelAttachmentUpload: React.JSX.Element;
-    DownloadAttachment: React.JSX.Element;
     OpenAttachment: React.JSX.Element;
-    AttachmentMoreMenu: React.JSX.Element;
-    DataLossPreventionProhibited: React.JSX.Element;
     EditBoxCancel: React.JSX.Element;
     EditBoxSubmit: React.JSX.Element;
     ErrorBarCallCameraAccessDenied: React.JSX.Element;
@@ -54,11 +50,6 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ErrorBarCallVideoStoppedBySystem: React.JSX.Element;
     ErrorBarMutedByRemoteParticipant: React.JSX.Element;
     NotificationBarRecording: React.JSX.Element;
-    NotificationBarBreakoutRoomOpened: React.JSX.Element;
-    NotificationBarBreakoutRoomPromptJoin: React.JSX.Element;
-    NotificationBarBreakoutRoomChanged: React.JSX.Element;
-    NotificationBarBreakoutRoomJoined: React.JSX.Element;
-    NotificationBarBreakoutRoomClosingSoon: React.JSX.Element;
     HorizontalGalleryLeftButton: React.JSX.Element;
     HorizontalGalleryRightButton: React.JSX.Element;
     MessageDelivered: React.JSX.Element;
@@ -83,13 +74,6 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     SendBoxSendHovered: React.JSX.Element;
     VideoTileMicOff: React.JSX.Element;
     DialpadBackspace: React.JSX.Element;
-    SitePermissionsSparkle: React.JSX.Element;
-    SitePermissionCamera: React.JSX.Element;
-    SitePermissionMic: React.JSX.Element;
-    SitePermissionCameraDenied: React.JSX.Element;
-    SitePermissionMicDenied: React.JSX.Element;
-    UnsupportedEnvironmentWarning: React.JSX.Element;
-    BrowserPermissionDeniedError: React.JSX.Element;
     VideoTilePinned: React.JSX.Element;
     ParticipantItemPinned: React.JSX.Element;
     VideoTileMoreOptions: React.JSX.Element;
@@ -119,24 +103,9 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     StartSpotlightContextualMenuItem: React.JSX.Element;
     StopSpotlightContextualMenuItem: React.JSX.Element;
     VideoTileSpotlighted: React.JSX.Element;
-    RichTextBoldButtonIcon: React.JSX.Element;
-    RichTextItalicButtonIcon: React.JSX.Element;
-    RichTextUnderlineButtonIcon: React.JSX.Element;
-    RichTextBulletListButtonIcon: React.JSX.Element;
-    RichTextNumberListButtonIcon: React.JSX.Element;
-    RichTextIndentDecreaseButtonIcon: React.JSX.Element;
-    RichTextIndentIncreaseButtonIcon: React.JSX.Element;
-    RichTextDividerIcon: React.JSX.Element;
-    RichTextEditorButtonIcon: React.JSX.Element;
-    RichTextEditorButtonIconFilled: React.JSX.Element;
-    RichTextInsertTableRegularIcon: React.JSX.Element;
-    RichTextInsertTableFilledIcon: React.JSX.Element;
-    RichTextTableInsertMenuIcon: React.JSX.Element;
-    RichTextTableDeleteMenuIcon: React.JSX.Element;
     ContextualMenuMicMutedIcon: React.JSX.Element;
     IncomingCallNotificationRejectIcon: React.JSX.Element;
     IncomingCallNotificationAcceptIcon: React.JSX.Element;
     IncomingCallNotificationAcceptWithVideoIcon: React.JSX.Element;
-    RTTIcon: React.JSX.Element;
 };
 //# sourceMappingURL=icons.d.ts.map