@azure/communication-react 1.13.0-beta.1 → 1.13.1-alpha-202402280012

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

@@ -31,7 +31,7 @@
     "mentionPopover": {
         "mentionPopoverHeader": "Suggesties"
     },
-    "imageGallery": {
+    "imageOverlay": {
         "downloadButtonLabel": "Downloaden",
         "dismissButtonAriaLabel": "Sluiten"
     },
@@ -200,7 +200,8 @@
         "failedToJoinCallGeneric": "Deelnemen aan gesprek mislukt.",
         "failedToJoinCallInvalidMeetingLink": "Kan niet deelnemen aan vergadering. Ongeldige koppeling.",
         "cameraFrozenForRemoteParticipants": "Gebruikers in het gesprek ondervinden problemen bij het zien van uw video. Controleer uw apparaten en netwerk.",
-        "unableToStartVideoEffect": "Kan video-effect niet toepassen."
+        "unableToStartVideoEffect": "Kan video-effect niet toepassen.",
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "Kan de deelnemer(s) niet in de spotlight plaatsen omdat het maximum aantal deelnemers in de spotlight is bereikt."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "U deelt uw scherm",
@@ -218,7 +219,12 @@
         "pinParticipantMenuItemAriaLabel": "{participantName} vastmaken",
         "unpinParticipantMenuItemAriaLabel": "{participantName} losmaken",
         "pinnedParticipantAnnouncementAriaLabel": "{participantName} vastgemaakt",
-        "unpinnedParticipantAnnouncementAriaLabel": "{participantName} losgemaakt"
+        "unpinnedParticipantAnnouncementAriaLabel": "{participantName} losgemaakt",
+        "startSpotlightVideoTileMenuLabel": "Spotlight voor iedereen",
+        "addSpotlightVideoTileMenuLabel": "Spotlight toevoegen",
+        "spotlightLimitReachedMenuTitle": "Spotlightlimiet bereikt",
+        "stopSpotlightVideoTileMenuLabel": "Spotlighten stoppen",
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Spotlight afsluiten"
     },
     "dialpad": {
         "placeholderText": "Telefoonnummer invoeren",

package/dist/dist-esm/react-components/src/localization/locales/pl-PL/ComponentLocale.js

@@ -7,7 +7,5 @@ import pl_PL from './strings.json';
  *
  * @public
  */
-export const COMPONENT_LOCALE_PL_PL = {
-    strings: createComponentStrings(pl_PL)
-};
+export const COMPONENT_LOCALE_PL_PL = { strings: createComponentStrings(pl_PL) };
 //# sourceMappingURL=ComponentLocale.js.map

package/dist/dist-esm/react-components/src/localization/locales/pl-PL/ComponentLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-components/src/localization/locales/pl-PL/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport pl_PL from './strings.json';\n\n/**\n * Locale for Polish (Poland).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_PL_PL: ComponentLocale = {\n  strings: createComponentStrings(pl_PL)\n};"]}
+{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/localization/locales/pl-PL/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB,EAAE,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport pl_PL from './strings.json';\n\n/**\n * Locale for Polish (Poland).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_PL_PL: ComponentLocale = { strings: createComponentStrings(pl_PL) };\n"]}

package/dist/dist-esm/react-components/src/localization/locales/pl-PL/strings.json

@@ -31,7 +31,7 @@
     "mentionPopover": {
         "mentionPopoverHeader": "Sugestie"
     },
-    "imageGallery": {
+    "imageOverlay": {
         "downloadButtonLabel": "Pobierz",
         "dismissButtonAriaLabel": "Zamknij"
     },
@@ -200,7 +200,8 @@
         "failedToJoinCallGeneric": "Nie można dołączyć do rozmowy.",
         "failedToJoinCallInvalidMeetingLink": "Nie można dołączyć do spotkania. Nieprawidłowy link.",
         "cameraFrozenForRemoteParticipants": "Użytkownicy w trakcie rozmowy mają problemy z wyświetleniem Twojego wideo. Sprawdź urządzenia i sieć.",
-        "unableToStartVideoEffect": "Nie można zastosować efektu wideo."
+        "unableToStartVideoEffect": "Nie można zastosować efektu wideo.",
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "Nie można rozpocząć wyróżnienia uczestników, ponieważ maksymalna liczba uczestników jest już wyróżniona."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "Udostępniasz ekran",
@@ -218,7 +219,12 @@
         "pinParticipantMenuItemAriaLabel": "Przypnij uczestnika {participantName}",
         "unpinParticipantMenuItemAriaLabel": "Odepnij uczestnika {participantName}",
         "pinnedParticipantAnnouncementAriaLabel": "Przypięty uczestnik {participantName}",
-        "unpinnedParticipantAnnouncementAriaLabel": "Odpięty uczestnik {participantName}"
+        "unpinnedParticipantAnnouncementAriaLabel": "Odpięty uczestnik {participantName}",
+        "startSpotlightVideoTileMenuLabel": "Wyróżnij dla wszystkich",
+        "addSpotlightVideoTileMenuLabel": "Dodaj wyróżnienie",
+        "spotlightLimitReachedMenuTitle": "Osiągnięto limit wyróżnienia",
+        "stopSpotlightVideoTileMenuLabel": "Zatrzymaj wyróżnianie",
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Zakończ wyróżnienie"
     },
     "dialpad": {
         "placeholderText": "Wprowadź numer telefonu",

package/dist/dist-esm/react-components/src/localization/locales/pt-BR/ComponentLocale.js

@@ -7,7 +7,5 @@ import pt_BR from './strings.json';
  *
  * @public
  */
-export const COMPONENT_LOCALE_PT_BR = {
-    strings: createComponentStrings(pt_BR)
-};
+export const COMPONENT_LOCALE_PT_BR = { strings: createComponentStrings(pt_BR) };
 //# sourceMappingURL=ComponentLocale.js.map

package/dist/dist-esm/react-components/src/localization/locales/pt-BR/ComponentLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-components/src/localization/locales/pt-BR/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport pt_BR from './strings.json';\n\n/**\n * Locale for Portuguese (Brazil).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_PT_BR: ComponentLocale = {\n  strings: createComponentStrings(pt_BR)\n};"]}
+{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/localization/locales/pt-BR/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB,EAAE,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport pt_BR from './strings.json';\n\n/**\n * Locale for Portuguese (Brazil).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_PT_BR: ComponentLocale = { strings: createComponentStrings(pt_BR) };\n"]}

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

@@ -31,7 +31,7 @@
     "mentionPopover": {
         "mentionPopoverHeader": "Sugestões"
     },
-    "imageGallery": {
+    "imageOverlay": {
         "downloadButtonLabel": "Baixar",
         "dismissButtonAriaLabel": "Fechar"
     },
@@ -200,7 +200,8 @@
         "failedToJoinCallGeneric": "Ocorreu um erro ao ingressar na chamada.",
         "failedToJoinCallInvalidMeetingLink": "Não é possível ingressar na Reunião. Link Inválido.",
         "cameraFrozenForRemoteParticipants": "Os usuários na chamada estão enfrentando problemas para ver seu vídeo. Verifique seus dispositivos e a rede.",
-        "unableToStartVideoEffect": "Não é possível aplicar o efeito de vídeo."
+        "unableToStartVideoEffect": "Não é possível aplicar o efeito de vídeo.",
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "Não é possível iniciar o destaque nos participantes porque o número máximo de participantes já está em destaque."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "Você está compartilhando sua tela",
@@ -218,7 +219,12 @@
         "pinParticipantMenuItemAriaLabel": "Fixar {participantName}",
         "unpinParticipantMenuItemAriaLabel": "Desafixar {participantName}",
         "pinnedParticipantAnnouncementAriaLabel": "Fixado {participantName}",
-        "unpinnedParticipantAnnouncementAriaLabel": "Desafixado {participantName}"
+        "unpinnedParticipantAnnouncementAriaLabel": "Desafixado {participantName}",
+        "startSpotlightVideoTileMenuLabel": "Destacar para todos",
+        "addSpotlightVideoTileMenuLabel": "Adicionar destaque",
+        "spotlightLimitReachedMenuTitle": "Limite de destaque atingido",
+        "stopSpotlightVideoTileMenuLabel": "Parar de destacar",
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Sair de destaque"
     },
     "dialpad": {
         "placeholderText": "Inserir o número do telefone",

package/dist/dist-esm/react-components/src/localization/locales/ru-RU/ComponentLocale.js

@@ -7,7 +7,5 @@ import ru_RU from './strings.json';
  *
  * @public
  */
-export const COMPONENT_LOCALE_RU_RU = {
-    strings: createComponentStrings(ru_RU)
-};
+export const COMPONENT_LOCALE_RU_RU = { strings: createComponentStrings(ru_RU) };
 //# sourceMappingURL=ComponentLocale.js.map

package/dist/dist-esm/react-components/src/localization/locales/ru-RU/ComponentLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-components/src/localization/locales/ru-RU/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport ru_RU from './strings.json';\n\n/**\n * Locale for Russian (Russia).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_RU_RU: ComponentLocale = {\n  strings: createComponentStrings(ru_RU)\n};"]}
+{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/localization/locales/ru-RU/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB,EAAE,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport ru_RU from './strings.json';\n\n/**\n * Locale for Russian (Russia).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_RU_RU: ComponentLocale = { strings: createComponentStrings(ru_RU) };\n"]}

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

@@ -31,7 +31,7 @@
     "mentionPopover": {
         "mentionPopoverHeader": "Рекомендации"
     },
-    "imageGallery": {
+    "imageOverlay": {
         "downloadButtonLabel": "Скачать",
         "dismissButtonAriaLabel": "Закрыть"
     },
@@ -200,7 +200,8 @@
         "failedToJoinCallGeneric": "Не удалось присоединиться к звонку.",
         "failedToJoinCallInvalidMeetingLink": "Не удалось присоединиться к собранию. Недопустимая ссылка.",
         "cameraFrozenForRemoteParticipants": "У участников звонка возникают проблемы с просмотром вашего видео. Проверьте свои устройства и сеть.",
-        "unableToStartVideoEffect": "Не удалось применить эффект видео."
+        "unableToStartVideoEffect": "Не удалось применить эффект видео.",
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "Не удается запустить закрепление участников, так как достигнуто предельное число закрепленных участников."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "Вы демонстрируете свой экран",
@@ -218,7 +219,12 @@
         "pinParticipantMenuItemAriaLabel": "Закрепить участника {participantName}",
         "unpinParticipantMenuItemAriaLabel": "Открепить участника {participantName}",
         "pinnedParticipantAnnouncementAriaLabel": "Участник {participantName} закреплен",
-        "unpinnedParticipantAnnouncementAriaLabel": "Участник {participantName} откреплен"
+        "unpinnedParticipantAnnouncementAriaLabel": "Участник {participantName} откреплен",
+        "startSpotlightVideoTileMenuLabel": "Закрепить видео для всех",
+        "addSpotlightVideoTileMenuLabel": "Добавить закрепление",
+        "spotlightLimitReachedMenuTitle": "Достигнуто предельное число закреплений",
+        "stopSpotlightVideoTileMenuLabel": "Не закреплять",
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Открепить"
     },
     "dialpad": {
         "placeholderText": "Введите номер телефона",

package/dist/dist-esm/react-components/src/localization/locales/sv-SE/ComponentLocale.js

@@ -7,7 +7,5 @@ import sv_SE from './strings.json';
  *
  * @public
  */
-export const COMPONENT_LOCALE_SV_SE = {
-    strings: createComponentStrings(sv_SE)
-};
+export const COMPONENT_LOCALE_SV_SE = { strings: createComponentStrings(sv_SE) };
 //# sourceMappingURL=ComponentLocale.js.map

package/dist/dist-esm/react-components/src/localization/locales/sv-SE/ComponentLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-components/src/localization/locales/sv-SE/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport sv_SE from './strings.json';\n\n/**\n * Locale for Swedish (Sweden) .\n *\n * @public\n */\nexport const COMPONENT_LOCALE_SV_SE: ComponentLocale = {\n  strings: createComponentStrings(sv_SE)\n};"]}
+{"version":3,"file":"ComponentLocale.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/localization/locales/sv-SE/ComponentLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB,EAAE,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport sv_SE from './strings.json';\n\n/**\n * Locale for Swedish (Sweden) .\n *\n * @public\n */\nexport const COMPONENT_LOCALE_SV_SE: ComponentLocale = { strings: createComponentStrings(sv_SE) };\n"]}

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

@@ -31,7 +31,7 @@
     "mentionPopover": {
         "mentionPopoverHeader": "Förslag"
     },
-    "imageGallery": {
+    "imageOverlay": {
         "downloadButtonLabel": "Ladda ner",
         "dismissButtonAriaLabel": "Stäng"
     },
@@ -200,7 +200,8 @@
         "failedToJoinCallGeneric": "Det gick inte att ansluta till samtalet.",
         "failedToJoinCallInvalidMeetingLink": "Det går inte att ansluta till mötet. Ogiltig länk.",
         "cameraFrozenForRemoteParticipants": "Användare i samtalet har problem med att se din video. Kontrollera dina enheter och nätverk.",
-        "unableToStartVideoEffect": "Det går inte att tillämpa videoeffekten."
+        "unableToStartVideoEffect": "Det går inte att tillämpa videoeffekten.",
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "Det går inte att starta spotlight på deltagare eftersom det maximala antalet deltagare redan är uppmärksammat."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "Du delar din skärm",
@@ -218,7 +219,12 @@
         "pinParticipantMenuItemAriaLabel": "Fäst {participantName}",
         "unpinParticipantMenuItemAriaLabel": "Ta bort {participantName}",
         "pinnedParticipantAnnouncementAriaLabel": "Fäst {participantName}",
-        "unpinnedParticipantAnnouncementAriaLabel": "Borttagen {participantName}"
+        "unpinnedParticipantAnnouncementAriaLabel": "Borttagen {participantName}",
+        "startSpotlightVideoTileMenuLabel": "Uppmärksamma för alla",
+        "addSpotlightVideoTileMenuLabel": "Lägg till uppmärksammande",
+        "spotlightLimitReachedMenuTitle": "Spotlight-gränsen har nåtts",
+        "stopSpotlightVideoTileMenuLabel": "Sluta uppmärksamma",
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Spotlight"
     },
     "dialpad": {
         "placeholderText": "Ange telefonnummer",

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

@@ -7,7 +7,5 @@ import tr_TR from './strings.json';
  *
  * @public
  */
-export const COMPONENT_LOCALE_TR_TR = {
-    strings: createComponentStrings(tr_TR)
-};
+export const COMPONENT_LOCALE_TR_TR = { strings: createComponentStrings(tr_TR) };
 //# sourceMappingURL=ComponentLocale.js.map

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

@@ -1 +1 @@
-{"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;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport tr_TR from './strings.json';\n\n/**\n * Locale for Turkish (Turkey).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_TR_TR: ComponentLocale = {\n  strings: createComponentStrings(tr_TR)\n};"]}
+{"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;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB,EAAE,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport tr_TR from './strings.json';\n\n/**\n * Locale for Turkish (Turkey).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_TR_TR: ComponentLocale = { strings: createComponentStrings(tr_TR) };\n"]}

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

@@ -31,7 +31,7 @@
     "mentionPopover": {
         "mentionPopoverHeader": "Öneriler"
     },
-    "imageGallery": {
+    "imageOverlay": {
         "downloadButtonLabel": "İndir",
         "dismissButtonAriaLabel": "Kapat"
     },
@@ -200,7 +200,8 @@
         "failedToJoinCallGeneric": "Aramaya katılınamadı.",
         "failedToJoinCallInvalidMeetingLink": "Toplantıya katılınamıyor. Geçersiz Bağlantı.",
         "cameraFrozenForRemoteParticipants": "Aramadaki kullanıcılar videonuzu görmekte sorun yaşıyor. Lütfen cihazlarınızı ve ağlarınızı kontrol edin.",
-        "unableToStartVideoEffect": "Video efekti uygulanamıyor."
+        "unableToStartVideoEffect": "Video efekti uygulanamıyor.",
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "Öne çıkarılan katılımcı sayısı zaten üst sınırı geçtiğinden katılımcılarda öne çıkarma özelliği başlatılamıyor."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "Ekranınızı paylaşıyorsunuz.",
@@ -218,7 +219,12 @@
         "pinParticipantMenuItemAriaLabel": "{participantName} adlı katılımcıyı sabitle",
         "unpinParticipantMenuItemAriaLabel": "{participantName} adlı katılımcının sabitlemesini kaldır",
         "pinnedParticipantAnnouncementAriaLabel": "{participantName} adlı katılımcı sabitlendi",
-        "unpinnedParticipantAnnouncementAriaLabel": "{participantName} adlı katılımcının sabitlemesi kaldırıldı"
+        "unpinnedParticipantAnnouncementAriaLabel": "{participantName} adlı katılımcının sabitlemesi kaldırıldı",
+        "startSpotlightVideoTileMenuLabel": "Herkes için öne çıkar",
+        "addSpotlightVideoTileMenuLabel": "Öne çıkarma ekle",
+        "spotlightLimitReachedMenuTitle": "Öne çıkarma sınırına ulaşıldı",
+        "stopSpotlightVideoTileMenuLabel": "Öne çıkarmayı durdur",
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Öne çıkarmadan çık"
     },
     "dialpad": {
         "placeholderText": "Telefon numarası gir",

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

@@ -1,13 +1,17 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 import en_US from './en-US/strings.json';
+import { getKeys } from '../../components/utils';
 /**
  *
  * @private
  */
 export const createComponentStrings = (localizedStrings) => {
     const strings = Object.assign({}, en_US);
-    Object.keys(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
         strings[key] = Object.assign(Object.assign({}, strings[key]), localizedStrings[key]);
     });
     return strings;

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

@@ -1 +1 @@
-{"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;AAEzC;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,gBAA+C,EAAoB,EAAE;IAC1G,MAAM,OAAO,qBACR,KAAK,CACT,CAAC;IACF,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAW,EAAE,EAAE;QACpD,OAAO,CAAC,GAAG,CAAC,mCACP,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';\n\n/**\n *\n * @private\n */\nexport const createComponentStrings = (localizedStrings: PartialDeep<ComponentStrings>): ComponentStrings => {\n  const strings: ComponentStrings = {\n    ...en_US\n  };\n  Object.keys(localizedStrings).forEach((key: string) => {\n    strings[key] = {\n      ...strings[key],\n      ...localizedStrings[key]\n    };\n  });\n  return strings;\n};"]}
+{"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,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,gBAA+C,EAAoB,EAAE;IAC1G,MAAM,OAAO,qBAA0B,KAAK,CAAE,CAAC;IAC/C,OAAO,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACxC,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 '../../components/utils';\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"]}

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

@@ -7,7 +7,5 @@ import zh_CN from './strings.json';
  *
  * @public
  */
-export const COMPONENT_LOCALE_ZH_CN = {
-    strings: createComponentStrings(zh_CN)
-};
+export const COMPONENT_LOCALE_ZH_CN = { strings: createComponentStrings(zh_CN) };
 //# sourceMappingURL=ComponentLocale.js.map

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

@@ -1 +1 @@
-{"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;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport zh_CN from './strings.json';\n\n/**\n * Locale for Chinese (Mainland China).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_ZH_CN: ComponentLocale = {\n  strings: createComponentStrings(zh_CN)\n};"]}
+{"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;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB,EAAE,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport zh_CN from './strings.json';\n\n/**\n * Locale for Chinese (Mainland China).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_ZH_CN: ComponentLocale = { strings: createComponentStrings(zh_CN) };\n"]}

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

@@ -31,7 +31,7 @@
     "mentionPopover": {
         "mentionPopoverHeader": "建议"
     },
-    "imageGallery": {
+    "imageOverlay": {
         "downloadButtonLabel": "下载",
         "dismissButtonAriaLabel": "关闭"
     },
@@ -200,7 +200,8 @@
         "failedToJoinCallGeneric": "未能加入通话。",
         "failedToJoinCallInvalidMeetingLink": "无法加入会议。无效的链接。",
         "cameraFrozenForRemoteParticipants": "通话中的用户在查看视频时遇到问题。请检查你的设备和网络。",
-        "unableToStartVideoEffect": "无法应用视频效果。"
+        "unableToStartVideoEffect": "无法应用视频效果。",
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "无法开发聚焦参与者，因为聚焦的参与者人数已达到上限。"
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "你正在共享你的屏幕",
@@ -218,7 +219,12 @@
         "pinParticipantMenuItemAriaLabel": "固定 {participantName}",
         "unpinParticipantMenuItemAriaLabel": "取消固定 {participantName}",
         "pinnedParticipantAnnouncementAriaLabel": "已固定 {participantName}",
-        "unpinnedParticipantAnnouncementAriaLabel": "已取消固定 {participantName}"
+        "unpinnedParticipantAnnouncementAriaLabel": "已取消固定 {participantName}",
+        "startSpotlightVideoTileMenuLabel": "对所有人聚焦",
+        "addSpotlightVideoTileMenuLabel": "添加聚焦",
+        "spotlightLimitReachedMenuTitle": "已达到聚焦限制",
+        "stopSpotlightVideoTileMenuLabel": "停止聚焦",
+        "stopSpotlightOnSelfVideoTileMenuLabel": "退出聚焦"
     },
     "dialpad": {
         "placeholderText": "输入电话号码",

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

@@ -7,7 +7,5 @@ import zh_TW from './strings.json';
  *
  * @public
  */
-export const COMPONENT_LOCALE_ZH_TW = {
-    strings: createComponentStrings(zh_TW)
-};
+export const COMPONENT_LOCALE_ZH_TW = { strings: createComponentStrings(zh_TW) };
 //# sourceMappingURL=ComponentLocale.js.map

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

@@ -1 +1 @@
-{"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;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport zh_TW from './strings.json';\n\n/**\n * Locale for Chinese (Taiwan).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_ZH_TW: ComponentLocale = {\n  strings: createComponentStrings(zh_TW)\n};"]}
+{"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;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB,EAAE,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createComponentStrings } from '../utils';\nimport type { ComponentLocale } from '../..';\nimport zh_TW from './strings.json';\n\n/**\n * Locale for Chinese (Taiwan).\n *\n * @public\n */\nexport const COMPONENT_LOCALE_ZH_TW: ComponentLocale = { strings: createComponentStrings(zh_TW) };\n"]}

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

@@ -31,7 +31,7 @@
     "mentionPopover": {
         "mentionPopoverHeader": "建議"
     },
-    "imageGallery": {
+    "imageOverlay": {
         "downloadButtonLabel": "下載",
         "dismissButtonAriaLabel": "關閉"
     },
@@ -200,7 +200,8 @@
         "failedToJoinCallGeneric": "無法加入通話。",
         "failedToJoinCallInvalidMeetingLink": "無法加入會議。連結無效。",
         "cameraFrozenForRemoteParticipants": "通話中的使用者在觀看您的視訊時發生問題。請檢查您的裝置和網路。",
-        "unableToStartVideoEffect": "無法套用視訊效果。"
+        "unableToStartVideoEffect": "無法套用視訊效果。",
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "無法啟動參與者的焦點，因為參與者人數已達焦點上限。"
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "您現在正在分享螢幕畫面。",
@@ -218,7 +219,12 @@
         "pinParticipantMenuItemAriaLabel": "釘選 {participantName}",
         "unpinParticipantMenuItemAriaLabel": "取消釘選 {participantName}",
         "pinnedParticipantAnnouncementAriaLabel": "已釘選 {participantName}",
-        "unpinnedParticipantAnnouncementAriaLabel": "已取消釘選 {participantName}"
+        "unpinnedParticipantAnnouncementAriaLabel": "已取消釘選 {participantName}",
+        "startSpotlightVideoTileMenuLabel": "設為每個人的焦點",
+        "addSpotlightVideoTileMenuLabel": "新增焦點",
+        "spotlightLimitReachedMenuTitle": "已達焦點限制",
+        "stopSpotlightVideoTileMenuLabel": "停止聚焦",
+        "stopSpotlightOnSelfVideoTileMenuLabel": "結束聚焦"
     },
     "dialpad": {
         "placeholderText": "輸入電話號碼",

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

@@ -15,6 +15,8 @@ export interface FluentThemeProviderProps {
      * @defaultValue `false`
      */
     rtl?: boolean;
+    /** Optional style to change the root style of the ThemeProvider */
+    rootStyle?: React.CSSProperties | undefined;
 }
 /**
  * Provider to apply a Fluent theme across this library's react components.

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

@@ -34,13 +34,12 @@ const ThemeContext = createContext(defaultTheme);
  * @public
  */
 export const FluentThemeProvider = (props) => {
-    const { fluentTheme, rtl, children } = props;
+    const { fluentTheme, rtl, children, /* @conditional-compile-remove(image-overlay) */ rootStyle } = props;
     let fluentV8Theme = mergeThemes(defaultTheme, fluentTheme);
-    fluentV8Theme = mergeThemes(fluentV8Theme, {
-        rtl
-    });
-    return React.createElement(ThemeContext.Provider, { value: fluentV8Theme },
-        React.createElement(ThemeProvider, { theme: fluentV8Theme, className: wrapper }, children));
+    fluentV8Theme = mergeThemes(fluentV8Theme, { rtl });
+    return (React.createElement(ThemeContext.Provider, { value: fluentV8Theme },
+        React.createElement(ThemeProvider, { theme: fluentV8Theme, className: wrapper, 
+            /* @conditional-compile-remove(image-overlay) */ 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":["../../../../../preprocess-dist/react-components/src/theming/FluentThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAuB,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAkBtC,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,EACT,GAAG,KAAK,CAAC;IACV,IAAI,aAAa,GAAU,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAClE,aAAa,GAAG,WAAW,CAAC,aAAa,EAAE;QACzC,GAAG;KACJ,CAAC,CAAC;IACH,OAAO,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QAC9C,oBAAC,aAAa,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,IACpD,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 } 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}\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  } = props;\n  let fluentV8Theme: Theme = mergeThemes(defaultTheme, fluentTheme);\n  fluentV8Theme = mergeThemes(fluentV8Theme, {\n    rtl\n  });\n  return <ThemeContext.Provider value={fluentV8Theme}>\n      <ThemeProvider theme={fluentV8Theme} className={wrapper}>\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);"]}
+{"version":3,"file":"FluentThemeProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/FluentThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAuB,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAsBtC,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,gDAAgD,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC;IAEzG,IAAI,aAAa,GAAU,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAClE,aAAa,GAAG,WAAW,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpD,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QACzC,oBAAC,aAAa,IACZ,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,OAAO;YAClB,gDAAgD,CAAC,KAAK,EAAE,SAAS,IAEhE,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 } 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  /* @conditional-compile-remove(image-overlay) */\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, /* @conditional-compile-remove(image-overlay) */ rootStyle } = props;\n\n  let fluentV8Theme: Theme = mergeThemes(defaultTheme, fluentTheme);\n  fluentV8Theme = mergeThemes(fluentV8Theme, { rtl });\n\n  return (\n    <ThemeContext.Provider value={fluentV8Theme}>\n      <ThemeProvider\n        theme={fluentV8Theme}\n        className={wrapper}\n        /* @conditional-compile-remove(image-overlay) */ style={rootStyle}\n      >\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"]}

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

@@ -22,7 +22,7 @@ export const FluentV9ThemeProvider = (props) => {
     React.createElement(TextDirectionProvider, { dir: dir },
         React.createElement(FluentProviderWithStylesOverrides, { theme: v9Theme, dir: dir }, children)));
 };
-const FluentProviderWithStylesOverrides = props => {
+const FluentProviderWithStylesOverrides = (props) => {
     const classes = useFluentV9Wrapper();
     return React.createElement(FluentProvider, Object.assign({}, props, { className: classes.body }));
 };

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

@@ -1 +1 @@
-{"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,MAAM,4BAA4B,CAAC;AAEzG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAcvD;;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,EACT,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,IACxD,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,OAAO,CAAC,IAAI,IAAI,CAAC;AAChE,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { makeStyles, shorthands, FluentProvider, FluentProviderProps } 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}\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  } = 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}>\n        {children}\n      </FluentProviderWithStylesOverrides>\n    </TextDirectionProvider>\n  );\n};\nconst FluentProviderWithStylesOverrides: React.FC<FluentProviderProps> = props => {\n  const classes = useFluentV9Wrapper();\n  return <FluentProvider {...props} className={classes.body} />;\n};"]}
+{"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,MAAM,4BAA4B,CAAC;AAEzG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAcvD;;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,GAAG,KAAK,CAAC;IACpC,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAExC,OAAO;IACL,6FAA6F;IAC7F,oBAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG;QAE7B,oBAAC,iCAAiC,IAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IACxD,QAAQ,CACyB,CACd,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iCAAiC,GAAkC,CAAC,KAAK,EAAE,EAAE;IACjF,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IAErC,OAAO,oBAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC;AAChE,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { makeStyles, shorthands, FluentProvider, FluentProviderProps } 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}\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 } = props;\n  const v9Theme = createV9Theme(v8Theme);\n  const dir = v8Theme.rtl ? 'rtl' : 'ltr';\n\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}>\n        {children}\n      </FluentProviderWithStylesOverrides>\n    </TextDirectionProvider>\n  );\n};\n\nconst FluentProviderWithStylesOverrides: React.FC<FluentProviderProps> = (props) => {\n  const classes = useFluentV9Wrapper();\n\n  return <FluentProvider {...props} className={classes.body} />;\n};\n"]}

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

@@ -34,7 +34,21 @@ 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":["../../../../../preprocess-dist/react-components/src/theming/generateTheme.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,SAAS,EAAoB,cAAc,EAAE,WAAW,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC1I,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,OAAyB,EAAU,EAAE;IACvF,MAAM,MAAM,GAAG,OAAO,KAAK,MAAM,CAAC;IAClC,MAAM,YAAY,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACrD,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CAAC,kCAAkC,WAAW,EAAE,CAAC,CAAC;IACnE,CAAC;IACD,MAAM,eAAe,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3E,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,qCAAqC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;IACzF,CAAC;IAED,kGAAkG;IAClG,qKAAqK;IACrK,MAAM,UAAU,GAAG,yBAAyB,EAAE,CAAC;IAC/C,cAAc,CAAC,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAC/C,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IACxG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAE9G,8JAA8J;IAC9J,6HAA6H;IAC7H,yKAAyK;IACzK,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACrD,MAAM,WAAW,GAEb,cAAc,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAC9C,MAAM,cAAc,GAAG,WAAW,eAC7B;QACD,OAAO,kCACF,WAAW,GACX,gBAAgB,CACpB;KACF,IACD,UAAU,EAAE,MAAM,IAClB,CAAC;IACH,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AACF,MAAM,mBAAmB,GAAG,CAAC,MAAe,EAA0B,EAAE;IACtE,MAAM,mBAAmB,GAAG,CAAC,mBAAmB,EAAE,gBAAgB,EAAE,cAAc,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;IACpR,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAClD,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC,GAA2B,EAAE,GAAG,EAAE,EAAE;;QACrE,MAAM,CAAC,GAAI,GAAsB,CAAC;QAClC,MAAM,GAAG,GAAG,MAAA,SAAS,CAAC,OAAO,0CAAG,CAAC,CAAC,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACf,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC","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  ThemeGenerator.setSlot(themeRules[BaseSlots[BaseSlots.primaryColor]], primaryColor, isDark, true, true);\n  ThemeGenerator.setSlot(themeRules[BaseSlots[BaseSlots.backgroundColor]], 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};"]}
+{"version":3,"file":"generateTheme.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/generateTheme.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,SAAS,EAGT,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,yBAAyB,EAC1B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,OAAyB,EAAU,EAAE;IACvF,MAAM,MAAM,GAAG,OAAO,KAAK,MAAM,CAAC;IAElC,MAAM,YAAY,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACrD,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CAAC,kCAAkC,WAAW,EAAE,CAAC,CAAC;IACnE,CAAC;IACD,MAAM,eAAe,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3E,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,qCAAqC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;IACzF,CAAC;IAED,kGAAkG;IAClG,qKAAqK;IACrK,MAAM,UAAU,GAAG,yBAAyB,EAAE,CAAC;IAC/C,cAAc,CAAC,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAC/C,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IACxG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAE9G,8JAA8J;IAC9J,6HAA6H;IAC7H,yKAAyK;IACzK,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAErD,MAAM,WAAW,GAEb,cAAc,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAG,WAAW,eAC7B;QACD,OAAO,kCACF,WAAW,GACX,gBAAgB,CACpB;KACF,IACD,UAAU,EAAE,MAAM,IAClB,CAAC;IAEH,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,MAAe,EAA0B,EAAE;IACtE,MAAM,mBAAmB,GAAG;QAC1B,mBAAmB;QACnB,gBAAgB;QAChB,cAAc;QACd,sBAAsB;QACtB,mBAAmB;QACnB,oBAAoB;QACpB,iBAAiB;QACjB,qBAAqB;QACrB,kBAAkB;QAClB,mBAAmB;QACnB,gBAAgB;QAChB,aAAa;QACb,OAAO;KACR,CAAC;IACF,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAClD,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC,GAA2B,EAAE,GAAG,EAAE,EAAE;;QACrE,MAAM,CAAC,GAAG,GAAqB,CAAC;QAChC,MAAM,GAAG,GAAG,MAAA,SAAS,CAAC,OAAO,0CAAG,CAAC,CAAC,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACf,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC","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  ThemeGenerator.setSlot(themeRules[BaseSlots[BaseSlots.primaryColor]], primaryColor, isDark, true, true);\n  ThemeGenerator.setSlot(themeRules[BaseSlots[BaseSlots.backgroundColor]], 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"]}

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

@@ -30,6 +30,7 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonLowerHand: React.JSX.Element;
     RaiseHandContextualMenuItem: React.JSX.Element;
     LowerHandContextualMenuItem: React.JSX.Element;
+    ReactionButtonIcon: React.JSX.Element;
     CancelFileUpload: React.JSX.Element;
     DownloadFile: React.JSX.Element;
     DataLossPreventionProhibited: React.JSX.Element;
@@ -65,6 +66,7 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ParticipantItemOptions: React.JSX.Element;
     ParticipantItemOptionsHovered: React.JSX.Element;
     ParticipantItemScreenShareStart: React.JSX.Element;
+    ParticipantItemSpotlighted: React.JSX.Element;
     HoldCallContextualMenuItem: React.JSX.Element;
     HoldCallButton: React.JSX.Element;
     ResumeCall: React.JSX.Element;
@@ -101,5 +103,18 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ContextMenuCameraIcon: React.JSX.Element;
     ContextMenuMicIcon: React.JSX.Element;
     ContextMenuSpeakerIcon: React.JSX.Element;
+    SurveyStarIcon: React.JSX.Element;
+    SurveyStarIconFilled: React.JSX.Element;
+    StartSpotlightContextualMenuItem: React.JSX.Element;
+    StopSpotlightContextualMenuItem: React.JSX.Element;
+    VideoSpotlighted: React.JSX.Element;
+    RTEBoldButtonIcon: React.JSX.Element;
+    RTEItalicButtonIcon: React.JSX.Element;
+    RTEUnderlineButtonIcon: React.JSX.Element;
+    RTEBulletListButtonIcon: React.JSX.Element;
+    RTEtNumberListButtonIcon: React.JSX.Element;
+    RTEIndentDecreaseButtonIcon: React.JSX.Element;
+    RTEIndentIncreaseButtonIcon: React.JSX.Element;
+    RTEDividerIcon: React.JSX.Element;
 };
 //# sourceMappingURL=icons.d.ts.map