npm - @fluentui/react-migration-v8-v9 - Versions diffs - 1.0.3 → 1.0.4 - Mend

@fluentui/react-migration-v8-v9 1.0.3 → 1.0.4

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

Files changed (147) hide show

package/lib/components/Theme/themeDuplicates.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["components/Theme/themeDuplicates.ts"],"names":[],"mappings":"AAAA;;;AAGG;AAwJH,OAAO,MAAM,IAAI,GAA0B;EACzC,KAAK,SADoC;EAEzC,KAAK,SAFoC;EAGzC,KAAK,SAHoC;EAIzC,KAAK,SAJoC;EAKzC,KAAK,SALoC;EAMzC,MAAM,SANmC;EAOzC,MAAM,SAPmC;EAQzC,MAAM,SARmC;EASzC,MAAM,SATmC;EAUzC,MAAM,SAVmC;EAWzC,MAAM,SAXmC;EAYzC,MAAM,SAZmC;EAazC,MAAM,SAbmC;EAczC,MAAM,SAdmC;EAezC,MAAM,SAfmC;EAgBzC,MAAM,SAhBmC;EAiBzC,MAAM,SAjBmC;EAkBzC,MAAM,SAlBmC;EAmBzC,MAAM,SAnBmC;EAoBzC,MAAM,SApBmC;EAqBzC,MAAM,SArBmC;EAsBzC,MAAM,SAtBmC;EAuBzC,MAAM,SAvBmC;EAwBzC,MAAM,SAxBmC;EAyBzC,MAAM,SAzBmC;EA0BzC,MAAM,SA1BmC;EA2BzC,MAAM,SA3BmC;EA4BzC,MAAM,SA5BmC;EA6BzC,MAAM,SA7BmC;EA8BzC,MAAM,SA9BmC;EA+BzC,MAAM,SA/BmC;EAgCzC,MAAM,SAhCmC;EAiCzC,MAAM,SAjCmC;EAkCzC,MAAM,SAlCmC;EAmCzC,MAAM,SAnCmC;EAoCzC,MAAM,SApCmC;EAqCzC,MAAM,SArCmC;EAsCzC,MAAM,SAtCmC;EAuCzC,MAAM,SAvCmC;EAwCzC,MAAM,SAxCmC;EAyCzC,MAAM,SAzCmC;EA0CzC,MAAM,SA1CmC;EA2CzC,MAAM,SA3CmC;EA4CzC,MAAM,SA5CmC;EA6CzC,MAAM,SA7CmC;EA8CzC,MAAM,SA9CmC;EA+CzC,MAAM,SA/CmC;EAgDzC,MAAM,SAhDmC;EAiDzC,MAAM,SAjDmC;EAkDzC,MAAM,SAlDmC;EAmDzC,OAAO;AAnDkC,CAApC;AAsDP,OAAO,MAAM,UAAU,GAAgC;EACrD,KAAK,2BADgD;EAErD,MAAM,0BAF+C;EAGrD,MAAM,0BAH+C;EAIrD,MAAM,0BAJ+C;EAKrD,MAAM,0BAL+C;EAMrD,MAAM,0BAN+C;EAOrD,MAAM,0BAP+C;EAQrD,MAAM,0BAR+C;EASrD,MAAM,0BAT+C;EAUrD,MAAM;AAV+C,CAAhD;AAaP,OAAO,MAAM,UAAU,GAAgC;EACrD,KAAK,qBADgD;EAErD,MAAM,oBAF+C;EAGrD,MAAM,oBAH+C;EAIrD,MAAM,oBAJ+C;EAKrD,MAAM,oBAL+C;EAMrD,MAAM,oBAN+C;EAOrD,MAAM,oBAP+C;EAQrD,MAAM,oBAR+C;EASrD,MAAM,oBAT+C;EAUrD,MAAM;AAV+C,CAAhD;AAaP,OAAO,MAAM,WAAW,GAAgC;EACtD,KAAK,wBADiD;EAEtD,MAAM,uBAFgD;EAGtD,MAAM,uBAHgD;EAItD,MAAM,uBAJgD;EAKtD,MAAM,uBALgD;EAMtD,MAAM,uBANgD;EAOtD,MAAM,uBAPgD;EAQtD,MAAM,uBARgD;EAStD,MAAM,uBATgD;EAUtD,MAAM;AAVgD,CAAjD;AAaP,OAAO,MAAM,KAAK,GAAG,SAAd;AAEP,OAAO,MAAM,KAAK,GAAG,SAAd;AAEP,OAAO,MAAM,WAAW,GAAG,SAApB;AAEP,OAAO,MAAM,WAAW,GAAG,SAApB;AAEP,OAAO,MAAM,UAAU,GAAG,SAAnB;AAEP,OAAO,MAAM,QAAQ,GAAG,SAAjB;AAEP,OAAO,MAAM,YAAY,GAAG,SAArB;AAEP,OAAO,MAAM,eAAe,GAAG,SAAxB;AAEP,OAAO,MAAM,YAAY,GAAG,SAArB;AAEP,OAAO,MAAM,YAAY,GAAG,SAArB;AAEP,MAAM,OAAO,GAAkB;EAC7B,OAAO,EAAE,SADoB;EAE7B,OAAO,EAAE,SAFoB;EAG7B,OAAO,EAAE,SAHoB;EAI7B,OAAO,EAAE,SAJoB;EAK7B,OAAO,EAAE,SALoB;EAM7B,OAAO,EAAE,SANoB;EAO7B,MAAM,EAAE,SAPqB;EAQ7B,MAAM,EAAE,SARqB;EAS7B,MAAM,EAAE,SATqB;EAU7B,MAAM,EAAE,SAVqB;EAW7B,MAAM,EAAE,SAXqB;EAY7B,MAAM,EAAE;AAZqB,CAA/B;AAeA,MAAM,QAAQ,GAAkB;EAC9B,OAAO,EAAE,SADqB;EAE9B,OAAO,EAAE,SAFqB;EAG9B,OAAO,EAAE,SAHqB;EAI9B,OAAO,EAAE,SAJqB;EAK9B,OAAO,EAAE,SALqB;EAM9B,OAAO,EAAE,SANqB;EAO9B,MAAM,EAAE,SAPsB;EAQ9B,MAAM,EAAE,SARsB;EAS9B,MAAM,EAAE,SATsB;EAU9B,MAAM,EAAE,SAVsB;EAW9B,MAAM,EAAE,SAXsB;EAY9B,MAAM,EAAE;AAZsB,CAAhC;AAeA,MAAM,SAAS,GAAkB;EAC/B,OAAO,EAAE,SADsB;EAE/B,OAAO,EAAE,SAFsB;EAG/B,OAAO,EAAE,SAHsB;EAI/B,OAAO,EAAE,SAJsB;EAK/B,OAAO,EAAE,SALsB;EAM/B,OAAO,EAAE,SANsB;EAO/B,MAAM,EAAE,SAPuB;EAQ/B,MAAM,EAAE,SARuB;EAS/B,MAAM,EAAE,SATuB;EAU/B,MAAM,EAAE,SAVuB;EAW/B,MAAM,EAAE,SAXuB;EAY/B,MAAM,EAAE;AAZuB,CAAjC;AAeA,MAAM,GAAG,GAAkB;EACzB,OAAO,EAAE,SADgB;EAEzB,OAAO,EAAE,SAFgB;EAGzB,OAAO,EAAE,SAHgB;EAIzB,OAAO,EAAE,SAJgB;EAKzB,OAAO,EAAE,SALgB;EAMzB,OAAO,EAAE,SANgB;EAOzB,MAAM,EAAE,SAPiB;EAQzB,MAAM,EAAE,SARiB;EASzB,MAAM,EAAE,SATiB;EAUzB,MAAM,EAAE,SAViB;EAWzB,MAAM,EAAE,SAXiB;EAYzB,MAAM,EAAE;AAZiB,CAA3B;AAeA,MAAM,UAAU,GAAkB;EAChC,OAAO,EAAE,SADuB;EAEhC,OAAO,EAAE,SAFuB;EAGhC,OAAO,EAAE,SAHuB;EAIhC,OAAO,EAAE,SAJuB;EAKhC,OAAO,EAAE,SALuB;EAMhC,OAAO,EAAE,SANuB;EAOhC,MAAM,EAAE,SAPwB;EAQhC,MAAM,EAAE,SARwB;EAShC,MAAM,EAAE,SATwB;EAUhC,MAAM,EAAE,SAVwB;EAWhC,MAAM,EAAE,SAXwB;EAYhC,MAAM,EAAE;AAZwB,CAAlC;AAeA,MAAM,MAAM,GAAkB;EAC5B,OAAO,EAAE,SADmB;EAE5B,OAAO,EAAE,SAFmB;EAG5B,OAAO,EAAE,SAHmB;EAI5B,OAAO,EAAE,SAJmB;EAK5B,OAAO,EAAE,SALmB;EAM5B,OAAO,EAAE,SANmB;EAO5B,MAAM,EAAE,SAPoB;EAQ5B,MAAM,EAAE,SARoB;EAS5B,MAAM,EAAE,SAToB;EAU5B,MAAM,EAAE,SAVoB;EAW5B,MAAM,EAAE,SAXoB;EAY5B,MAAM,EAAE;AAZoB,CAA9B;AAeA,MAAM,OAAO,GAAkB;EAC7B,OAAO,EAAE,SADoB;EAE7B,OAAO,EAAE,SAFoB;EAG7B,OAAO,EAAE,SAHoB;EAI7B,OAAO,EAAE,SAJoB;EAK7B,OAAO,EAAE,SALoB;EAM7B,OAAO,EAAE,SANoB;EAO7B,MAAM,EAAE,SAPqB;EAQ7B,MAAM,EAAE,SARqB;EAS7B,MAAM,EAAE,SATqB;EAU7B,MAAM,EAAE,SAVqB;EAW7B,MAAM,EAAE,SAXqB;EAY7B,MAAM,EAAE;AAZqB,CAA/B;AAeA,MAAM,MAAM,GAAkB;EAC5B,OAAO,EAAE,SADmB;EAE5B,OAAO,EAAE,SAFmB;EAG5B,OAAO,EAAE,SAHmB;EAI5B,OAAO,EAAE,SAJmB;EAK5B,OAAO,EAAE,SALmB;EAM5B,OAAO,EAAE,SANmB;EAO5B,MAAM,EAAE,SAPoB;EAQ5B,MAAM,EAAE,SARoB;EAS5B,MAAM,EAAE,SAToB;EAU5B,MAAM,EAAE,SAVoB;EAW5B,MAAM,EAAE,SAXoB;EAY5B,MAAM,EAAE;AAZoB,CAA9B;AAeA,MAAM,KAAK,GAAkB;EAC3B,OAAO,EAAE,SADkB;EAE3B,OAAO,EAAE,SAFkB;EAG3B,OAAO,EAAE,SAHkB;EAI3B,OAAO,EAAE,SAJkB;EAK3B,OAAO,EAAE,SALkB;EAM3B,OAAO,EAAE,SANkB;EAO3B,MAAM,EAAE,SAPmB;EAQ3B,MAAM,EAAE,SARmB;EAS3B,MAAM,EAAE,SATmB;EAU3B,MAAM,EAAE,SAVmB;EAW3B,MAAM,EAAE,SAXmB;EAY3B,MAAM,EAAE;AAZmB,CAA7B;AAeA,MAAM,QAAQ,GAAkB;EAC9B,OAAO,EAAE,SADqB;EAE9B,OAAO,EAAE,SAFqB;EAG9B,OAAO,EAAE,SAHqB;EAI9B,OAAO,EAAE,SAJqB;EAK9B,OAAO,EAAE,SALqB;EAM9B,OAAO,EAAE,SANqB;EAO9B,MAAM,EAAE,SAPsB;EAQ9B,MAAM,EAAE,SARsB;EAS9B,MAAM,EAAE,SATsB;EAU9B,MAAM,EAAE,SAVsB;EAW9B,MAAM,EAAE,SAXsB;EAY9B,MAAM,EAAE;AAZsB,CAAhC;AAeA,MAAM,MAAM,GAAkB;EAC5B,OAAO,EAAE,SADmB;EAE5B,OAAO,EAAE,SAFmB;EAG5B,OAAO,EAAE,SAHmB;EAI5B,OAAO,EAAE,SAJmB;EAK5B,OAAO,EAAE,SALmB;EAM5B,OAAO,EAAE,SANmB;EAO5B,MAAM,EAAE,SAPoB;EAQ5B,MAAM,EAAE,SARoB;EAS5B,MAAM,EAAE,SAToB;EAU5B,MAAM,EAAE,SAVoB;EAW5B,MAAM,EAAE,SAXoB;EAY5B,MAAM,EAAE;AAZoB,CAA9B;AAeA,MAAM,IAAI,GAAkB;EAC1B,OAAO,EAAE,SADiB;EAE1B,OAAO,EAAE,SAFiB;EAG1B,OAAO,EAAE,SAHiB;EAI1B,OAAO,EAAE,SAJiB;EAK1B,OAAO,EAAE,SALiB;EAM1B,OAAO,EAAE,SANiB;EAO1B,MAAM,EAAE,SAPkB;EAQ1B,MAAM,EAAE,SARkB;EAS1B,MAAM,EAAE,SATkB;EAU1B,MAAM,EAAE,SAVkB;EAW1B,MAAM,EAAE,SAXkB;EAY1B,MAAM,EAAE;AAZkB,CAA5B;AAeA,MAAM,KAAK,GAAkB;EAC3B,OAAO,EAAE,SADkB;EAE3B,OAAO,EAAE,SAFkB;EAG3B,OAAO,EAAE,SAHkB;EAI3B,OAAO,EAAE,SAJkB;EAK3B,OAAO,EAAE,SALkB;EAM3B,OAAO,EAAE,SANkB;EAO3B,MAAM,EAAE,SAPmB;EAQ3B,MAAM,EAAE,SARmB;EAS3B,MAAM,EAAE,SATmB;EAU3B,MAAM,EAAE,SAVmB;EAW3B,MAAM,EAAE,SAXmB;EAY3B,MAAM,EAAE;AAZmB,CAA7B;AAeA,MAAM,KAAK,GAAkB;EAC3B,OAAO,EAAE,SADkB;EAE3B,OAAO,EAAE,SAFkB;EAG3B,OAAO,EAAE,SAHkB;EAI3B,OAAO,EAAE,SAJkB;EAK3B,OAAO,EAAE,SALkB;EAM3B,OAAO,EAAE,SANkB;EAO3B,MAAM,EAAE,SAPmB;EAQ3B,MAAM,EAAE,SARmB;EAS3B,MAAM,EAAE,SATmB;EAU3B,MAAM,EAAE,SAVmB;EAW3B,MAAM,EAAE,SAXmB;EAY3B,MAAM,EAAE;AAZmB,CAA7B;AAeA,MAAM,SAAS,GAAkB;EAC/B,OAAO,EAAE,SADsB;EAE/B,OAAO,EAAE,SAFsB;EAG/B,OAAO,EAAE,SAHsB;EAI/B,OAAO,EAAE,SAJsB;EAK/B,OAAO,EAAE,SALsB;EAM/B,OAAO,EAAE,SANsB;EAO/B,MAAM,EAAE,SAPuB;EAQ/B,MAAM,EAAE,SARuB;EAS/B,MAAM,EAAE,SATuB;EAU/B,MAAM,EAAE,SAVuB;EAW/B,MAAM,EAAE,SAXuB;EAY/B,MAAM,EAAE;AAZuB,CAAjC;AAeA,MAAM,IAAI,GAAkB;EAC1B,OAAO,EAAE,SADiB;EAE1B,OAAO,EAAE,SAFiB;EAG1B,OAAO,EAAE,SAHiB;EAI1B,OAAO,EAAE,SAJiB;EAK1B,OAAO,EAAE,SALiB;EAM1B,OAAO,EAAE,SANiB;EAO1B,MAAM,EAAE,SAPkB;EAQ1B,MAAM,EAAE,SARkB;EAS1B,MAAM,EAAE,SATkB;EAU1B,MAAM,EAAE,SAVkB;EAW1B,MAAM,EAAE,SAXkB;EAY1B,MAAM,EAAE;AAZkB,CAA5B;AAeA,MAAM,MAAM,GAAkB;EAC5B,OAAO,EAAE,SADmB;EAE5B,OAAO,EAAE,SAFmB;EAG5B,OAAO,EAAE,SAHmB;EAI5B,OAAO,EAAE,SAJmB;EAK5B,OAAO,EAAE,SALmB;EAM5B,OAAO,EAAE,SANmB;EAO5B,MAAM,EAAE,SAPoB;EAQ5B,MAAM,EAAE,SARoB;EAS5B,MAAM,EAAE,SAToB;EAU5B,MAAM,EAAE,SAVoB;EAW5B,MAAM,EAAE,SAXoB;EAY5B,MAAM,EAAE;AAZoB,CAA9B;AAeA,MAAM,OAAO,GAAkB;EAC7B,OAAO,EAAE,SADoB;EAE7B,OAAO,EAAE,SAFoB;EAG7B,OAAO,EAAE,SAHoB;EAI7B,OAAO,EAAE,SAJoB;EAK7B,OAAO,EAAE,SALoB;EAM7B,OAAO,EAAE,SANoB;EAO7B,MAAM,EAAE,SAPqB;EAQ7B,MAAM,EAAE,SARqB;EAS7B,MAAM,EAAE,SATqB;EAU7B,MAAM,EAAE,SAVqB;EAW7B,MAAM,EAAE,SAXqB;EAY7B,MAAM,EAAE;AAZqB,CAA/B;AAeA,MAAM,UAAU,GAAkB;EAChC,OAAO,EAAE,SADuB;EAEhC,OAAO,EAAE,SAFuB;EAGhC,OAAO,EAAE,SAHuB;EAIhC,OAAO,EAAE,SAJuB;EAKhC,OAAO,EAAE,SALuB;EAMhC,OAAO,EAAE,SANuB;EAOhC,MAAM,EAAE,SAPwB;EAQhC,MAAM,EAAE,SARwB;EAShC,MAAM,EAAE,SATwB;EAUhC,MAAM,EAAE,SAVwB;EAWhC,MAAM,EAAE,SAXwB;EAYhC,MAAM,EAAE;AAZwB,CAAlC;AAeA,MAAM,KAAK,GAAkB;EAC3B,OAAO,EAAE,SADkB;EAE3B,OAAO,EAAE,SAFkB;EAG3B,OAAO,EAAE,SAHkB;EAI3B,OAAO,EAAE,SAJkB;EAK3B,OAAO,EAAE,SALkB;EAM3B,OAAO,EAAE,SANkB;EAO3B,MAAM,EAAE,SAPmB;EAQ3B,MAAM,EAAE,SARmB;EAS3B,MAAM,EAAE,SATmB;EAU3B,MAAM,EAAE,SAVmB;EAW3B,MAAM,EAAE,SAXmB;EAY3B,MAAM,EAAE;AAZmB,CAA7B;AAeA,MAAM,SAAS,GAAkB;EAC/B,OAAO,EAAE,SADsB;EAE/B,OAAO,EAAE,SAFsB;EAG/B,OAAO,EAAE,SAHsB;EAI/B,OAAO,EAAE,SAJsB;EAK/B,OAAO,EAAE,SALsB;EAM/B,OAAO,EAAE,SANsB;EAO/B,MAAM,EAAE,SAPuB;EAQ/B,MAAM,EAAE,SARuB;EAS/B,MAAM,EAAE,SATuB;EAU/B,MAAM,EAAE,SAVuB;EAW/B,MAAM,EAAE,SAXuB;EAY/B,MAAM,EAAE;AAZuB,CAAjC;AAeA,MAAM,SAAS,GAAkB;EAC/B,OAAO,EAAE,SADsB;EAE/B,OAAO,EAAE,SAFsB;EAG/B,OAAO,EAAE,SAHsB;EAI/B,OAAO,EAAE,SAJsB;EAK/B,OAAO,EAAE,SALsB;EAM/B,OAAO,EAAE,SANsB;EAO/B,MAAM,EAAE,SAPuB;EAQ/B,MAAM,EAAE,SARuB;EAS/B,MAAM,EAAE,SATuB;EAU/B,MAAM,EAAE,SAVuB;EAW/B,MAAM,EAAE,SAXuB;EAY/B,MAAM,EAAE;AAZuB,CAAjC;AAeA,MAAM,IAAI,GAAkB;EAC1B,OAAO,EAAE,SADiB;EAE1B,OAAO,EAAE,SAFiB;EAG1B,OAAO,EAAE,SAHiB;EAI1B,OAAO,EAAE,SAJiB;EAK1B,OAAO,EAAE,SALiB;EAM1B,OAAO,EAAE,SANiB;EAO1B,MAAM,EAAE,SAPkB;EAQ1B,MAAM,EAAE,SARkB;EAS1B,MAAM,EAAE,SATkB;EAU1B,MAAM,EAAE,SAVkB;EAW1B,MAAM,EAAE,SAXkB;EAY1B,MAAM,EAAE;AAZkB,CAA5B;AAeA,MAAM,QAAQ,GAAkB;EAC9B,OAAO,EAAE,SADqB;EAE9B,OAAO,EAAE,SAFqB;EAG9B,OAAO,EAAE,SAHqB;EAI9B,OAAO,EAAE,SAJqB;EAK9B,OAAO,EAAE,SALqB;EAM9B,OAAO,EAAE,SANqB;EAO9B,MAAM,EAAE,SAPsB;EAQ9B,MAAM,EAAE,SARsB;EAS9B,MAAM,EAAE,SATsB;EAU9B,MAAM,EAAE,SAVsB;EAW9B,MAAM,EAAE,SAXsB;EAY9B,MAAM,EAAE;AAZsB,CAAhC;AAeA,MAAM,IAAI,GAAkB;EAC1B,OAAO,EAAE,SADiB;EAE1B,OAAO,EAAE,SAFiB;EAG1B,OAAO,EAAE,SAHiB;EAI1B,OAAO,EAAE,SAJiB;EAK1B,OAAO,EAAE,SALiB;EAM1B,OAAO,EAAE,SANiB;EAO1B,MAAM,EAAE,SAPkB;EAQ1B,MAAM,EAAE,SARkB;EAS1B,MAAM,EAAE,SATkB;EAU1B,MAAM,EAAE,SAVkB;EAW1B,MAAM,EAAE,SAXkB;EAY1B,MAAM,EAAE;AAZkB,CAA5B;AAeA,MAAM,KAAK,GAAkB;EAC3B,OAAO,EAAE,SADkB;EAE3B,OAAO,EAAE,SAFkB;EAG3B,OAAO,EAAE,SAHkB;EAI3B,OAAO,EAAE,SAJkB;EAK3B,OAAO,EAAE,SALkB;EAM3B,OAAO,EAAE,SANkB;EAO3B,MAAM,EAAE,SAPmB;EAQ3B,MAAM,EAAE,SARmB;EAS3B,MAAM,EAAE,SATmB;EAU3B,MAAM,EAAE,SAVmB;EAW3B,MAAM,EAAE,SAXmB;EAY3B,MAAM,EAAE;AAZmB,CAA7B;AAeA,MAAM,SAAS,GAAkB;EAC/B,OAAO,EAAE,SADsB;EAE/B,OAAO,EAAE,SAFsB;EAG/B,OAAO,EAAE,SAHsB;EAI/B,OAAO,EAAE,SAJsB;EAK/B,OAAO,EAAE,SALsB;EAM/B,OAAO,EAAE,SANsB;EAO/B,MAAM,EAAE,SAPuB;EAQ/B,MAAM,EAAE,SARuB;EAS/B,MAAM,EAAE,SATuB;EAU/B,MAAM,EAAE,SAVuB;EAW/B,MAAM,EAAE,SAXuB;EAY/B,MAAM,EAAE;AAZuB,CAAjC;AAeA,MAAM,IAAI,GAAkB;EAC1B,OAAO,EAAE,SADiB;EAE1B,OAAO,EAAE,SAFiB;EAG1B,OAAO,EAAE,SAHiB;EAI1B,OAAO,EAAE,SAJiB;EAK1B,OAAO,EAAE,SALiB;EAM1B,OAAO,EAAE,SANiB;EAO1B,MAAM,EAAE,SAPkB;EAQ1B,MAAM,EAAE,SARkB;EAS1B,MAAM,EAAE,SATkB;EAU1B,MAAM,EAAE,SAVkB;EAW1B,MAAM,EAAE,SAXkB;EAY1B,MAAM,EAAE;AAZkB,CAA5B;AAeA,MAAM,SAAS,GAAkB;EAC/B,OAAO,EAAE,SADsB;EAE/B,OAAO,EAAE,SAFsB;EAG/B,OAAO,EAAE,SAHsB;EAI/B,OAAO,EAAE,SAJsB;EAK/B,OAAO,EAAE,SALsB;EAM/B,OAAO,EAAE,SANsB;EAO/B,MAAM,EAAE,SAPuB;EAQ/B,MAAM,EAAE,SARuB;EAS/B,MAAM,EAAE,SATuB;EAU/B,MAAM,EAAE,SAVuB;EAW/B,MAAM,EAAE,SAXuB;EAY/B,MAAM,EAAE;AAZuB,CAAjC;AAeA,MAAM,QAAQ,GAAkB;EAC9B,OAAO,EAAE,SADqB;EAE9B,OAAO,EAAE,SAFqB;EAG9B,OAAO,EAAE,SAHqB;EAI9B,OAAO,EAAE,SAJqB;EAK9B,OAAO,EAAE,SALqB;EAM9B,OAAO,EAAE,SANqB;EAO9B,MAAM,EAAE,SAPsB;EAQ9B,MAAM,EAAE,SARsB;EAS9B,MAAM,EAAE,SATsB;EAU9B,MAAM,EAAE,SAVsB;EAW9B,MAAM,EAAE,SAXsB;EAY9B,MAAM,EAAE;AAZsB,CAAhC;AAeA,MAAM,UAAU,GAAkB;EAChC,OAAO,EAAE,SADuB;EAEhC,OAAO,EAAE,SAFuB;EAGhC,OAAO,EAAE,SAHuB;EAIhC,OAAO,EAAE,SAJuB;EAKhC,OAAO,EAAE,SALuB;EAMhC,OAAO,EAAE,SANuB;EAOhC,MAAM,EAAE,SAPwB;EAQhC,MAAM,EAAE,SARwB;EAShC,MAAM,EAAE,SATwB;EAUhC,MAAM,EAAE,SAVwB;EAWhC,MAAM,EAAE,SAXwB;EAYhC,MAAM,EAAE;AAZwB,CAAlC;AAeA,MAAM,IAAI,GAAkB;EAC1B,OAAO,EAAE,SADiB;EAE1B,OAAO,EAAE,SAFiB;EAG1B,OAAO,EAAE,SAHiB;EAI1B,OAAO,EAAE,SAJiB;EAK1B,OAAO,EAAE,SALiB;EAM1B,OAAO,EAAE,SANiB;EAO1B,MAAM,EAAE,SAPkB;EAQ1B,MAAM,EAAE,SARkB;EAS1B,MAAM,EAAE,SATkB;EAU1B,MAAM,EAAE,SAVkB;EAW1B,MAAM,EAAE,SAXkB;EAY1B,MAAM,EAAE;AAZkB,CAA5B;AAeA,MAAM,QAAQ,GAAkB;EAC9B,OAAO,EAAE,SADqB;EAE9B,OAAO,EAAE,SAFqB;EAG9B,OAAO,EAAE,SAHqB;EAI9B,OAAO,EAAE,SAJqB;EAK9B,OAAO,EAAE,SALqB;EAM9B,OAAO,EAAE,SANqB;EAO9B,MAAM,EAAE,SAPsB;EAQ9B,MAAM,EAAE,SARsB;EAS9B,MAAM,EAAE,SATsB;EAU9B,MAAM,EAAE,SAVsB;EAW9B,MAAM,EAAE,SAXsB;EAY9B,MAAM,EAAE;AAZsB,CAAhC;AAeA,MAAM,MAAM,GAAkB;EAC5B,OAAO,EAAE,SADmB;EAE5B,OAAO,EAAE,SAFmB;EAG5B,OAAO,EAAE,SAHmB;EAI5B,OAAO,EAAE,SAJmB;EAK5B,OAAO,EAAE,SALmB;EAM5B,OAAO,EAAE,SANmB;EAO5B,MAAM,EAAE,SAPoB;EAQ5B,MAAM,EAAE,SARoB;EAS5B,MAAM,EAAE,SAToB;EAU5B,MAAM,EAAE,SAVoB;EAW5B,MAAM,EAAE,SAXoB;EAY5B,MAAM,EAAE;AAZoB,CAA9B;AAeA,MAAM,UAAU,GAAkB;EAChC,OAAO,EAAE,SADuB;EAEhC,OAAO,EAAE,SAFuB;EAGhC,OAAO,EAAE,SAHuB;EAIhC,OAAO,EAAE,SAJuB;EAKhC,OAAO,EAAE,SALuB;EAMhC,OAAO,EAAE,SANuB;EAOhC,MAAM,EAAE,SAPwB;EAQhC,MAAM,EAAE,SARwB;EAShC,MAAM,EAAE,SATwB;EAUhC,MAAM,EAAE,SAVwB;EAWhC,MAAM,EAAE,SAXwB;EAYhC,MAAM,EAAE;AAZwB,CAAlC;AAeA,MAAM,MAAM,GAAkB;EAC5B,OAAO,EAAE,SADmB;EAE5B,OAAO,EAAE,SAFmB;EAG5B,OAAO,EAAE,SAHmB;EAI5B,OAAO,EAAE,SAJmB;EAK5B,OAAO,EAAE,SALmB;EAM5B,OAAO,EAAE,SANmB;EAO5B,MAAM,EAAE,SAPoB;EAQ5B,MAAM,EAAE,SARoB;EAS5B,MAAM,EAAE,SAToB;EAU5B,MAAM,EAAE,SAVoB;EAW5B,MAAM,EAAE,SAXoB;EAY5B,MAAM,EAAE;AAZoB,CAA9B;AAeA,MAAM,KAAK,GAAkB;EAC3B,OAAO,EAAE,SADkB;EAE3B,OAAO,EAAE,SAFkB;EAG3B,OAAO,EAAE,SAHkB;EAI3B,OAAO,EAAE,SAJkB;EAK3B,OAAO,EAAE,SALkB;EAM3B,OAAO,EAAE,SANkB;EAO3B,MAAM,EAAE,SAPmB;EAQ3B,MAAM,EAAE,SARmB;EAS3B,MAAM,EAAE,SATmB;EAU3B,MAAM,EAAE,SAVmB;EAW3B,MAAM,EAAE,SAXmB;EAY3B,MAAM,EAAE;AAZmB,CAA7B;AAeA,MAAM,KAAK,GAAkB;EAC3B,OAAO,EAAE,SADkB;EAE3B,OAAO,EAAE,SAFkB;EAG3B,OAAO,EAAE,SAHkB;EAI3B,OAAO,EAAE,SAJkB;EAK3B,OAAO,EAAE,SALkB;EAM3B,OAAO,EAAE,SANkB;EAO3B,MAAM,EAAE,SAPmB;EAQ3B,MAAM,EAAE,SARmB;EAS3B,MAAM,EAAE,SATmB;EAU3B,MAAM,EAAE,SAVmB;EAW3B,MAAM,EAAE,SAXmB;EAY3B,MAAM,EAAE;AAZmB,CAA7B;AAeA,MAAM,KAAK,GAAkB;EAC3B,OAAO,EAAE,SADkB;EAE3B,OAAO,EAAE,SAFkB;EAG3B,OAAO,EAAE,SAHkB;EAI3B,OAAO,EAAE,SAJkB;EAK3B,OAAO,EAAE,SALkB;EAM3B,OAAO,EAAE,SANkB;EAO3B,MAAM,EAAE,SAPmB;EAQ3B,MAAM,EAAE,SARmB;EAS3B,MAAM,EAAE,SATmB;EAU3B,MAAM,EAAE,SAVmB;EAW3B,MAAM,EAAE,SAXmB;EAY3B,MAAM,EAAE;AAZmB,CAA7B;AAeA,MAAM,IAAI,GAAkB;EAC1B,OAAO,EAAE,SADiB;EAE1B,OAAO,EAAE,SAFiB;EAG1B,OAAO,EAAE,SAHiB;EAI1B,OAAO,EAAE,SAJiB;EAK1B,OAAO,EAAE,SALiB;EAM1B,OAAO,EAAE,SANiB;EAO1B,MAAM,EAAE,SAPkB;EAQ1B,MAAM,EAAE,SARkB;EAS1B,MAAM,EAAE,SATkB;EAU1B,MAAM,EAAE,SAVkB;EAW1B,MAAM,EAAE,SAXkB;EAY1B,MAAM,EAAE;AAZkB,CAA5B;AAeA,MAAM,OAAO,GAAkB;EAC7B,OAAO,EAAE,SADoB;EAE7B,OAAO,EAAE,SAFoB;EAG7B,OAAO,EAAE,SAHoB;EAI7B,OAAO,EAAE,SAJoB;EAK7B,OAAO,EAAE,SALoB;EAM7B,OAAO,EAAE,SANoB;EAO7B,MAAM,EAAE,SAPqB;EAQ7B,MAAM,EAAE,SARqB;EAS7B,MAAM,EAAE,SATqB;EAU7B,MAAM,EAAE,SAVqB;EAW7B,MAAM,EAAE,SAXqB;EAY7B,MAAM,EAAE;AAZqB,CAA/B;AAeA,MAAM,OAAO,GAAkB;EAC7B,OAAO,EAAE,SADoB;EAE7B,OAAO,EAAE,SAFoB;EAG7B,OAAO,EAAE,SAHoB;EAI7B,OAAO,EAAE,SAJoB;EAK7B,OAAO,EAAE,SALoB;EAM7B,OAAO,EAAE,SANoB;EAO7B,MAAM,EAAE,SAPqB;EAQ7B,MAAM,EAAE,SARqB;EAS7B,MAAM,EAAE,SATqB;EAU7B,MAAM,EAAE,SAVqB;EAW7B,MAAM,EAAE,SAXqB;EAY7B,MAAM,EAAE;AAZqB,CAA/B;AAeA,MAAM,IAAI,GAAkB;EAC1B,OAAO,EAAE,SADiB;EAE1B,OAAO,EAAE,SAFiB;EAG1B,OAAO,EAAE,SAHiB;EAI1B,OAAO,EAAE,SAJiB;EAK1B,OAAO,EAAE,SALiB;EAM1B,OAAO,EAAE,SANiB;EAO1B,MAAM,EAAE,SAPkB;EAQ1B,MAAM,EAAE,SARkB;EAS1B,MAAM,EAAE,SATkB;EAU1B,MAAM,EAAE,SAVkB;EAW1B,MAAM,EAAE,SAXkB;EAY1B,MAAM,EAAE;AAZkB,CAA5B;AAeA,MAAM,KAAK,GAAkB;EAC3B,OAAO,EAAE,SADkB;EAE3B,OAAO,EAAE,SAFkB;EAG3B,OAAO,EAAE,SAHkB;EAI3B,OAAO,EAAE,SAJkB;EAK3B,OAAO,EAAE,SALkB;EAM3B,OAAO,EAAE,SANkB;EAO3B,MAAM,EAAE,SAPmB;EAQ3B,MAAM,EAAE,SARmB;EAS3B,MAAM,EAAE,SATmB;EAU3B,MAAM,EAAE,SAVmB;EAW3B,MAAM,EAAE,SAXmB;EAY3B,MAAM,EAAE;AAZmB,CAA7B;AAeA,MAAM,IAAI,GAAkB;EAC1B,OAAO,EAAE,SADiB;EAE1B,OAAO,EAAE,SAFiB;EAG1B,OAAO,EAAE,SAHiB;EAI1B,OAAO,EAAE,SAJiB;EAK1B,OAAO,EAAE,SALiB;EAM1B,OAAO,EAAE,SANiB;EAO1B,MAAM,EAAE,SAPkB;EAQ1B,MAAM,EAAE,SARkB;EAS1B,MAAM,EAAE,SATkB;EAU1B,MAAM,EAAE,SAVkB;EAW1B,MAAM,EAAE,SAXkB;EAY1B,MAAM,EAAE;AAZkB,CAA5B;AAeA,MAAM,MAAM,GAAkB;EAC5B,OAAO,EAAE,SADmB;EAE5B,OAAO,EAAE,SAFmB;EAG5B,OAAO,EAAE,SAHmB;EAI5B,OAAO,EAAE,SAJmB;EAK5B,OAAO,EAAE,SALmB;EAM5B,OAAO,EAAE,SANmB;EAO5B,MAAM,EAAE,SAPoB;EAQ5B,MAAM,EAAE,SARoB;EAS5B,MAAM,EAAE,SAToB;EAU5B,MAAM,EAAE,SAVoB;EAW5B,MAAM,EAAE,SAXoB;EAY5B,MAAM,EAAE;AAZoB,CAA9B;AAeA,MAAM,QAAQ,GAAkB;EAC9B,OAAO,EAAE,SADqB;EAE9B,OAAO,EAAE,SAFqB;EAG9B,OAAO,EAAE,SAHqB;EAI9B,OAAO,EAAE,SAJqB;EAK9B,OAAO,EAAE,SALqB;EAM9B,OAAO,EAAE,SANqB;EAO9B,MAAM,EAAE,SAPsB;EAQ9B,MAAM,EAAE,SARsB;EAS9B,MAAM,EAAE,SATsB;EAU9B,MAAM,EAAE,SAVsB;EAW9B,MAAM,EAAE,SAXsB;EAY9B,MAAM,EAAE;AAZsB,CAAhC;AAeA,MAAM,MAAM,GAAkB;EAC5B,OAAO,EAAE,SADmB;EAE5B,OAAO,EAAE,SAFmB;EAG5B,OAAO,EAAE,SAHmB;EAI5B,OAAO,EAAE,SAJmB;EAK5B,OAAO,EAAE,SALmB;EAM5B,OAAO,EAAE,SANmB;EAO5B,MAAM,EAAE,SAPoB;EAQ5B,MAAM,EAAE,SARoB;EAS5B,MAAM,EAAE,SAToB;EAU5B,MAAM,EAAE,SAVoB;EAW5B,MAAM,EAAE,SAXoB;EAY5B,MAAM,EAAE;AAZoB,CAA9B;AAeA,MAAM,QAAQ,GAAkB;EAC9B,OAAO,EAAE,SADqB;EAE9B,OAAO,EAAE,SAFqB;EAG9B,OAAO,EAAE,SAHqB;EAI9B,OAAO,EAAE,SAJqB;EAK9B,OAAO,EAAE,SALqB;EAM9B,OAAO,EAAE,SANqB;EAO9B,MAAM,EAAE,SAPsB;EAQ9B,MAAM,EAAE,SARsB;EAS9B,MAAM,EAAE,SATsB;EAU9B,MAAM,EAAE,SAVsB;EAW9B,MAAM,EAAE,SAXsB;EAY9B,MAAM,EAAE;AAZsB,CAAhC;AAeA,OAAO,MAAM,YAAY,GAAuB;EAC9C,OAD8C;EAE9C,QAF8C;EAG9C,SAH8C;EAI9C,GAJ8C;EAK9C,UAL8C;EAM9C,MAN8C;EAO9C,OAP8C;EAQ9C,MAR8C;EAS9C,KAT8C;EAU9C,QAV8C;EAW9C,MAX8C;EAY9C,IAZ8C;EAa9C,KAb8C;EAc9C,KAd8C;EAe9C,SAf8C;EAgB9C,IAhB8C;EAiB9C,MAjB8C;EAkB9C,OAlB8C;EAmB9C,UAnB8C;EAoB9C,KApB8C;EAqB9C,SArB8C;EAsB9C,SAtB8C;EAuB9C,IAvB8C;EAwB9C,QAxB8C;EAyB9C,IAzB8C;EA0B9C,KA1B8C;EA2B9C,SA3B8C;EA4B9C,IA5B8C;EA6B9C,SA7B8C;EA8B9C,QA9B8C;EA+B9C,UA/B8C;EAgC9C,IAhC8C;EAiC9C,QAjC8C;EAkC9C,MAlC8C;EAmC9C,UAnC8C;EAoC9C,MApC8C;EAqC9C,KArC8C;EAsC9C,KAtC8C;EAuC9C,KAvC8C;EAwC9C,IAxC8C;EAyC9C,OAzC8C;EA0C9C,OA1C8C;EA2C9C,IA3C8C;EA4C9C,KA5C8C;EA6C9C,IA7C8C;EA8C9C,MA9C8C;EA+C9C,QA/C8C;EAgD9C,MAhD8C;EAiD9C;AAjD8C,CAAzC;AAoDP,OAAO,MAAM,QAAQ,GAAkB;EACrC,IAAI,SADiC;EAErC,IAAI,SAFiC;EAGrC,IAAI,SAHiC;EAIrC,IAAI,SAJiC;EAKrC,IAAI,SALiC;EAMrC,IAAI,SANiC;EAOrC,IAAI,SAPiC;EAQrC,IAAI,SARiC;EASrC,IAAI,SATiC;EAUrC,KAAK,SAVgC;EAWrC,KAAK,SAXgC;EAYrC,KAAK,SAZgC;EAarC,KAAK,SAbgC;EAcrC,KAAK,SAdgC;EAerC,KAAK,SAfgC;EAgBrC,KAAK;AAhBgC,CAAhC","sourcesContent":["/**\n * These colors have been copied here from react-theme because they are not exported from that package.\n * They are necessary to build the theme shims.\n */\n\nimport type { BrandVariants } from '@fluentui/react-components';\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n shade50: string;\n shade40: string;\n shade30: string;\n shade20: string;\n shade10: string;\n primary: string;\n tint10: string;\n tint20: string;\n tint30: string;\n tint40: string;\n tint50: string;\n tint60: string;\n};\n\n/**\n * All the global shared colors and their shade/tint variants\n */\nexport type GlobalSharedColors = {\n darkRed: ColorVariants;\n burgundy: ColorVariants;\n cranberry: ColorVariants;\n red: ColorVariants;\n darkOrange: ColorVariants;\n bronze: ColorVariants;\n pumpkin: ColorVariants;\n orange: ColorVariants;\n peach: ColorVariants;\n marigold: ColorVariants;\n yellow: ColorVariants;\n gold: ColorVariants;\n brass: ColorVariants;\n brown: ColorVariants;\n darkBrown: ColorVariants;\n lime: ColorVariants;\n forest: ColorVariants;\n seafoam: ColorVariants;\n lightGreen: ColorVariants;\n green: ColorVariants;\n darkGreen: ColorVariants;\n lightTeal: ColorVariants;\n teal: ColorVariants;\n darkTeal: ColorVariants;\n cyan: ColorVariants;\n steel: ColorVariants;\n lightBlue: ColorVariants;\n blue: ColorVariants;\n royalBlue: ColorVariants;\n darkBlue: ColorVariants;\n cornflower: ColorVariants;\n navy: ColorVariants;\n lavender: ColorVariants;\n purple: ColorVariants;\n darkPurple: ColorVariants;\n orchid: ColorVariants;\n grape: ColorVariants;\n berry: ColorVariants;\n lilac: ColorVariants;\n pink: ColorVariants;\n hotPink: ColorVariants;\n magenta: ColorVariants;\n plum: ColorVariants;\n beige: ColorVariants;\n mink: ColorVariants;\n silver: ColorVariants;\n platinum: ColorVariants;\n anchor: ColorVariants;\n charcoal: ColorVariants;\n};\n\nexport type TextAlignment =\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'center'\n | 'end'\n | 'start'\n | 'justify'\n | 'left'\n | 'match-parent'\n | 'right';\n\nexport type TextAlignments = {\n start: TextAlignment;\n center: TextAlignment;\n end: TextAlignment;\n justify: TextAlignment;\n};\n\nexport type Greys =\n | 0\n | 2\n | 4\n | 6\n | 8\n | 10\n | 12\n | 14\n | 16\n | 18\n | 20\n | 22\n | 24\n | 26\n | 28\n | 30\n | 32\n | 34\n | 36\n | 38\n | 40\n | 42\n | 44\n | 46\n | 48\n | 50\n | 52\n | 54\n | 56\n | 58\n | 60\n | 62\n | 64\n | 66\n | 68\n | 70\n | 72\n | 74\n | 76\n | 78\n | 80\n | 82\n | 84\n | 86\n | 88\n | 90\n | 92\n | 94\n | 96\n | 98\n | 100;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\nexport const grey: Record<Greys, string> = {\n '0': '#000000',\n '2': '#050505',\n '4': '#0a0a0a',\n '6': '#0f0f0f',\n '8': '#141414',\n '10': '#1a1a1a',\n '12': '#1f1f1f',\n '14': '#242424',\n '16': '#292929',\n '18': '#2e2e2e',\n '20': '#333333',\n '22': '#383838',\n '24': '#3d3d3d',\n '26': '#424242',\n '28': '#474747',\n '30': '#4d4d4d',\n '32': '#525252',\n '34': '#575757',\n '36': '#5c5c5c',\n '38': '#616161',\n '40': '#666666',\n '42': '#6b6b6b',\n '44': '#707070',\n '46': '#757575',\n '48': '#7a7a7a',\n '50': '#808080',\n '52': '#858585',\n '54': '#8a8a8a',\n '56': '#8f8f8f',\n '58': '#949494',\n '60': '#999999',\n '62': '#9e9e9e',\n '64': '#a3a3a3',\n '66': '#a8a8a8',\n '68': '#adadad',\n '70': '#b3b3b3',\n '72': '#b8b8b8',\n '74': '#bdbdbd',\n '76': '#c2c2c2',\n '78': '#c7c7c7',\n '80': '#cccccc',\n '82': '#d1d1d1',\n '84': '#d6d6d6',\n '86': '#dbdbdb',\n '88': '#e0e0e0',\n '90': '#e6e6e6',\n '92': '#ebebeb',\n '94': '#f0f0f0',\n '96': '#f5f5f5',\n '98': '#fafafa',\n '100': '#ffffff',\n};\n\nexport const whiteAlpha: Record<AlphaColors, string> = {\n '5': 'rgba(255, 255, 255, 0.05)',\n '10': 'rgba(255, 255, 255, 0.1)',\n '20': 'rgba(255, 255, 255, 0.2)',\n '30': 'rgba(255, 255, 255, 0.3)',\n '40': 'rgba(255, 255, 255, 0.4)',\n '50': 'rgba(255, 255, 255, 0.5)',\n '60': 'rgba(255, 255, 255, 0.6)',\n '70': 'rgba(255, 255, 255, 0.7)',\n '80': 'rgba(255, 255, 255, 0.8)',\n '90': 'rgba(255, 255, 255, 0.9)',\n};\n\nexport const blackAlpha: Record<AlphaColors, string> = {\n '5': 'rgba(0, 0, 0, 0.05)',\n '10': 'rgba(0, 0, 0, 0.1)',\n '20': 'rgba(0, 0, 0, 0.2)',\n '30': 'rgba(0, 0, 0, 0.3)',\n '40': 'rgba(0, 0, 0, 0.4)',\n '50': 'rgba(0, 0, 0, 0.5)',\n '60': 'rgba(0, 0, 0, 0.6)',\n '70': 'rgba(0, 0, 0, 0.7)',\n '80': 'rgba(0, 0, 0, 0.8)',\n '90': 'rgba(0, 0, 0, 0.9)',\n};\n\nexport const grey14Alpha: Record<AlphaColors, string> = {\n '5': 'rgba(36, 36, 36, 0.05)',\n '10': 'rgba(36, 36, 36, 0.1)',\n '20': 'rgba(36, 36, 36, 0.2)',\n '30': 'rgba(36, 36, 36, 0.3)',\n '40': 'rgba(36, 36, 36, 0.4)',\n '50': 'rgba(36, 36, 36, 0.5)',\n '60': 'rgba(36, 36, 36, 0.6)',\n '70': 'rgba(36, 36, 36, 0.7)',\n '80': 'rgba(36, 36, 36, 0.8)',\n '90': 'rgba(36, 36, 36, 0.9)',\n};\n\nexport const white = '#ffffff';\n\nexport const black = '#000000';\n\nexport const hcHyperlink = '#ffff00';\n\nexport const hcHighlight = '#1aebff';\n\nexport const hcDisabled = '#3ff23f';\n\nexport const hcCanvas = '#000000';\n\nexport const hcCanvasText = '#ffffff';\n\nexport const hcHighlightText = '#000000';\n\nexport const hcButtonText = '#000000';\n\nexport const hcButtonFace = '#ffffff';\n\nconst darkRed: ColorVariants = {\n shade50: '#130204',\n shade40: '#230308',\n shade30: '#420610',\n shade20: '#590815',\n shade10: '#690a19',\n primary: '#750b1c',\n tint10: '#861b2c',\n tint20: '#962f3f',\n tint30: '#ac4f5e',\n tint40: '#d69ca5',\n tint50: '#e9c7cd',\n tint60: '#f9f0f2',\n};\n\nconst burgundy: ColorVariants = {\n shade50: '#1a0607',\n shade40: '#310b0d',\n shade30: '#5c1519',\n shade20: '#7d1d21',\n shade10: '#942228',\n primary: '#a4262c',\n tint10: '#af393e',\n tint20: '#ba4d52',\n tint30: '#c86c70',\n tint40: '#e4afb2',\n tint50: '#f0d3d4',\n tint60: '#fbf4f4',\n};\n\nconst cranberry: ColorVariants = {\n shade50: '#200205',\n shade40: '#3b0509',\n shade30: '#6e0811',\n shade20: '#960b18',\n shade10: '#b10e1c',\n primary: '#c50f1f',\n tint10: '#cc2635',\n tint20: '#d33f4c',\n tint30: '#dc626d',\n tint40: '#eeacb2',\n tint50: '#f6d1d5',\n tint60: '#fdf3f4',\n};\n\nconst red: ColorVariants = {\n shade50: '#210809',\n shade40: '#3f1011',\n shade30: '#751d1f',\n shade20: '#9f282b',\n shade10: '#bc2f32',\n primary: '#d13438',\n tint10: '#d7494c',\n tint20: '#dc5e62',\n tint30: '#e37d80',\n tint40: '#f1bbbc',\n tint50: '#f8dadb',\n tint60: '#fdf6f6',\n};\n\nconst darkOrange: ColorVariants = {\n shade50: '#230900',\n shade40: '#411200',\n shade30: '#7a2101',\n shade20: '#a62d01',\n shade10: '#c43501',\n primary: '#da3b01',\n tint10: '#de501c',\n tint20: '#e36537',\n tint30: '#e9835e',\n tint40: '#f4bfab',\n tint50: '#f9dcd1',\n tint60: '#fdf6f3',\n};\n\nconst bronze: ColorVariants = {\n shade50: '#1b0a01',\n shade40: '#321303',\n shade30: '#5e2405',\n shade20: '#7f3107',\n shade10: '#963a08',\n primary: '#a74109',\n tint10: '#b2521e',\n tint20: '#bc6535',\n tint30: '#ca8057',\n tint40: '#e5bba4',\n tint50: '#f1d9cc',\n tint60: '#fbf5f2',\n};\n\nconst pumpkin: ColorVariants = {\n shade50: '#200d03',\n shade40: '#3d1805',\n shade30: '#712d09',\n shade20: '#9a3d0c',\n shade10: '#b6480e',\n primary: '#ca5010',\n tint10: '#d06228',\n tint20: '#d77440',\n tint30: '#df8e64',\n tint40: '#efc4ad',\n tint50: '#f7dfd2',\n tint60: '#fdf7f4',\n};\n\nconst orange: ColorVariants = {\n shade50: '#271002',\n shade40: '#4a1e04',\n shade30: '#8a3707',\n shade20: '#bc4b09',\n shade10: '#de590b',\n primary: '#f7630c',\n tint10: '#f87528',\n tint20: '#f98845',\n tint30: '#faa06b',\n tint40: '#fdcfb4',\n tint50: '#fee5d7',\n tint60: '#fff9f5',\n};\n\nconst peach: ColorVariants = {\n shade50: '#291600',\n shade40: '#4d2a00',\n shade30: '#8f4e00',\n shade20: '#c26a00',\n shade10: '#e67e00',\n primary: '#ff8c00',\n tint10: '#ff9a1f',\n tint20: '#ffa83d',\n tint30: '#ffba66',\n tint40: '#ffddb3',\n tint50: '#ffedd6',\n tint60: '#fffaf5',\n};\n\nconst marigold: ColorVariants = {\n shade50: '#251a00',\n shade40: '#463100',\n shade30: '#835b00',\n shade20: '#b27c00',\n shade10: '#d39300',\n primary: '#eaa300',\n tint10: '#edad1c',\n tint20: '#efb839',\n tint30: '#f2c661',\n tint40: '#f9e2ae',\n tint50: '#fcefd3',\n tint60: '#fefbf4',\n};\n\nconst yellow: ColorVariants = {\n primary: '#fde300',\n shade10: '#e4cc00',\n shade20: '#c0ad00',\n shade30: '#817400',\n shade40: '#4c4400',\n shade50: '#282400',\n tint10: '#fde61e',\n tint20: '#fdea3d',\n tint30: '#feee66',\n tint40: '#fef7b2',\n tint50: '#fffad6',\n tint60: '#fffef5',\n};\n\nconst gold: ColorVariants = {\n shade50: '#1f1900',\n shade40: '#3a2f00',\n shade30: '#6c5700',\n shade20: '#937700',\n shade10: '#ae8c00',\n primary: '#c19c00',\n tint10: '#c8a718',\n tint20: '#d0b232',\n tint30: '#dac157',\n tint40: '#ecdfa5',\n tint50: '#f5eece',\n tint60: '#fdfbf2',\n};\n\nconst brass: ColorVariants = {\n shade50: '#181202',\n shade40: '#2e2103',\n shade30: '#553e06',\n shade20: '#745408',\n shade10: '#89640a',\n primary: '#986f0b',\n tint10: '#a47d1e',\n tint20: '#b18c34',\n tint30: '#c1a256',\n tint40: '#e0cea2',\n tint50: '#efe4cb',\n tint60: '#fbf8f2',\n};\n\nconst brown: ColorVariants = {\n shade50: '#170e07',\n shade40: '#2b1a0e',\n shade30: '#50301a',\n shade20: '#6c4123',\n shade10: '#804d29',\n primary: '#8e562e',\n tint10: '#9c663f',\n tint20: '#a97652',\n tint30: '#bb8f6f',\n tint40: '#ddc3b0',\n tint50: '#edded3',\n tint60: '#faf7f4',\n};\n\nconst darkBrown: ColorVariants = {\n shade50: '#0c0704',\n shade40: '#170c08',\n shade30: '#2b1710',\n shade20: '#3a1f15',\n shade10: '#452519',\n primary: '#4d291c',\n tint10: '#623a2b',\n tint20: '#784d3e',\n tint30: '#946b5c',\n tint40: '#caada3',\n tint50: '#e3d2cb',\n tint60: '#f8f3f2',\n};\n\nconst lime: ColorVariants = {\n shade50: '#121b06',\n shade40: '#23330b',\n shade30: '#405f14',\n shade20: '#57811b',\n shade10: '#689920',\n primary: '#73aa24',\n tint10: '#81b437',\n tint20: '#90be4c',\n tint30: '#a4cc6c',\n tint40: '#cfe5af',\n tint50: '#e5f1d3',\n tint60: '#f8fcf4',\n};\n\nconst forest: ColorVariants = {\n shade50: '#0c1501',\n shade40: '#162702',\n shade30: '#294903',\n shade20: '#376304',\n shade10: '#427505',\n primary: '#498205',\n tint10: '#599116',\n tint20: '#6ba02b',\n tint30: '#85b44c',\n tint40: '#bdd99b',\n tint50: '#dbebc7',\n tint60: '#f6faf0',\n};\n\nconst seafoam: ColorVariants = {\n shade50: '#002111',\n shade40: '#003d20',\n shade30: '#00723b',\n shade20: '#009b51',\n shade10: '#00b85f',\n primary: '#00cc6a',\n tint10: '#19d279',\n tint20: '#34d889',\n tint30: '#5ae0a0',\n tint40: '#a8f0cd',\n tint50: '#cff7e4',\n tint60: '#f3fdf8',\n};\n\nconst lightGreen: ColorVariants = {\n shade50: '#031a02',\n shade40: '#063004',\n shade30: '#0b5a08',\n shade20: '#0e7a0b',\n shade10: '#11910d',\n primary: '#13a10e',\n tint10: '#27ac22',\n tint20: '#3db838',\n tint30: '#5ec75a',\n tint40: '#a7e3a5',\n tint50: '#cef0cd',\n tint60: '#f2fbf2',\n};\n\nconst green: ColorVariants = {\n shade50: '#031403',\n shade40: '#052505',\n shade30: '#094509',\n shade20: '#0c5e0c',\n shade10: '#0e700e',\n primary: '#107c10',\n tint10: '#218c21',\n tint20: '#359b35',\n tint30: '#54b054',\n tint40: '#9fd89f',\n tint50: '#c9eac9',\n tint60: '#f1faf1',\n};\n\nconst darkGreen: ColorVariants = {\n shade50: '#021102',\n shade40: '#032003',\n shade30: '#063b06',\n shade20: '#085108',\n shade10: '#0a5f0a',\n primary: '#0b6a0b',\n tint10: '#1a7c1a',\n tint20: '#2d8e2d',\n tint30: '#4da64d',\n tint40: '#9ad29a',\n tint50: '#c6e7c6',\n tint60: '#f0f9f0',\n};\n\nconst lightTeal: ColorVariants = {\n shade50: '#001d1f',\n shade40: '#00373a',\n shade30: '#00666d',\n shade20: '#008b94',\n shade10: '#00a5af',\n primary: '#00b7c3',\n tint10: '#18bfca',\n tint20: '#32c8d1',\n tint30: '#58d3db',\n tint40: '#a6e9ed',\n tint50: '#cef3f5',\n tint60: '#f2fcfd',\n};\n\nconst teal: ColorVariants = {\n shade50: '#001516',\n shade40: '#012728',\n shade30: '#02494c',\n shade20: '#026467',\n shade10: '#037679',\n primary: '#038387',\n tint10: '#159195',\n tint20: '#2aa0a4',\n tint30: '#4cb4b7',\n tint40: '#9bd9db',\n tint50: '#c7ebec',\n tint60: '#f0fafa',\n};\n\nconst darkTeal: ColorVariants = {\n shade50: '#001010',\n shade40: '#001f1f',\n shade30: '#003939',\n shade20: '#004e4e',\n shade10: '#005c5c',\n primary: '#006666',\n tint10: '#0e7878',\n tint20: '#218b8b',\n tint30: '#41a3a3',\n tint40: '#92d1d1',\n tint50: '#c2e7e7',\n tint60: '#eff9f9',\n};\n\nconst cyan: ColorVariants = {\n shade50: '#00181e',\n shade40: '#002e38',\n shade30: '#005669',\n shade20: '#00748f',\n shade10: '#008aa9',\n primary: '#0099bc',\n tint10: '#18a4c4',\n tint20: '#31afcc',\n tint30: '#56bfd7',\n tint40: '#a4deeb',\n tint50: '#cdedf4',\n tint60: '#f2fafc',\n};\n\nconst steel: ColorVariants = {\n shade50: '#000f12',\n shade40: '#001b22',\n shade30: '#00333f',\n shade20: '#004555',\n shade10: '#005265',\n primary: '#005b70',\n tint10: '#0f6c81',\n tint20: '#237d92',\n tint30: '#4496a9',\n tint40: '#94c8d4',\n tint50: '#c3e1e8',\n tint60: '#eff7f9',\n};\n\nconst lightBlue: ColorVariants = {\n shade50: '#091823',\n shade40: '#112d42',\n shade30: '#20547c',\n shade20: '#2c72a8',\n shade10: '#3487c7',\n primary: '#3a96dd',\n tint10: '#4fa1e1',\n tint20: '#65ade5',\n tint30: '#83bdeb',\n tint40: '#bfddf5',\n tint50: '#dcedfa',\n tint60: '#f6fafe',\n};\n\nconst blue: ColorVariants = {\n shade50: '#001322',\n shade40: '#002440',\n shade30: '#004377',\n shade20: '#005ba1',\n shade10: '#006cbf',\n primary: '#0078d4',\n tint10: '#1a86d9',\n tint20: '#3595de',\n tint30: '#5caae5',\n tint40: '#a9d3f2',\n tint50: '#d0e7f8',\n tint60: '#f3f9fd',\n};\n\nconst royalBlue: ColorVariants = {\n shade50: '#000c16',\n shade40: '#00172a',\n shade30: '#002c4e',\n shade20: '#003b6a',\n shade10: '#00467e',\n primary: '#004e8c',\n tint10: '#125e9a',\n tint20: '#286fa8',\n tint30: '#4a89ba',\n tint40: '#9abfdc',\n tint50: '#c7dced',\n tint60: '#f0f6fa',\n};\n\nconst darkBlue: ColorVariants = {\n shade50: '#000910',\n shade40: '#00111f',\n shade30: '#002039',\n shade20: '#002b4e',\n shade10: '#00335c',\n primary: '#003966',\n tint10: '#0e4a78',\n tint20: '#215c8b',\n tint30: '#4178a3',\n tint40: '#92b5d1',\n tint50: '#c2d6e7',\n tint60: '#eff4f9',\n};\n\nconst cornflower: ColorVariants = {\n shade50: '#0d1126',\n shade40: '#182047',\n shade30: '#2c3c85',\n shade20: '#3c51b4',\n shade10: '#4760d5',\n primary: '#4f6bed',\n tint10: '#637cef',\n tint20: '#778df1',\n tint30: '#93a4f4',\n tint40: '#c8d1fa',\n tint50: '#e1e6fc',\n tint60: '#f7f9fe',\n};\n\nconst navy: ColorVariants = {\n shade50: '#00061d',\n shade40: '#000c36',\n shade30: '#001665',\n shade20: '#001e89',\n shade10: '#0023a2',\n primary: '#0027b4',\n tint10: '#173bbd',\n tint20: '#3050c6',\n tint30: '#546fd2',\n tint40: '#a3b2e8',\n tint50: '#ccd5f3',\n tint60: '#f2f4fc',\n};\n\nconst lavender: ColorVariants = {\n shade50: '#120f25',\n shade40: '#221d46',\n shade30: '#3f3682',\n shade20: '#5649b0',\n shade10: '#6656d1',\n primary: '#7160e8',\n tint10: '#8172eb',\n tint20: '#9184ee',\n tint30: '#a79cf1',\n tint40: '#d2ccf8',\n tint50: '#e7e4fb',\n tint60: '#f9f8fe',\n};\n\nconst purple: ColorVariants = {\n shade50: '#0f0717',\n shade40: '#1c0e2b',\n shade30: '#341a51',\n shade20: '#46236e',\n shade10: '#532982',\n primary: '#5c2e91',\n tint10: '#6b3f9e',\n tint20: '#7c52ab',\n tint30: '#9470bd',\n tint40: '#c6b1de',\n tint50: '#e0d3ed',\n tint60: '#f7f4fb',\n};\n\nconst darkPurple: ColorVariants = {\n shade50: '#0a0411',\n shade40: '#130820',\n shade30: '#240f3c',\n shade20: '#311552',\n shade10: '#3a1861',\n primary: '#401b6c',\n tint10: '#512b7e',\n tint20: '#633e8f',\n tint30: '#7e5ca7',\n tint40: '#b9a3d3',\n tint50: '#d8cce7',\n tint60: '#f5f2f9',\n};\n\nconst orchid: ColorVariants = {\n shade50: '#16101d',\n shade40: '#281e37',\n shade30: '#4c3867',\n shade20: '#674c8c',\n shade10: '#795aa6',\n primary: '#8764b8',\n tint10: '#9373c0',\n tint20: '#a083c9',\n tint30: '#b29ad4',\n tint40: '#d7caea',\n tint50: '#e9e2f4',\n tint60: '#f9f8fc',\n};\n\nconst grape: ColorVariants = {\n shade50: '#160418',\n shade40: '#29072e',\n shade30: '#4c0d55',\n shade20: '#671174',\n shade10: '#7a1589',\n primary: '#881798',\n tint10: '#952aa4',\n tint20: '#a33fb1',\n tint30: '#b55fc1',\n tint40: '#d9a7e0',\n tint50: '#eaceef',\n tint60: '#faf2fb',\n};\n\nconst berry: ColorVariants = {\n shade50: '#1f091d',\n shade40: '#3a1136',\n shade30: '#6d2064',\n shade20: '#932b88',\n shade10: '#af33a1',\n primary: '#c239b3',\n tint10: '#c94cbc',\n tint20: '#d161c4',\n tint30: '#da7ed0',\n tint40: '#edbbe7',\n tint50: '#f5daf2',\n tint60: '#fdf5fc',\n};\n\nconst lilac: ColorVariants = {\n shade50: '#1c0b1f',\n shade40: '#35153a',\n shade30: '#63276d',\n shade20: '#863593',\n shade10: '#9f3faf',\n primary: '#b146c2',\n tint10: '#ba58c9',\n tint20: '#c36bd1',\n tint30: '#cf87da',\n tint40: '#e6bfed',\n tint50: '#f2dcf5',\n tint60: '#fcf6fd',\n};\n\nconst pink: ColorVariants = {\n shade50: '#24091b',\n shade40: '#441232',\n shade30: '#80215d',\n shade20: '#ad2d7e',\n shade10: '#cd3595',\n primary: '#e43ba6',\n tint10: '#e750b0',\n tint20: '#ea66ba',\n tint30: '#ef85c8',\n tint40: '#f7c0e3',\n tint50: '#fbddf0',\n tint60: '#fef6fb',\n};\n\nconst hotPink: ColorVariants = {\n shade50: '#240016',\n shade40: '#44002a',\n shade30: '#7f004e',\n shade20: '#ad006a',\n shade10: '#cc007e',\n primary: '#e3008c',\n tint10: '#e61c99',\n tint20: '#ea38a6',\n tint30: '#ee5fb7',\n tint40: '#f7adda',\n tint50: '#fbd2eb',\n tint60: '#fef4fa',\n};\n\nconst magenta: ColorVariants = {\n shade50: '#1f0013',\n shade40: '#390024',\n shade30: '#6b0043',\n shade20: '#91005a',\n shade10: '#ac006b',\n primary: '#bf0077',\n tint10: '#c71885',\n tint20: '#ce3293',\n tint30: '#d957a8',\n tint40: '#eca5d1',\n tint50: '#f5cee6',\n tint60: '#fcf2f9',\n};\n\nconst plum: ColorVariants = {\n shade50: '#13000c',\n shade40: '#240017',\n shade30: '#43002b',\n shade20: '#5a003b',\n shade10: '#6b0045',\n primary: '#77004d',\n tint10: '#87105d',\n tint20: '#98246f',\n tint30: '#ad4589',\n tint40: '#d696c0',\n tint50: '#e9c4dc',\n tint60: '#faf0f6',\n};\n\nconst beige: ColorVariants = {\n shade50: '#141313',\n shade40: '#252323',\n shade30: '#444241',\n shade20: '#5d5958',\n shade10: '#6e6968',\n primary: '#7a7574',\n tint10: '#8a8584',\n tint20: '#9a9594',\n tint30: '#afabaa',\n tint40: '#d7d4d4',\n tint50: '#eae8e8',\n tint60: '#faf9f9',\n};\n\nconst mink: ColorVariants = {\n shade50: '#0f0e0e',\n shade40: '#1c1b1a',\n shade30: '#343231',\n shade20: '#474443',\n shade10: '#54514f',\n primary: '#5d5a58',\n tint10: '#706d6b',\n tint20: '#84817e',\n tint30: '#9e9b99',\n tint40: '#cecccb',\n tint50: '#e5e4e3',\n tint60: '#f8f8f8',\n};\n\nconst silver: ColorVariants = {\n shade50: '#151818',\n shade40: '#282d2e',\n shade30: '#4a5356',\n shade20: '#657174',\n shade10: '#78868a',\n primary: '#859599',\n tint10: '#92a1a5',\n tint20: '#a0aeb1',\n tint30: '#b3bfc2',\n tint40: '#d8dfe0',\n tint50: '#eaeeef',\n tint60: '#fafbfb',\n};\n\nconst platinum: ColorVariants = {\n shade50: '#111314',\n shade40: '#1f2426',\n shade30: '#3b4447',\n shade20: '#505c60',\n shade10: '#5f6d71',\n primary: '#69797e',\n tint10: '#79898d',\n tint20: '#89989d',\n tint30: '#a0adb2',\n tint40: '#cdd6d8',\n tint50: '#e4e9ea',\n tint60: '#f8f9fa',\n};\n\nconst anchor: ColorVariants = {\n shade50: '#090a0b',\n shade40: '#111315',\n shade30: '#202427',\n shade20: '#2b3135',\n shade10: '#333a3f',\n primary: '#394146',\n tint10: '#4d565c',\n tint20: '#626c72',\n tint30: '#808a90',\n tint40: '#bcc3c7',\n tint50: '#dbdfe1',\n tint60: '#f6f7f8',\n};\n\nconst charcoal: ColorVariants = {\n shade50: '#090909',\n shade40: '#111111',\n shade30: '#202020',\n shade20: '#2b2b2b',\n shade10: '#333333',\n primary: '#393939',\n tint10: '#515151',\n tint20: '#686868',\n tint30: '#888888',\n tint40: '#c4c4c4',\n tint50: '#dfdfdf',\n tint60: '#f7f7f7',\n};\n\nexport const sharedColors: GlobalSharedColors = {\n darkRed,\n burgundy,\n cranberry,\n red,\n darkOrange,\n bronze,\n pumpkin,\n orange,\n peach,\n marigold,\n yellow,\n gold,\n brass,\n brown,\n darkBrown,\n lime,\n forest,\n seafoam,\n lightGreen,\n green,\n darkGreen,\n lightTeal,\n teal,\n darkTeal,\n cyan,\n steel,\n lightBlue,\n blue,\n royalBlue,\n darkBlue,\n cornflower,\n navy,\n lavender,\n purple,\n darkPurple,\n orchid,\n grape,\n berry,\n lilac,\n pink,\n hotPink,\n magenta,\n plum,\n beige,\n mink,\n silver,\n platinum,\n anchor,\n charcoal,\n};\n\nexport const brandWeb: BrandVariants = {\n 10: `#061724`,\n 20: `#082338`,\n 30: `#0a2e4a`,\n 40: `#0c3b5e`,\n 50: `#0e4775`,\n 60: `#0f548c`,\n 70: `#115ea3`,\n 80: `#0f6cbd`,\n 90: `#2886de`,\n 100: `#479ef5`,\n 110: `#62abf5`,\n 120: `#77b7f7`,\n 130: `#96c6fa`,\n 140: `#b4d6fa`,\n 150: `#cfe4fa`,\n 160: `#ebf3fc`,\n};\n"],"sourceRoot":"../src/"}

package/lib/components/Theme/v8ThemeShim.js ADDED Viewed

@@ -0,0 +1,313 @@
+import { createTheme, DefaultPalette } from '@fluentui/react';
+import { black, blackAlpha, grey, sharedColors, white, whiteAlpha } from './themeDuplicates';
+const mappedNeutrals = {
+  black,
+  blackTranslucent40: blackAlpha[40],
+  neutralDark: grey[8],
+  neutralPrimary: grey[14],
+  neutralPrimaryAlt: grey[22],
+  neutralSecondary: grey[36],
+  neutralSecondaryAlt: grey[52],
+  neutralTertiary: grey[62],
+  neutralTertiaryAlt: grey[78],
+  neutralQuaternary: grey[82],
+  neutralQuaternaryAlt: grey[88],
+  neutralLight: grey[92],
+  neutralLighter: grey[96],
+  neutralLighterAlt: grey[98],
+  white,
+  whiteTranslucent40: whiteAlpha[40]
+};
+const invertedMappedNeutrals = {
+  black: white,
+  blackTranslucent40: whiteAlpha[40],
+  neutralDark: grey[98],
+  neutralPrimary: grey[96],
+  neutralPrimaryAlt: grey[84],
+  neutralSecondary: grey[82],
+  neutralSecondaryAlt: grey[74],
+  neutralTertiary: grey[44],
+  neutralTertiaryAlt: grey[26],
+  neutralQuaternary: grey[24],
+  neutralQuaternaryAlt: grey[18],
+  neutralLight: grey[16],
+  neutralLighter: grey[14],
+  neutralLighterAlt: grey[10],
+  white: black,
+  whiteTranslucent40: blackAlpha[40]
+};
+const mappedSharedColors = {
+  yellowDark: sharedColors.marigold.shade10,
+  yellow: sharedColors.yellow.primary,
+  yellowLight: sharedColors.yellow.tint40,
+  orange: sharedColors.orange.primary,
+  orangeLight: sharedColors.orange.tint20,
+  orangeLighter: sharedColors.orange.tint40,
+  redDark: sharedColors.darkRed.primary,
+  red: sharedColors.red.primary,
+  magentaDark: sharedColors.magenta.shade30,
+  magenta: sharedColors.magenta.primary,
+  magentaLight: sharedColors.magenta.tint30,
+  purpleDark: sharedColors.darkPurple.primary,
+  purple: sharedColors.purple.primary,
+  purpleLight: sharedColors.purple.tint40,
+  blueDark: sharedColors.darkBlue.primary,
+  blueMid: sharedColors.royalBlue.primary,
+  blue: sharedColors.blue.primary,
+  blueLight: sharedColors.lightBlue.primary,
+  tealDark: sharedColors.darkTeal.primary,
+  teal: sharedColors.teal.primary,
+  tealLight: sharedColors.lightTeal.primary,
+  greenDark: sharedColors.darkGreen.primary,
+  green: sharedColors.green.primary,
+  greenLight: sharedColors.lightGreen.primary
+};
+/**
+ * Creates a v8 palette given a brand ramp
+ */
+const mapPalette = (brandColors, inverted) => {
+  const neutrals = inverted ? invertedMappedNeutrals : mappedNeutrals;
+  const brands = inverted ? {
+    themeDarker: brandColors[110],
+    themeDark: brandColors[100],
+    themeDarkAlt: brandColors[100],
+    themePrimary: brandColors[90],
+    themeSecondary: brandColors[90],
+    themeTertiary: brandColors[60],
+    themeLight: brandColors[50],
+    themeLighter: brandColors[40],
+    themeLighterAlt: brandColors[30]
+  } : {
+    themeDarker: brandColors[40],
+    themeDark: brandColors[60],
+    themeDarkAlt: brandColors[70],
+    themePrimary: brandColors[80],
+    themeSecondary: brandColors[90],
+    themeTertiary: brandColors[120],
+    themeLight: brandColors[140],
+    themeLighter: brandColors[150],
+    themeLighterAlt: brandColors[160]
+  };
+  return { ...DefaultPalette,
+    ...neutrals,
+    accent: brands.themePrimary,
+    ...mappedSharedColors,
+    ...brands
+  };
+};
+/**
+ * Returns v9 theme colors overlaid on a base set of v8 semantic colors
+ */
+const mapSemanticColors = (baseColors, theme) => {
+  return { ...baseColors,
+    accentButtonBackground: theme.colorBrandBackground,
+    accentButtonText: theme.colorNeutralForegroundOnBrand,
+    actionLink: theme.colorNeutralForeground1,
+    actionLinkHovered: theme.colorNeutralForeground1Hover,
+    // blockingBackground,
+    // blockingIcon,
+    bodyBackground: theme.colorNeutralBackground1,
+    bodyBackgroundChecked: theme.colorNeutralBackground1Selected,
+    bodyBackgroundHovered: theme.colorNeutralBackground1Hover,
+    bodyDivider: theme.colorNeutralStroke2,
+    bodyFrameBackground: theme.colorNeutralBackground1,
+    bodyFrameDivider: theme.colorNeutralStroke2,
+    bodyStandoutBackground: theme.colorNeutralBackground2,
+    bodySubtext: theme.colorNeutralForeground2,
+    bodyText: theme.colorNeutralForeground1,
+    bodyTextChecked: theme.colorNeutralForeground1Selected,
+    buttonBackground: theme.colorNeutralBackground1,
+    buttonBackgroundChecked: theme.colorNeutralBackground1Selected,
+    buttonBackgroundCheckedHovered: theme.colorNeutralBackground1Hover,
+    buttonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,
+    buttonBackgroundHovered: theme.colorNeutralBackground1Hover,
+    buttonBackgroundPressed: theme.colorNeutralBackground1Pressed,
+    buttonBorder: theme.colorNeutralStroke1,
+    buttonBorderDisabled: theme.colorNeutralStrokeDisabled,
+    buttonText: theme.colorNeutralForeground1,
+    buttonTextChecked: theme.colorNeutralForeground1,
+    buttonTextCheckedHovered: theme.colorNeutralForeground1,
+    buttonTextDisabled: theme.colorNeutralForegroundDisabled,
+    buttonTextHovered: theme.colorNeutralForeground1,
+    buttonTextPressed: theme.colorNeutralForeground1,
+    cardShadow: theme.shadow4,
+    cardShadowHovered: theme.shadow8,
+    cardStandoutBackground: theme.colorNeutralBackground1,
+    defaultStateBackground: theme.colorNeutralBackground2,
+    disabledBackground: theme.colorNeutralBackgroundDisabled,
+    disabledBodySubtext: theme.colorNeutralForegroundDisabled,
+    disabledBodyText: theme.colorNeutralForegroundDisabled,
+    disabledBorder: theme.colorNeutralStrokeDisabled,
+    disabledSubtext: theme.colorNeutralForegroundDisabled,
+    disabledText: theme.colorNeutralForegroundDisabled,
+    // errorBackground,
+    // errorIcon,
+    // errorText: ,
+    focusBorder: theme.colorStrokeFocus2,
+    // infoBackground,
+    // infoIcon,
+    inputBackground: theme.colorNeutralBackground1,
+    inputBackgroundChecked: theme.colorBrandBackground,
+    inputBackgroundCheckedHovered: theme.colorBrandBackgroundHover,
+    inputBorder: theme.colorNeutralStrokeAccessible,
+    inputBorderHovered: theme.colorNeutralStrokeAccessibleHover,
+    inputFocusBorderAlt: theme.colorBrandStroke1,
+    inputForegroundChecked: theme.colorNeutralForegroundOnBrand,
+    inputIcon: theme.colorNeutralForeground3,
+    inputIconDisabled: theme.colorNeutralForegroundDisabled,
+    inputIconHovered: theme.colorNeutralForeground3,
+    inputPlaceholderBackgroundChecked: theme.colorBrandBackgroundInvertedSelected,
+    inputPlaceholderText: theme.colorNeutralForeground4,
+    inputText: theme.colorNeutralForeground1,
+    inputTextHovered: theme.colorNeutralForeground1Hover,
+    link: theme.colorBrandForegroundLink,
+    linkHovered: theme.colorBrandForegroundLinkHover,
+    listBackground: theme.colorNeutralBackground1,
+    listHeaderBackgroundHovered: theme.colorNeutralBackground1Hover,
+    listHeaderBackgroundPressed: theme.colorNeutralBackground1Pressed,
+    listItemBackgroundChecked: theme.colorNeutralBackground1Selected,
+    listItemBackgroundCheckedHovered: theme.colorNeutralBackground1Selected,
+    listItemBackgroundHovered: theme.colorNeutralBackground1Hover,
+    listText: theme.colorNeutralForeground1,
+    listTextColor: theme.colorNeutralForeground1,
+    menuBackground: theme.colorNeutralBackground1,
+    menuDivider: theme.colorNeutralStroke2,
+    menuHeader: theme.colorNeutralForeground3,
+    menuIcon: theme.colorNeutralForeground1,
+    menuItemBackgroundChecked: theme.colorNeutralBackground1,
+    menuItemBackgroundHovered: theme.colorNeutralBackground1Hover,
+    menuItemBackgroundPressed: theme.colorNeutralBackground1Hover,
+    menuItemText: theme.colorNeutralForeground1,
+    menuItemTextHovered: theme.colorNeutralForeground1Hover,
+    messageLink: theme.colorBrandForegroundLink,
+    messageLinkHovered: theme.colorBrandForegroundLinkHover,
+    messageText: theme.colorNeutralForeground1,
+    primaryButtonBackground: theme.colorBrandBackground,
+    primaryButtonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,
+    primaryButtonBackgroundHovered: theme.colorBrandBackgroundHover,
+    primaryButtonBackgroundPressed: theme.colorBrandBackgroundPressed,
+    primaryButtonBorder: theme.colorTransparentStroke,
+    primaryButtonText: theme.colorNeutralForegroundOnBrand,
+    primaryButtonTextDisabled: theme.colorNeutralForegroundDisabled,
+    primaryButtonTextHovered: theme.colorNeutralForegroundOnBrand,
+    primaryButtonTextPressed: theme.colorNeutralForegroundOnBrand // severeWarningBackground,
+    // severeWarningIcon,
+    // smallInputBorder,
+    // successBackground,
+    // successIcon,
+    // successText: ,
+    // variantBorder,
+    // variantBorderHovered,
+    // warningBackground,
+    // warningHighlight,
+    // warningIcon,
+    // warningText: ,
+  };
+};
+/**
+ * Overlays v9 fonts on a set of base v8 fonts.
+ */
+const mapFonts = (baseFonts, theme) => {
+  return { ...baseFonts,
+    tiny: { ...baseFonts.tiny,
+      fontFamily: theme.fontFamilyBase,
+      fontSize: theme.fontSizeBase100,
+      fontWeight: theme.fontWeightRegular
+    },
+    xSmall: { ...baseFonts.xSmall,
+      fontFamily: theme.fontFamilyBase,
+      fontSize: theme.fontSizeBase100,
+      fontWeight: theme.fontWeightRegular
+    },
+    small: { ...baseFonts.small,
+      fontFamily: theme.fontFamilyBase,
+      fontSize: theme.fontSizeBase200,
+      fontWeight: theme.fontWeightRegular
+    },
+    smallPlus: { ...baseFonts.smallPlus,
+      fontFamily: theme.fontFamilyBase,
+      fontSize: theme.fontSizeBase200,
+      fontWeight: theme.fontWeightRegular
+    },
+    medium: { ...baseFonts.medium,
+      fontFamily: theme.fontFamilyBase,
+      fontSize: theme.fontSizeBase300,
+      fontWeight: theme.fontWeightRegular
+    },
+    mediumPlus: { ...baseFonts.mediumPlus,
+      fontFamily: theme.fontFamilyBase,
+      fontSize: theme.fontSizeBase400,
+      fontWeight: theme.fontWeightRegular
+    },
+    large: { ...baseFonts.large,
+      fontFamily: theme.fontFamilyBase,
+      fontSize: theme.fontSizeBase400,
+      fontWeight: theme.fontWeightRegular
+    },
+    xLarge: { ...baseFonts.xxLarge,
+      fontFamily: theme.fontFamilyBase,
+      fontSize: theme.fontSizeBase500,
+      fontWeight: theme.fontWeightSemibold
+    },
+    xxLarge: { ...baseFonts.xxLarge,
+      fontFamily: theme.fontFamilyBase,
+      fontSize: theme.fontSizeHero700,
+      fontWeight: theme.fontWeightSemibold
+    },
+    superLarge: { ...baseFonts.superLarge,
+      fontFamily: theme.fontFamilyBase,
+      fontSize: theme.fontSizeHero900,
+      fontWeight: theme.fontWeightSemibold
+    },
+    mega: { ...baseFonts.mega,
+      fontFamily: theme.fontFamilyBase,
+      fontSize: theme.fontSizeHero1000,
+      fontWeight: theme.fontWeightSemibold
+    }
+  };
+};
+/**
+ * Overlays v9 shadows and border radii on a base set of v8 effects.
+ */
+const mapEffects = (baseEffects, theme) => {
+  return { ...baseEffects,
+    elevation4: theme.shadow4,
+    elevation8: theme.shadow8,
+    elevation16: theme.shadow16,
+    elevation64: theme.shadow64,
+    roundedCorner2: theme.borderRadiusSmall,
+    roundedCorner4: theme.borderRadiusMedium,
+    roundedCorner6: theme.borderRadiusLarge
+  };
+};
+/**
+ * Creates a v8 theme from v9 brand colors and theme.
+ * You can optionally pass a v8 base theme.
+ * Otherwise the default v8 theme is used.
+ *
+ * The v9 colors, fonts, and effects are applied on top of the v8 theme
+ * to allow v8 components to look as much like v9 components as possible.
+ */
+export const createV8Theme = (brandColors, themeV9, isDarkTheme = false, themeV8) => {
+  const baseTheme = themeV8 || createTheme({
+    isInverted: isDarkTheme
+  });
+  return { ...baseTheme,
+    palette: mapPalette(brandColors, isDarkTheme),
+    semanticColors: mapSemanticColors(baseTheme.semanticColors, themeV9),
+    fonts: mapFonts(baseTheme.fonts, themeV9),
+    effects: mapEffects(baseTheme.effects, themeV9),
+    isInverted: isDarkTheme || (themeV8 === null || themeV8 === void 0 ? void 0 : themeV8.isInverted) === true
+  };
+};
+//# sourceMappingURL=v8ThemeShim.js.map

package/lib/components/Theme/v8ThemeShim.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["components/Theme/v8ThemeShim.ts"],"names":[],"mappings":"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","sourcesContent":["import { createTheme, DefaultPalette } from '@fluentui/react';\nimport type { IPalette, ISemanticColors, IFontStyles, IFontWeight, IEffects, Theme as ThemeV8 } from '@fluentui/react';\n\nimport { BrandVariants, Theme as ThemeV9 } from '@fluentui/react-components';\n\nimport { black, blackAlpha, grey, sharedColors, white, whiteAlpha } from './themeDuplicates';\n\nconst mappedNeutrals = {\n black,\n blackTranslucent40: blackAlpha[40],\n neutralDark: grey[8],\n neutralPrimary: grey[14],\n neutralPrimaryAlt: grey[22],\n neutralSecondary: grey[36],\n neutralSecondaryAlt: grey[52],\n neutralTertiary: grey[62],\n neutralTertiaryAlt: grey[78],\n neutralQuaternary: grey[82],\n neutralQuaternaryAlt: grey[88],\n neutralLight: grey[92],\n neutralLighter: grey[96],\n neutralLighterAlt: grey[98],\n white,\n whiteTranslucent40: whiteAlpha[40],\n};\n\nconst invertedMappedNeutrals = {\n black: white,\n blackTranslucent40: whiteAlpha[40],\n neutralDark: grey[98],\n neutralPrimary: grey[96],\n neutralPrimaryAlt: grey[84],\n neutralSecondary: grey[82],\n neutralSecondaryAlt: grey[74],\n neutralTertiary: grey[44],\n neutralTertiaryAlt: grey[26],\n neutralQuaternary: grey[24],\n neutralQuaternaryAlt: grey[18],\n neutralLight: grey[16],\n neutralLighter: grey[14],\n neutralLighterAlt: grey[10],\n white: black,\n whiteTranslucent40: blackAlpha[40],\n};\n\nconst mappedSharedColors = {\n yellowDark: sharedColors.marigold.shade10,\n yellow: sharedColors.yellow.primary,\n yellowLight: sharedColors.yellow.tint40,\n orange: sharedColors.orange.primary,\n orangeLight: sharedColors.orange.tint20,\n orangeLighter: sharedColors.orange.tint40,\n redDark: sharedColors.darkRed.primary,\n red: sharedColors.red.primary,\n magentaDark: sharedColors.magenta.shade30,\n magenta: sharedColors.magenta.primary,\n magentaLight: sharedColors.magenta.tint30,\n purpleDark: sharedColors.darkPurple.primary,\n purple: sharedColors.purple.primary,\n purpleLight: sharedColors.purple.tint40,\n blueDark: sharedColors.darkBlue.primary,\n blueMid: sharedColors.royalBlue.primary,\n blue: sharedColors.blue.primary,\n blueLight: sharedColors.lightBlue.primary,\n tealDark: sharedColors.darkTeal.primary,\n teal: sharedColors.teal.primary,\n tealLight: sharedColors.lightTeal.primary,\n greenDark: sharedColors.darkGreen.primary,\n green: sharedColors.green.primary,\n greenLight: sharedColors.lightGreen.primary,\n};\n\n/**\n * Creates a v8 palette given a brand ramp\n */\nconst mapPalette = (brandColors: BrandVariants, inverted: boolean): IPalette => {\n const neutrals = inverted ? invertedMappedNeutrals : mappedNeutrals;\n const brands = inverted\n ? {\n themeDarker: brandColors[110],\n themeDark: brandColors[100],\n themeDarkAlt: brandColors[100],\n themePrimary: brandColors[90],\n themeSecondary: brandColors[90],\n themeTertiary: brandColors[60],\n themeLight: brandColors[50],\n themeLighter: brandColors[40],\n themeLighterAlt: brandColors[30],\n }\n : {\n themeDarker: brandColors[40],\n themeDark: brandColors[60],\n themeDarkAlt: brandColors[70],\n themePrimary: brandColors[80],\n themeSecondary: brandColors[90],\n themeTertiary: brandColors[120],\n themeLight: brandColors[140],\n themeLighter: brandColors[150],\n themeLighterAlt: brandColors[160],\n };\n\n return {\n ...DefaultPalette,\n ...neutrals,\n accent: brands.themePrimary,\n ...mappedSharedColors,\n ...brands,\n };\n};\n\n/**\n * Returns v9 theme colors overlaid on a base set of v8 semantic colors\n */\nconst mapSemanticColors = (baseColors: ISemanticColors, theme: ThemeV9): ISemanticColors => {\n return {\n ...baseColors,\n accentButtonBackground: theme.colorBrandBackground,\n accentButtonText: theme.colorNeutralForegroundOnBrand,\n actionLink: theme.colorNeutralForeground1,\n actionLinkHovered: theme.colorNeutralForeground1Hover,\n // blockingBackground,\n // blockingIcon,\n bodyBackground: theme.colorNeutralBackground1,\n bodyBackgroundChecked: theme.colorNeutralBackground1Selected,\n bodyBackgroundHovered: theme.colorNeutralBackground1Hover,\n bodyDivider: theme.colorNeutralStroke2,\n bodyFrameBackground: theme.colorNeutralBackground1,\n bodyFrameDivider: theme.colorNeutralStroke2,\n bodyStandoutBackground: theme.colorNeutralBackground2,\n bodySubtext: theme.colorNeutralForeground2,\n bodyText: theme.colorNeutralForeground1,\n bodyTextChecked: theme.colorNeutralForeground1Selected,\n buttonBackground: theme.colorNeutralBackground1,\n buttonBackgroundChecked: theme.colorNeutralBackground1Selected,\n buttonBackgroundCheckedHovered: theme.colorNeutralBackground1Hover,\n buttonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,\n buttonBackgroundHovered: theme.colorNeutralBackground1Hover,\n buttonBackgroundPressed: theme.colorNeutralBackground1Pressed,\n buttonBorder: theme.colorNeutralStroke1,\n buttonBorderDisabled: theme.colorNeutralStrokeDisabled,\n buttonText: theme.colorNeutralForeground1,\n buttonTextChecked: theme.colorNeutralForeground1,\n buttonTextCheckedHovered: theme.colorNeutralForeground1,\n buttonTextDisabled: theme.colorNeutralForegroundDisabled,\n buttonTextHovered: theme.colorNeutralForeground1,\n buttonTextPressed: theme.colorNeutralForeground1,\n cardShadow: theme.shadow4,\n cardShadowHovered: theme.shadow8,\n cardStandoutBackground: theme.colorNeutralBackground1,\n defaultStateBackground: theme.colorNeutralBackground2,\n disabledBackground: theme.colorNeutralBackgroundDisabled,\n disabledBodySubtext: theme.colorNeutralForegroundDisabled,\n disabledBodyText: theme.colorNeutralForegroundDisabled,\n disabledBorder: theme.colorNeutralStrokeDisabled,\n disabledSubtext: theme.colorNeutralForegroundDisabled,\n disabledText: theme.colorNeutralForegroundDisabled,\n // errorBackground,\n // errorIcon,\n // errorText: ,\n focusBorder: theme.colorStrokeFocus2,\n // infoBackground,\n // infoIcon,\n inputBackground: theme.colorNeutralBackground1,\n inputBackgroundChecked: theme.colorBrandBackground,\n inputBackgroundCheckedHovered: theme.colorBrandBackgroundHover,\n inputBorder: theme.colorNeutralStrokeAccessible,\n inputBorderHovered: theme.colorNeutralStrokeAccessibleHover,\n inputFocusBorderAlt: theme.colorBrandStroke1,\n inputForegroundChecked: theme.colorNeutralForegroundOnBrand,\n inputIcon: theme.colorNeutralForeground3,\n inputIconDisabled: theme.colorNeutralForegroundDisabled,\n inputIconHovered: theme.colorNeutralForeground3,\n inputPlaceholderBackgroundChecked: theme.colorBrandBackgroundInvertedSelected,\n inputPlaceholderText: theme.colorNeutralForeground4,\n inputText: theme.colorNeutralForeground1,\n inputTextHovered: theme.colorNeutralForeground1Hover,\n link: theme.colorBrandForegroundLink,\n linkHovered: theme.colorBrandForegroundLinkHover,\n listBackground: theme.colorNeutralBackground1,\n listHeaderBackgroundHovered: theme.colorNeutralBackground1Hover,\n listHeaderBackgroundPressed: theme.colorNeutralBackground1Pressed,\n listItemBackgroundChecked: theme.colorNeutralBackground1Selected,\n listItemBackgroundCheckedHovered: theme.colorNeutralBackground1Selected,\n listItemBackgroundHovered: theme.colorNeutralBackground1Hover,\n listText: theme.colorNeutralForeground1,\n listTextColor: theme.colorNeutralForeground1,\n menuBackground: theme.colorNeutralBackground1,\n menuDivider: theme.colorNeutralStroke2,\n menuHeader: theme.colorNeutralForeground3,\n menuIcon: theme.colorNeutralForeground1,\n menuItemBackgroundChecked: theme.colorNeutralBackground1,\n menuItemBackgroundHovered: theme.colorNeutralBackground1Hover,\n menuItemBackgroundPressed: theme.colorNeutralBackground1Hover,\n menuItemText: theme.colorNeutralForeground1,\n menuItemTextHovered: theme.colorNeutralForeground1Hover,\n messageLink: theme.colorBrandForegroundLink,\n messageLinkHovered: theme.colorBrandForegroundLinkHover,\n messageText: theme.colorNeutralForeground1,\n primaryButtonBackground: theme.colorBrandBackground,\n primaryButtonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,\n primaryButtonBackgroundHovered: theme.colorBrandBackgroundHover,\n primaryButtonBackgroundPressed: theme.colorBrandBackgroundPressed,\n primaryButtonBorder: theme.colorTransparentStroke,\n primaryButtonText: theme.colorNeutralForegroundOnBrand,\n primaryButtonTextDisabled: theme.colorNeutralForegroundDisabled,\n primaryButtonTextHovered: theme.colorNeutralForegroundOnBrand,\n primaryButtonTextPressed: theme.colorNeutralForegroundOnBrand,\n // severeWarningBackground,\n // severeWarningIcon,\n // smallInputBorder,\n // successBackground,\n // successIcon,\n // successText: ,\n // variantBorder,\n // variantBorderHovered,\n // warningBackground,\n // warningHighlight,\n // warningIcon,\n // warningText: ,\n };\n};\n\n/**\n * Overlays v9 fonts on a set of base v8 fonts.\n */\nconst mapFonts = (baseFonts: IFontStyles, theme: ThemeV9): IFontStyles => {\n return {\n ...baseFonts,\n tiny: {\n ...baseFonts.tiny,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase100,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n xSmall: {\n ...baseFonts.xSmall,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase100,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n small: {\n ...baseFonts.small,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase200,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n smallPlus: {\n ...baseFonts.smallPlus,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase200,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n medium: {\n ...baseFonts.medium,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase300,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n mediumPlus: {\n ...baseFonts.mediumPlus,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase400,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n large: {\n ...baseFonts.large,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase400,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n xLarge: {\n ...baseFonts.xxLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase500,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n xxLarge: {\n ...baseFonts.xxLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero700,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n superLarge: {\n ...baseFonts.superLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero900,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n mega: {\n ...baseFonts.mega,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero1000,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n };\n};\n\n/**\n * Overlays v9 shadows and border radii on a base set of v8 effects.\n */\nconst mapEffects = (baseEffects: IEffects, theme: ThemeV9): IEffects => {\n return {\n ...baseEffects,\n elevation4: theme.shadow4,\n elevation8: theme.shadow8,\n elevation16: theme.shadow16,\n elevation64: theme.shadow64,\n roundedCorner2: theme.borderRadiusSmall,\n roundedCorner4: theme.borderRadiusMedium,\n roundedCorner6: theme.borderRadiusLarge,\n };\n};\n\n/**\n * Creates a v8 theme from v9 brand colors and theme.\n * You can optionally pass a v8 base theme.\n * Otherwise the default v8 theme is used.\n *\n * The v9 colors, fonts, and effects are applied on top of the v8 theme\n * to allow v8 components to look as much like v9 components as possible.\n */\nexport const createV8Theme = (\n brandColors: BrandVariants,\n themeV9: ThemeV9,\n isDarkTheme: boolean = false,\n themeV8?: ThemeV8,\n): ThemeV8 => {\n const baseTheme = themeV8 || createTheme({ isInverted: isDarkTheme });\n\n return {\n ...baseTheme,\n palette: mapPalette(brandColors, isDarkTheme),\n semanticColors: mapSemanticColors(baseTheme.semanticColors, themeV9),\n fonts: mapFonts(baseTheme.fonts, themeV9),\n effects: mapEffects(baseTheme.effects, themeV9),\n isInverted: isDarkTheme || themeV8?.isInverted === true,\n };\n};\n"],"sourceRoot":"../src/"}

package/lib/components/Theme/v9BrandVariantsShim.js ADDED Viewed

@@ -0,0 +1,77 @@
+import { TinyColor } from '@ctrl/tinycolor';
+/**
+ * A helper to mix colors using tiny color by an amount and get back a hex string.
+ */
+const mixColors = (colorA, colorB, amount) => {
+  return new TinyColor(colorA).mix(new TinyColor(colorB), amount).toHexString();
+};
+/**
+ * Creates a v9 brand ramp by pairwise mixing v8 palette colors.
+ */
+const mixByPairs = palette => {
+  return {
+    10: palette.themeDarker,
+    20: mixColors(palette.themeDarker, palette.themeDark),
+    30: palette.themeDark,
+    40: mixColors(palette.themeDark, palette.themeDarkAlt),
+    50: palette.themeDarkAlt,
+    60: mixColors(palette.themeDarkAlt, palette.themePrimary),
+    70: palette.themePrimary,
+    80: mixColors(palette.themePrimary, palette.themeSecondary),
+    90: palette.themeSecondary,
+    100: mixColors(palette.themeSecondary, palette.themeTertiary),
+    110: palette.themeTertiary,
+    120: mixColors(palette.themeTertiary, palette.themeLight),
+    130: palette.themeLight,
+    140: mixColors(palette.themeLight, palette.themeLighter),
+    150: palette.themeLighter,
+    160: mixColors(palette.themeLighter, palette.themeLighterAlt)
+  };
+};
+/**
+ * Creates a v9 brand ramp by mixing v8 palette colors
+ * using steps between themeDarker and themePrimary and
+ * between themePrimary and themeLighterAlt.
+ */
+const mixPrimaryAndEnds = palette => {
+  return {
+    10: palette.themeDarker,
+    20: mixColors(palette.themeDarker, palette.themePrimary, 20),
+    30: mixColors(palette.themeDarker, palette.themePrimary, 30),
+    40: mixColors(palette.themeDarker, palette.themePrimary, 40),
+    50: mixColors(palette.themeDarker, palette.themePrimary, 50),
+    60: mixColors(palette.themeDarker, palette.themePrimary, 60),
+    70: mixColors(palette.themeDarker, palette.themePrimary, 70),
+    80: palette.themePrimary,
+    90: mixColors(palette.themePrimary, palette.themeLighterAlt, 10),
+    100: mixColors(palette.themePrimary, palette.themeLighterAlt, 20),
+    110: mixColors(palette.themePrimary, palette.themeLighterAlt, 30),
+    120: mixColors(palette.themePrimary, palette.themeLighterAlt, 40),
+    130: mixColors(palette.themePrimary, palette.themeLighterAlt, 50),
+    140: mixColors(palette.themePrimary, palette.themeLighterAlt, 60),
+    150: mixColors(palette.themePrimary, palette.themeLighterAlt, 70),
+    160: palette.themeLighterAlt
+  };
+};
+/**
+ * Creates v9 brand colors from a v8 palette using interpolation
+ * A v8 palette has nine colors and v9 has sixteen colors.
+ */
+export const createBrandVariants = (palette, interpolation = 'pairs') => {
+  switch (interpolation) {
+    case 'primaryAndEnds':
+      return mixPrimaryAndEnds(palette);
+    case 'pairs':
+    default:
+      return mixByPairs(palette);
+  }
+};
+//# sourceMappingURL=v9BrandVariantsShim.js.map

package/lib/components/Theme/v9BrandVariantsShim.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["components/Theme/v9BrandVariantsShim.ts"],"names":[],"mappings":"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","sourcesContent":["import type { IPalette } from '@fluentui/react';\nimport type { BrandVariants } from '@fluentui/react-components';\nimport { TinyColor } from '@ctrl/tinycolor';\nimport type { ColorInput } from '@ctrl/tinycolor';\n\n/**\n * A helper to mix colors using tiny color by an amount and get back a hex string.\n */\nconst mixColors = (colorA: ColorInput, colorB: ColorInput, amount?: number) => {\n return new TinyColor(colorA).mix(new TinyColor(colorB), amount).toHexString();\n};\n\n/**\n * Creates a v9 brand ramp by pairwise mixing v8 palette colors.\n */\nconst mixByPairs = (palette: IPalette): BrandVariants => {\n return {\n 10: palette.themeDarker,\n 20: mixColors(palette.themeDarker, palette.themeDark),\n 30: palette.themeDark,\n 40: mixColors(palette.themeDark, palette.themeDarkAlt),\n 50: palette.themeDarkAlt,\n 60: mixColors(palette.themeDarkAlt, palette.themePrimary),\n 70: palette.themePrimary,\n 80: mixColors(palette.themePrimary, palette.themeSecondary),\n 90: palette.themeSecondary,\n 100: mixColors(palette.themeSecondary, palette.themeTertiary),\n 110: palette.themeTertiary,\n 120: mixColors(palette.themeTertiary, palette.themeLight),\n 130: palette.themeLight,\n 140: mixColors(palette.themeLight, palette.themeLighter),\n 150: palette.themeLighter,\n 160: mixColors(palette.themeLighter, palette.themeLighterAlt),\n };\n};\n\n/**\n * Creates a v9 brand ramp by mixing v8 palette colors\n * using steps between themeDarker and themePrimary and\n * between themePrimary and themeLighterAlt.\n */\nconst mixPrimaryAndEnds = (palette: IPalette): BrandVariants => {\n return {\n 10: palette.themeDarker,\n 20: mixColors(palette.themeDarker, palette.themePrimary, 20),\n 30: mixColors(palette.themeDarker, palette.themePrimary, 30),\n 40: mixColors(palette.themeDarker, palette.themePrimary, 40),\n 50: mixColors(palette.themeDarker, palette.themePrimary, 50),\n 60: mixColors(palette.themeDarker, palette.themePrimary, 60),\n 70: mixColors(palette.themeDarker, palette.themePrimary, 70),\n 80: palette.themePrimary,\n 90: mixColors(palette.themePrimary, palette.themeLighterAlt, 10),\n 100: mixColors(palette.themePrimary, palette.themeLighterAlt, 20),\n 110: mixColors(palette.themePrimary, palette.themeLighterAlt, 30),\n 120: mixColors(palette.themePrimary, palette.themeLighterAlt, 40),\n 130: mixColors(palette.themePrimary, palette.themeLighterAlt, 50),\n 140: mixColors(palette.themePrimary, palette.themeLighterAlt, 60),\n 150: mixColors(palette.themePrimary, palette.themeLighterAlt, 70),\n 160: palette.themeLighterAlt,\n };\n};\n\ntype Interpolation = 'pairs' | 'primaryAndEnds';\n\n/**\n * Creates v9 brand colors from a v8 palette using interpolation\n * A v8 palette has nine colors and v9 has sixteen colors.\n */\nexport const createBrandVariants = (palette: IPalette, interpolation: Interpolation = 'pairs'): BrandVariants => {\n switch (interpolation) {\n case 'primaryAndEnds':\n return mixPrimaryAndEnds(palette);\n case 'pairs':\n default:\n return mixByPairs(palette);\n }\n};\n"],"sourceRoot":"../src/"}