feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/tokens/CHANGELOG.md

@@ -0,0 +1,214 @@
+# Change Log - @fluentui/tokens
+
+This log was last generated on Thu, 22 Jan 2026 17:01:14 GMT and should not be manually modified.
+
+<!-- Start content -->
+
+## [1.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.23)
+
+Thu, 22 Jan 2026 17:01:14 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.22..@fluentui/tokens_v1.0.0-alpha.23)
+
+### Changes
+
+- chore(tokens): Add CAP DR tokens ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by jukapsia@microsoft.com)
+
+## [1.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.22)
+
+Wed, 30 Jul 2025 13:10:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.21..@fluentui/tokens_v1.0.0-alpha.22)
+
+### Changes
+
+- Brand ramp update ([PR #34900](https://github.com/microsoft/fluentui/pull/34900) by jukapsia@microsoft.com)
+
+## [1.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.21)
+
+Mon, 16 Dec 2024 16:26:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.20..@fluentui/tokens_v1.0.0-alpha.21)
+
+### Changes
+
+- bugfix: ensure teams tokens follow teams overrides for fonts ([PR #33393](https://github.com/microsoft/fluentui/pull/33393) by bernardo.sunderhus@gmail.com)
+
+## [1.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.20)
+
+Fri, 06 Dec 2024 12:53:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.19..@fluentui/tokens_v1.0.0-alpha.20)
+
+### Changes
+
+- chore: remove usage of "export *"  ([PR #33380](https://github.com/microsoft/fluentui/pull/33380) by olfedias@microsoft.com)
+
+## [1.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.19)
+
+Mon, 11 Nov 2024 10:00:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.18..@fluentui/tokens_v1.0.0-alpha.19)
+
+### Changes
+
+- chore: replace npm-scripts and just-scrtips with nx inferred tasks ([PR #33074](https://github.com/microsoft/fluentui/pull/33074) by martinhochel@microsoft.com)
+
+## [1.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.18)
+
+Tue, 15 Oct 2024 17:17:52 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.17..@fluentui/tokens_v1.0.0-alpha.18)
+
+### Changes
+
+- feat: add explicit .js file extensions to all relative import/export statement within built output to support native ESM within browser ([PR #30770](https://github.com/microsoft/fluentui/pull/30770) by martinhochel@microsoft.com)
+
+## [1.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.17)
+
+Mon, 23 Sep 2024 12:40:16 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.16..@fluentui/tokens_v1.0.0-alpha.17)
+
+### Changes
+
+- feat: add z-index tokens ([PR #32356](https://github.com/microsoft/fluentui/pull/32356) by marcosvmmoura@gmail.com)
+
+## [1.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.16)
+
+Mon, 18 Mar 2024 19:50:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.15..@fluentui/tokens_v1.0.0-alpha.16)
+
+### Changes
+
+- reverting #30770 which caused compilation issues ([PR #30803](https://github.com/microsoft/fluentui/pull/30803) by mgodbolt@microsoft.com)
+
+## [1.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.15)
+
+Fri, 15 Mar 2024 21:43:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.14..@fluentui/tokens_v1.0.0-alpha.15)
+
+### Changes
+
+- feat: enable .js extension addition and directory import/export unwrapping in build output ([PR #30770](https://github.com/microsoft/fluentui/pull/30770) by martinhochel@microsoft.com)
+
+## [1.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.14)
+
+Thu, 07 Mar 2024 19:33:27 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.13..@fluentui/tokens_v1.0.0-alpha.14)
+
+### Changes
+
+- feat: Add/update color tokens ([PR #30412](https://github.com/microsoft/fluentui/pull/30412) by miroslav.stastny@microsoft.com)
+
+## [1.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.13)
+
+Thu, 09 Nov 2023 17:29:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.12..@fluentui/tokens_v1.0.0-alpha.13)
+
+### Changes
+
+- chore: use package.json#files setup instead of npmignore for all v9 libraries ([PR #29734](https://github.com/microsoft/fluentui/pull/29734) by martinhochel@microsoft.com)
+
+## [1.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.12)
+
+Wed, 01 Nov 2023 12:55:59 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.11..@fluentui/tokens_v1.0.0-alpha.12)
+
+### Changes
+
+- fix(tokens): Fix motion curves to match design ([PR #29546](https://github.com/microsoft/fluentui/pull/29546) by robertpenner@microsoft.com)
+
+## [1.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.11)
+
+Tue, 26 Sep 2023 17:49:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.10..@fluentui/tokens_v1.0.0-alpha.11)
+
+### Changes
+
+- chore: trigger manual version bump after broken release ([PR #29303](https://github.com/microsoft/fluentui/pull/29303) by yuanboxue@microsoft.com)
+
+## [1.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.10)
+
+Tue, 26 Sep 2023 15:31:40 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.9..@fluentui/tokens_v1.0.0-alpha.10)
+
+### Changes
+
+- fix: bump swc core to mitigate transpilation memory leaks ([PR #29253](https://github.com/microsoft/fluentui/pull/29253) by martinhochel@microsoft.com)
+
+## [1.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.9)
+
+Tue, 05 Sep 2023 13:29:13 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.8..@fluentui/tokens_v1.0.0-alpha.9)
+
+### Changes
+
+- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
+
+## [1.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.8)
+
+Wed, 09 Aug 2023 13:17:11 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.7..@fluentui/tokens_v1.0.0-alpha.8)
+
+### Changes
+
+- feat: add durationGentle ([PR #28770](https://github.com/microsoft/fluentui/pull/28770) by miroslav.stastny@microsoft.com)
+
+## [1.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.7)
+
+Fri, 04 Aug 2023 08:52:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.6..@fluentui/tokens_v1.0.0-alpha.7)
+
+### Changes
+
+- feat: add status color tokens ([PR #28006](https://github.com/microsoft/fluentui/pull/28006) by miroslav.stastny@microsoft.com)
+- Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 ([PR #28638](https://github.com/microsoft/fluentui/pull/28638) by miroslav.stastny@microsoft.com)
+
+## [1.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.6)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.5..@fluentui/tokens_v1.0.0-alpha.6)
+
+### Changes
+
+- Add/update theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
+- fix:  cast to String keys interpolated within string literals ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+
+## [1.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.5)
+
+Fri, 12 May 2023 20:28:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.4..@fluentui/tokens_v1.0.0-alpha.5)
+
+### Changes
+
+- chore: exclude .swcrc from being published ([PR #27740](https://github.com/microsoft/fluentui/pull/27740) by olfedias@microsoft.com)
+
+## [1.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.4)
+
+Tue, 21 Mar 2023 21:23:17 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.3..@fluentui/tokens_v1.0.0-alpha.4)
+
+### Changes
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+
+## [1.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.3)
+
+Wed, 15 Mar 2023 10:19:53 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.2..@fluentui/tokens_v1.0.0-alpha.3)
+
+### Changes
+
+- feat(tokens): Add colorNeutralBackgroundAlpha and colorNeutralStrokeAlpha tokens ([PR #27034](https://github.com/microsoft/fluentui/pull/27034) by miroslav.stastny@microsoft.com)
+
+## [1.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.2)
+
+Wed, 21 Dec 2022 10:20:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.1..@fluentui/tokens_v1.0.0-alpha.2)
+
+### Changes
+
+- Hoist theme tokens from react-theme to tokens package ([PR #25966](https://github.com/microsoft/fluentui/pull/25966) by miroslav.stastny@microsoft.com)
+
+## [1.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.1)
+
+Tue, 20 Dec 2022 07:53:34 GMT
+
+### Changes
+
+- Add @fluentui/tokens package ([PR #26039](https://github.com/microsoft/fluentui/pull/26039) by miroslav.stastny@microsoft.com)

node_modules/@fluentui/tokens/LICENSE

@@ -0,0 +1,15 @@
+@fluentui/tokens
+
+Copyright (c) Microsoft Corporation
+
+All rights reserved.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license

node_modules/@fluentui/tokens/README.md

@@ -0,0 +1,3 @@
+# @fluentui/tokens
+
+**Fluent UI Theme Tokens**

node_modules/@fluentui/tokens/dist/index.d.ts

@@ -0,0 +1,509 @@
+export declare type BorderRadiusTokens = {
+    borderRadiusNone: string;
+    borderRadiusSmall: string;
+    borderRadiusMedium: string;
+    borderRadiusLarge: string;
+    borderRadiusXLarge: string;
+    borderRadius2XLarge: string;
+    borderRadius3XLarge: string;
+    borderRadius4XLarge: string;
+    borderRadius5XLarge: string;
+    borderRadius6XLarge: string;
+    borderRadiusCircular: string;
+};
+
+export declare type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;
+
+export declare type BrandVariants = Record<Brands, string>;
+
+export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorBorderActive';
+
+export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeBorderActive';
+
+export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder1' | 'colorPaletteBerryBorder2';
+
+export declare type ColorPaletteBlue = 'colorPaletteBlueBackground2' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueBorderActive';
+
+export declare type ColorPaletteBrass = 'colorPaletteBrassBackground2' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassBorderActive';
+
+export declare type ColorPaletteBrown = 'colorPaletteBrownBackground2' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownBorderActive';
+
+export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerBorderActive';
+
+export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryBorderActive';
+
+export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenBorderActive';
+
+export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder1' | 'colorPaletteDarkOrangeBorder2';
+
+export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedBorderActive';
+
+export declare type ColorPaletteForest = 'colorPaletteForestBackground2' | 'colorPaletteForestForeground2' | 'colorPaletteForestBorderActive';
+
+export declare type ColorPaletteGold = 'colorPaletteGoldBackground2' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldBorderActive';
+
+export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeBorderActive';
+
+export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenForegroundInverted' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder1' | 'colorPaletteGreenBorder2';
+
+export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderBorderActive';
+
+export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder1' | 'colorPaletteLightGreenBorder2';
+
+export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealBorderActive';
+
+export declare type ColorPaletteLilac = 'colorPaletteLilacBackground2' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacBorderActive';
+
+export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaBorderActive';
+
+export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder1' | 'colorPaletteMarigoldBorder2';
+
+export declare type ColorPaletteMink = 'colorPaletteMinkBackground2' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkBorderActive';
+
+export declare type ColorPaletteNavy = 'colorPaletteNavyBackground2' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyBorderActive';
+
+export declare type ColorPalettePeach = 'colorPalettePeachBackground2' | 'colorPalettePeachForeground2' | 'colorPalettePeachBorderActive';
+
+export declare type ColorPalettePink = 'colorPalettePinkBackground2' | 'colorPalettePinkForeground2' | 'colorPalettePinkBorderActive';
+
+export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumBorderActive';
+
+export declare type ColorPalettePlum = 'colorPalettePlumBackground2' | 'colorPalettePlumForeground2' | 'colorPalettePlumBorderActive';
+
+export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinBorderActive';
+
+export declare type ColorPalettePurple = 'colorPalettePurpleBackground2' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleBorderActive';
+
+export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedForegroundInverted' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder1' | 'colorPaletteRedBorder2';
+
+export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueBorderActive';
+
+export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamBorderActive';
+
+export declare type ColorPaletteSteel = 'colorPaletteSteelBackground2' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelBorderActive';
+
+export declare type ColorPaletteTeal = 'colorPaletteTealBackground2' | 'colorPaletteTealForeground2' | 'colorPaletteTealBorderActive';
+
+export declare type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;
+
+export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowForegroundInverted' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2';
+
+declare type ColorStatusDanger = 'colorStatusDangerBackground1' | 'colorStatusDangerBackground2' | 'colorStatusDangerBackground3' | 'colorStatusDangerBackground3Hover' | 'colorStatusDangerBackground3Pressed' | 'colorStatusDangerForeground1' | 'colorStatusDangerForeground2' | 'colorStatusDangerForeground3' | 'colorStatusDangerForegroundInverted' | 'colorStatusDangerBorderActive' | 'colorStatusDangerBorder1' | 'colorStatusDangerBorder2';
+
+declare type ColorStatusSuccess = 'colorStatusSuccessBackground1' | 'colorStatusSuccessBackground2' | 'colorStatusSuccessBackground3' | 'colorStatusSuccessForeground1' | 'colorStatusSuccessForeground2' | 'colorStatusSuccessForeground3' | 'colorStatusSuccessForegroundInverted' | 'colorStatusSuccessBorderActive' | 'colorStatusSuccessBorder1' | 'colorStatusSuccessBorder2';
+
+declare type ColorStatusTokens = Record<ColorStatusSuccess | ColorStatusWarning | ColorStatusDanger, string>;
+
+declare type ColorStatusWarning = 'colorStatusWarningBackground1' | 'colorStatusWarningBackground2' | 'colorStatusWarningBackground3' | 'colorStatusWarningForeground1' | 'colorStatusWarningForeground2' | 'colorStatusWarningForeground3' | 'colorStatusWarningForegroundInverted' | 'colorStatusWarningBorderActive' | 'colorStatusWarningBorder1' | 'colorStatusWarningBorder2';
+
+/**
+ * Design tokens for alias colors
+ */
+export declare type ColorTokens = {
+    colorNeutralForeground1: string;
+    colorNeutralForeground1Hover: string;
+    colorNeutralForeground1Pressed: string;
+    colorNeutralForeground1Selected: string;
+    colorNeutralForeground2: string;
+    colorNeutralForeground2Hover: string;
+    colorNeutralForeground2Pressed: string;
+    colorNeutralForeground2Selected: string;
+    colorNeutralForeground2BrandHover: string;
+    colorNeutralForeground2BrandPressed: string;
+    colorNeutralForeground2BrandSelected: string;
+    colorNeutralForeground3: string;
+    colorNeutralForeground3Hover: string;
+    colorNeutralForeground3Pressed: string;
+    colorNeutralForeground3Selected: string;
+    colorNeutralForeground3BrandHover: string;
+    colorNeutralForeground3BrandPressed: string;
+    colorNeutralForeground3BrandSelected: string;
+    colorNeutralForeground4: string;
+    colorNeutralForeground5: string;
+    colorNeutralForeground5Hover: string;
+    colorNeutralForeground5Pressed: string;
+    colorNeutralForeground5Selected: string;
+    colorNeutralForegroundDisabled: string;
+    colorNeutralForegroundInvertedDisabled: string;
+    colorBrandForegroundLink: string;
+    colorBrandForegroundLinkHover: string;
+    colorBrandForegroundLinkPressed: string;
+    colorBrandForegroundLinkSelected: string;
+    colorNeutralForeground2Link: string;
+    colorNeutralForeground2LinkHover: string;
+    colorNeutralForeground2LinkPressed: string;
+    colorNeutralForeground2LinkSelected: string;
+    colorCompoundBrandForeground1: string;
+    colorCompoundBrandForeground1Hover: string;
+    colorCompoundBrandForeground1Pressed: string;
+    colorBrandForeground1: string;
+    colorBrandForeground2: string;
+    colorBrandForeground2Hover: string;
+    colorBrandForeground2Pressed: string;
+    colorNeutralForeground1Static: string;
+    colorNeutralForegroundInverted: string;
+    colorNeutralForegroundInvertedHover: string;
+    colorNeutralForegroundInvertedPressed: string;
+    colorNeutralForegroundInvertedSelected: string;
+    colorNeutralForegroundInverted2: string;
+    colorNeutralForegroundOnBrand: string;
+    colorNeutralForegroundStaticInverted: string;
+    colorNeutralForegroundInvertedLink: string;
+    colorNeutralForegroundInvertedLinkHover: string;
+    colorNeutralForegroundInvertedLinkPressed: string;
+    colorNeutralForegroundInvertedLinkSelected: string;
+    colorBrandForegroundInverted: string;
+    colorBrandForegroundInvertedHover: string;
+    colorBrandForegroundInvertedPressed: string;
+    colorBrandForegroundOnLight: string;
+    colorBrandForegroundOnLightHover: string;
+    colorBrandForegroundOnLightPressed: string;
+    colorBrandForegroundOnLightSelected: string;
+    colorNeutralBackground1: string;
+    colorNeutralBackground1Hover: string;
+    colorNeutralBackground1Pressed: string;
+    colorNeutralBackground1Selected: string;
+    colorNeutralBackground2: string;
+    colorNeutralBackground2Hover: string;
+    colorNeutralBackground2Pressed: string;
+    colorNeutralBackground2Selected: string;
+    colorNeutralBackground3: string;
+    colorNeutralBackground3Hover: string;
+    colorNeutralBackground3Pressed: string;
+    colorNeutralBackground3Selected: string;
+    colorNeutralBackground4: string;
+    colorNeutralBackground4Hover: string;
+    colorNeutralBackground4Pressed: string;
+    colorNeutralBackground4Selected: string;
+    colorNeutralBackground5: string;
+    colorNeutralBackground5Hover: string;
+    colorNeutralBackground5Pressed: string;
+    colorNeutralBackground5Selected: string;
+    colorNeutralBackground6: string;
+    colorNeutralBackground7: string;
+    colorNeutralBackground7Hover: string;
+    colorNeutralBackground7Pressed: string;
+    colorNeutralBackground7Selected: string;
+    colorNeutralBackground8: string;
+    colorNeutralBackgroundInverted: string;
+    colorNeutralBackgroundInvertedHover: string;
+    colorNeutralBackgroundInvertedPressed: string;
+    colorNeutralBackgroundInvertedSelected: string;
+    colorNeutralBackgroundStatic: string;
+    colorNeutralBackgroundAlpha: string;
+    colorNeutralBackgroundAlpha2: string;
+    colorSubtleBackground: string;
+    colorSubtleBackgroundHover: string;
+    colorSubtleBackgroundPressed: string;
+    colorSubtleBackgroundSelected: string;
+    colorSubtleBackgroundLightAlphaHover: string;
+    colorSubtleBackgroundLightAlphaPressed: string;
+    colorSubtleBackgroundLightAlphaSelected: string;
+    colorSubtleBackgroundInverted: string;
+    colorSubtleBackgroundInvertedHover: string;
+    colorSubtleBackgroundInvertedPressed: string;
+    colorSubtleBackgroundInvertedSelected: string;
+    colorTransparentBackground: string;
+    colorTransparentBackgroundHover: string;
+    colorTransparentBackgroundPressed: string;
+    colorTransparentBackgroundSelected: string;
+    colorNeutralBackgroundDisabled: string;
+    colorNeutralBackgroundDisabled2: string;
+    colorNeutralBackgroundInvertedDisabled: string;
+    colorNeutralStencil1: string;
+    colorNeutralStencil2: string;
+    colorNeutralStencil1Alpha: string;
+    colorNeutralStencil2Alpha: string;
+    colorBackgroundOverlay: string;
+    colorScrollbarOverlay: string;
+    colorBrandBackground: string;
+    colorBrandBackgroundHover: string;
+    colorBrandBackgroundPressed: string;
+    colorBrandBackgroundSelected: string;
+    colorCompoundBrandBackground: string;
+    colorCompoundBrandBackgroundHover: string;
+    colorCompoundBrandBackgroundPressed: string;
+    colorBrandBackgroundStatic: string;
+    colorBrandBackground2: string;
+    colorBrandBackground2Hover: string;
+    colorBrandBackground2Pressed: string;
+    colorBrandBackground3Static: string;
+    colorBrandBackground4Static: string;
+    colorBrandBackgroundInverted: string;
+    colorBrandBackgroundInvertedHover: string;
+    colorBrandBackgroundInvertedPressed: string;
+    colorBrandBackgroundInvertedSelected: string;
+    colorNeutralCardBackground: string;
+    colorNeutralCardBackgroundHover: string;
+    colorNeutralCardBackgroundPressed: string;
+    colorNeutralCardBackgroundSelected: string;
+    colorNeutralCardBackgroundDisabled: string;
+    colorNeutralStrokeAccessible: string;
+    colorNeutralStrokeAccessibleHover: string;
+    colorNeutralStrokeAccessiblePressed: string;
+    colorNeutralStrokeAccessibleSelected: string;
+    colorNeutralStroke1: string;
+    colorNeutralStroke1Hover: string;
+    colorNeutralStroke1Pressed: string;
+    colorNeutralStroke1Selected: string;
+    colorNeutralStroke2: string;
+    colorNeutralStroke3: string;
+    colorNeutralStroke4: string;
+    colorNeutralStroke4Hover: string;
+    colorNeutralStroke4Pressed: string;
+    colorNeutralStroke4Selected: string;
+    colorNeutralStrokeSubtle: string;
+    colorNeutralStrokeOnBrand: string;
+    colorNeutralStrokeOnBrand2: string;
+    colorNeutralStrokeOnBrand2Hover: string;
+    colorNeutralStrokeOnBrand2Pressed: string;
+    colorNeutralStrokeOnBrand2Selected: string;
+    colorBrandStroke1: string;
+    colorBrandStroke2: string;
+    colorBrandStroke2Hover: string;
+    colorBrandStroke2Pressed: string;
+    colorBrandStroke2Contrast: string;
+    colorCompoundBrandStroke: string;
+    colorCompoundBrandStrokeHover: string;
+    colorCompoundBrandStrokePressed: string;
+    colorNeutralStrokeDisabled: string;
+    colorNeutralStrokeDisabled2: string;
+    colorNeutralStrokeInvertedDisabled: string;
+    colorTransparentStroke: string;
+    colorTransparentStrokeInteractive: string;
+    colorTransparentStrokeDisabled: string;
+    colorNeutralStrokeAlpha: string;
+    colorNeutralStrokeAlpha2: string;
+    colorStrokeFocus1: string;
+    colorStrokeFocus2: string;
+    colorNeutralShadowAmbient: string;
+    colorNeutralShadowKey: string;
+    colorNeutralShadowAmbientLighter: string;
+    colorNeutralShadowKeyLighter: string;
+    colorNeutralShadowAmbientDarker: string;
+    colorNeutralShadowKeyDarker: string;
+    colorBrandShadowAmbient: string;
+    colorBrandShadowKey: string;
+};
+
+export declare const createDarkTheme: (brand: BrandVariants) => Theme;
+
+export declare const createHighContrastTheme: () => Theme;
+
+export declare const createLightTheme: (brand: BrandVariants) => Theme;
+
+export declare const createTeamsDarkTheme: (brand: BrandVariants) => Theme;
+
+export declare type CurveTokens = {
+    curveAccelerateMax: string;
+    curveAccelerateMid: string;
+    curveAccelerateMin: string;
+    curveDecelerateMax: string;
+    curveDecelerateMid: string;
+    curveDecelerateMin: string;
+    curveEasyEaseMax: string;
+    curveEasyEase: string;
+    curveLinear: string;
+};
+
+export declare type DurationTokens = {
+    durationUltraFast: string;
+    durationFaster: string;
+    durationFast: string;
+    durationNormal: string;
+    durationGentle: string;
+    durationSlow: string;
+    durationSlower: string;
+    durationUltraSlow: string;
+};
+
+export declare type FontFamilyTokens = {
+    fontFamilyBase: string;
+    fontFamilyMonospace: string;
+    fontFamilyNumeric: string;
+};
+
+export declare type FontSizeTokens = {
+    fontSizeBase100: string;
+    fontSizeBase200: string;
+    fontSizeBase300: string;
+    fontSizeBase400: string;
+    fontSizeBase500: string;
+    fontSizeBase600: string;
+    fontSizeHero700: string;
+    fontSizeHero800: string;
+    fontSizeHero900: string;
+    fontSizeHero1000: string;
+};
+
+export declare type FontWeightTokens = {
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightSemibold: number;
+    fontWeightBold: number;
+};
+
+export declare type HorizontalSpacingTokens = {
+    spacingHorizontalNone: string;
+    spacingHorizontalXXS: string;
+    spacingHorizontalXS: string;
+    spacingHorizontalSNudge: string;
+    spacingHorizontalS: string;
+    spacingHorizontalMNudge: string;
+    spacingHorizontalM: string;
+    spacingHorizontalL: string;
+    spacingHorizontalXL: string;
+    spacingHorizontalXXL: string;
+    spacingHorizontalXXXL: string;
+};
+
+export declare type LineHeightTokens = {
+    lineHeightBase100: string;
+    lineHeightBase200: string;
+    lineHeightBase300: string;
+    lineHeightBase400: string;
+    lineHeightBase500: string;
+    lineHeightBase600: string;
+    lineHeightHero700: string;
+    lineHeightHero800: string;
+    lineHeightHero900: string;
+    lineHeightHero1000: string;
+};
+
+export declare type PartialTheme = Partial<Theme>;
+
+declare type PersonaColorPaletteTokens = Record<ColorPaletteDarkRed | ColorPaletteCranberry | ColorPalettePumpkin | ColorPalettePeach | ColorPaletteGold | ColorPaletteBrass | ColorPaletteBrown | ColorPaletteForest | ColorPaletteSeafoam | ColorPaletteDarkGreen | ColorPaletteLightTeal | ColorPaletteTeal | ColorPaletteSteel | ColorPaletteBlue | ColorPaletteRoyalBlue | ColorPaletteCornflower | ColorPaletteNavy | ColorPaletteLavender | ColorPalettePurple | ColorPaletteGrape | ColorPaletteLilac | ColorPalettePink | ColorPaletteMagenta | ColorPalettePlum | ColorPaletteBeige | ColorPaletteMink | ColorPalettePlatinum | ColorPaletteAnchor, string>;
+
+export declare type ShadowBrandTokens = {
+    shadow2Brand: string;
+    shadow4Brand: string;
+    shadow8Brand: string;
+    shadow16Brand: string;
+    shadow28Brand: string;
+    shadow64Brand: string;
+};
+
+/**
+ * Design tokens for shadow levels
+ */
+export declare type ShadowTokens = {
+    shadow2: string;
+    shadow4: string;
+    shadow8: string;
+    shadow16: string;
+    shadow28: string;
+    shadow64: string;
+};
+
+export declare type SpacingTokens = {
+    none: string;
+    xxs: string;
+    xs: string;
+    sNudge: string;
+    s: string;
+    mNudge: string;
+    m: string;
+    l: string;
+    xl: string;
+    xxl: string;
+    xxxl: string;
+};
+
+declare type StatusColorPaletteTokens = Record<ColorPaletteRed | ColorPaletteGreen | ColorPaletteDarkOrange | ColorPaletteYellow | ColorPaletteBerry | ColorPaletteMarigold | ColorPaletteLightGreen, string>;
+
+export declare type StrokeWidthTokens = {
+    strokeWidthThin: string;
+    strokeWidthThick: string;
+    strokeWidthThicker: string;
+    strokeWidthThickest: string;
+};
+
+export declare const teamsDarkTheme: Theme;
+
+export declare const teamsDarkV21Theme: Theme;
+
+export declare const teamsHighContrastTheme: Theme;
+
+export declare const teamsLightTheme: Theme;
+
+export declare const teamsLightV21Theme: Theme;
+
+export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorStatusTokens & ColorTokens & ZIndexTokens;
+
+/**
+ * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
+ * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
+ * affect tree-shaking since bundlers do not know the shape of the output.
+ *
+ * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
+ * @returns Tokens to css variables mapping object corresponding to the passed theme
+ */
+export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string>;
+
+export declare const tokens: Record<keyof Theme, string>;
+
+export declare type TypographyStyle = {
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+};
+
+export declare type TypographyStyles = {
+    body1: TypographyStyle;
+    body1Strong: TypographyStyle;
+    body1Stronger: TypographyStyle;
+    body2: TypographyStyle;
+    caption1: TypographyStyle;
+    caption1Strong: TypographyStyle;
+    caption1Stronger: TypographyStyle;
+    caption2: TypographyStyle;
+    caption2Strong: TypographyStyle;
+    subtitle1: TypographyStyle;
+    subtitle2: TypographyStyle;
+    subtitle2Stronger: TypographyStyle;
+    title1: TypographyStyle;
+    title2: TypographyStyle;
+    title3: TypographyStyle;
+    largeTitle: TypographyStyle;
+    display: TypographyStyle;
+};
+
+/**
+ * Global typography styles (fontSize, fontWeight, and lineHeight)
+ */
+export declare const typographyStyles: TypographyStyles;
+
+export declare type VerticalSpacingTokens = {
+    spacingVerticalNone: string;
+    spacingVerticalXXS: string;
+    spacingVerticalXS: string;
+    spacingVerticalSNudge: string;
+    spacingVerticalS: string;
+    spacingVerticalMNudge: string;
+    spacingVerticalM: string;
+    spacingVerticalL: string;
+    spacingVerticalXL: string;
+    spacingVerticalXXL: string;
+    spacingVerticalXXXL: string;
+};
+
+export declare const webDarkTheme: Theme;
+
+export declare const webLightTheme: Theme;
+
+/**
+ * Design tokens for z-index groups and levels
+ */
+export declare type ZIndexTokens = {
+    zIndexBackground?: string;
+    zIndexContent?: string;
+    zIndexOverlay?: string;
+    zIndexPopup?: string;
+    zIndexMessages?: string;
+    zIndexFloating?: string;
+    zIndexPriority?: string;
+    zIndexDebug?: string;
+};
+
+export { }

node_modules/@fluentui/tokens/lib-commonjs/alias/darkColor.js

@@ -0,0 +1,197 @@
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "generateColorTokens", {
+    enumerable: true,
+    get: function() {
+        return generateColorTokens;
+    }
+});
+const _colors = require("../global/colors.js");
+const generateColorTokens = (brand)=>({
+        colorNeutralForeground1: _colors.white,
+        colorNeutralForeground1Hover: _colors.white,
+        colorNeutralForeground1Pressed: _colors.white,
+        colorNeutralForeground1Selected: _colors.white,
+        colorNeutralForeground2: _colors.grey[84],
+        colorNeutralForeground2Hover: _colors.white,
+        colorNeutralForeground2Pressed: _colors.white,
+        colorNeutralForeground2Selected: _colors.white,
+        colorNeutralForeground2BrandHover: brand[100],
+        colorNeutralForeground2BrandPressed: brand[90],
+        colorNeutralForeground2BrandSelected: brand[100],
+        colorNeutralForeground3: _colors.grey[68],
+        colorNeutralForeground3Hover: _colors.grey[84],
+        colorNeutralForeground3Pressed: _colors.grey[84],
+        colorNeutralForeground3Selected: _colors.grey[84],
+        colorNeutralForeground3BrandHover: brand[100],
+        colorNeutralForeground3BrandPressed: brand[90],
+        colorNeutralForeground3BrandSelected: brand[100],
+        colorNeutralForeground4: _colors.grey[60],
+        colorNeutralForeground5: _colors.grey[68],
+        colorNeutralForeground5Hover: _colors.white,
+        colorNeutralForeground5Pressed: _colors.white,
+        colorNeutralForeground5Selected: _colors.white,
+        colorNeutralForegroundDisabled: _colors.grey[36],
+        colorNeutralForegroundInvertedDisabled: _colors.whiteAlpha[40],
+        colorBrandForegroundLink: brand[100],
+        colorBrandForegroundLinkHover: brand[110],
+        colorBrandForegroundLinkPressed: brand[90],
+        colorBrandForegroundLinkSelected: brand[100],
+        colorNeutralForeground2Link: _colors.grey[84],
+        colorNeutralForeground2LinkHover: _colors.white,
+        colorNeutralForeground2LinkPressed: _colors.white,
+        colorNeutralForeground2LinkSelected: _colors.white,
+        colorCompoundBrandForeground1: brand[100],
+        colorCompoundBrandForeground1Hover: brand[110],
+        colorCompoundBrandForeground1Pressed: brand[90],
+        colorBrandForeground1: brand[100],
+        colorBrandForeground2: brand[110],
+        colorBrandForeground2Hover: brand[130],
+        colorBrandForeground2Pressed: brand[160],
+        colorNeutralForeground1Static: _colors.grey[14],
+        colorNeutralForegroundStaticInverted: _colors.white,
+        colorNeutralForegroundInverted: _colors.grey[14],
+        colorNeutralForegroundInvertedHover: _colors.grey[14],
+        colorNeutralForegroundInvertedPressed: _colors.grey[14],
+        colorNeutralForegroundInvertedSelected: _colors.grey[14],
+        colorNeutralForegroundInverted2: _colors.grey[14],
+        colorNeutralForegroundOnBrand: _colors.white,
+        colorNeutralForegroundInvertedLink: _colors.white,
+        colorNeutralForegroundInvertedLinkHover: _colors.white,
+        colorNeutralForegroundInvertedLinkPressed: _colors.white,
+        colorNeutralForegroundInvertedLinkSelected: _colors.white,
+        colorBrandForegroundInverted: brand[80],
+        colorBrandForegroundInvertedHover: brand[70],
+        colorBrandForegroundInvertedPressed: brand[60],
+        colorBrandForegroundOnLight: brand[80],
+        colorBrandForegroundOnLightHover: brand[70],
+        colorBrandForegroundOnLightPressed: brand[50],
+        colorBrandForegroundOnLightSelected: brand[60],
+        colorNeutralBackground1: _colors.grey[16],
+        colorNeutralBackground1Hover: _colors.grey[24],
+        colorNeutralBackground1Pressed: _colors.grey[12],
+        colorNeutralBackground1Selected: _colors.grey[22],
+        colorNeutralBackground2: _colors.grey[12],
+        colorNeutralBackground2Hover: _colors.grey[20],
+        colorNeutralBackground2Pressed: _colors.grey[8],
+        colorNeutralBackground2Selected: _colors.grey[18],
+        colorNeutralBackground3: _colors.grey[8],
+        colorNeutralBackground3Hover: _colors.grey[16],
+        colorNeutralBackground3Pressed: _colors.grey[4],
+        colorNeutralBackground3Selected: _colors.grey[14],
+        colorNeutralBackground4: _colors.grey[4],
+        colorNeutralBackground4Hover: _colors.grey[12],
+        colorNeutralBackground4Pressed: _colors.black,
+        colorNeutralBackground4Selected: _colors.grey[10],
+        colorNeutralBackground5: _colors.black,
+        colorNeutralBackground5Hover: _colors.grey[8],
+        colorNeutralBackground5Pressed: _colors.grey[2],
+        colorNeutralBackground5Selected: _colors.grey[6],
+        colorNeutralBackground6: _colors.grey[20],
+        colorNeutralBackground7: '#00000000',
+        colorNeutralBackground7Hover: _colors.grey[10],
+        colorNeutralBackground7Pressed: _colors.grey[4],
+        colorNeutralBackground7Selected: '#00000000',
+        colorNeutralBackground8: _colors.grey[16],
+        colorNeutralBackgroundInverted: _colors.white,
+        colorNeutralBackgroundInvertedHover: _colors.grey[96],
+        colorNeutralBackgroundInvertedPressed: _colors.grey[88],
+        colorNeutralBackgroundInvertedSelected: _colors.grey[92],
+        colorNeutralBackgroundStatic: _colors.grey[24],
+        colorNeutralBackgroundAlpha: _colors.grey10Alpha[50],
+        colorNeutralBackgroundAlpha2: _colors.grey12Alpha[70],
+        colorSubtleBackground: 'transparent',
+        colorSubtleBackgroundHover: _colors.grey[22],
+        colorSubtleBackgroundPressed: _colors.grey[18],
+        colorSubtleBackgroundSelected: _colors.grey[20],
+        colorSubtleBackgroundLightAlphaHover: _colors.grey14Alpha[80],
+        colorSubtleBackgroundLightAlphaPressed: _colors.grey14Alpha[50],
+        colorSubtleBackgroundLightAlphaSelected: 'transparent',
+        colorSubtleBackgroundInverted: 'transparent',
+        colorSubtleBackgroundInvertedHover: _colors.blackAlpha[10],
+        colorSubtleBackgroundInvertedPressed: _colors.blackAlpha[30],
+        colorSubtleBackgroundInvertedSelected: _colors.blackAlpha[20],
+        colorTransparentBackground: 'transparent',
+        colorTransparentBackgroundHover: 'transparent',
+        colorTransparentBackgroundPressed: 'transparent',
+        colorTransparentBackgroundSelected: 'transparent',
+        colorNeutralBackgroundDisabled: _colors.grey[8],
+        colorNeutralBackgroundDisabled2: _colors.grey[16],
+        colorNeutralBackgroundInvertedDisabled: _colors.whiteAlpha[10],
+        colorNeutralStencil1: _colors.grey[34],
+        colorNeutralStencil2: _colors.grey[20],
+        colorNeutralStencil1Alpha: _colors.whiteAlpha[10],
+        colorNeutralStencil2Alpha: _colors.whiteAlpha[5],
+        colorBackgroundOverlay: _colors.blackAlpha[50],
+        colorScrollbarOverlay: _colors.whiteAlpha[60],
+        colorBrandBackground: brand[70],
+        colorBrandBackgroundHover: brand[80],
+        colorBrandBackgroundPressed: brand[40],
+        colorBrandBackgroundSelected: brand[60],
+        colorCompoundBrandBackground: brand[100],
+        colorCompoundBrandBackgroundHover: brand[110],
+        colorCompoundBrandBackgroundPressed: brand[90],
+        colorBrandBackgroundStatic: brand[80],
+        colorBrandBackground2: brand[20],
+        colorBrandBackground2Hover: brand[40],
+        colorBrandBackground2Pressed: brand[10],
+        colorBrandBackground3Static: brand[60],
+        colorBrandBackground4Static: brand[40],
+        colorBrandBackgroundInverted: _colors.white,
+        colorBrandBackgroundInvertedHover: brand[160],
+        colorBrandBackgroundInvertedPressed: brand[140],
+        colorBrandBackgroundInvertedSelected: brand[150],
+        colorNeutralCardBackground: _colors.grey[20],
+        colorNeutralCardBackgroundHover: _colors.grey[24],
+        colorNeutralCardBackgroundPressed: _colors.grey[18],
+        colorNeutralCardBackgroundSelected: _colors.grey[22],
+        colorNeutralCardBackgroundDisabled: _colors.grey[8],
+        colorNeutralStrokeAccessible: _colors.grey[68],
+        colorNeutralStrokeAccessibleHover: _colors.grey[74],
+        colorNeutralStrokeAccessiblePressed: _colors.grey[70],
+        colorNeutralStrokeAccessibleSelected: brand[100],
+        colorNeutralStroke1: _colors.grey[40],
+        colorNeutralStroke1Hover: _colors.grey[46],
+        colorNeutralStroke1Pressed: _colors.grey[42],
+        colorNeutralStroke1Selected: _colors.grey[44],
+        colorNeutralStroke2: _colors.grey[32],
+        colorNeutralStroke3: _colors.grey[24],
+        colorNeutralStroke4: _colors.grey[24],
+        colorNeutralStroke4Hover: _colors.grey[18],
+        colorNeutralStroke4Pressed: _colors.grey[14],
+        colorNeutralStroke4Selected: _colors.grey[24],
+        colorNeutralStrokeSubtle: _colors.grey[4],
+        colorNeutralStrokeOnBrand: _colors.grey[16],
+        colorNeutralStrokeOnBrand2: _colors.white,
+        colorNeutralStrokeOnBrand2Hover: _colors.white,
+        colorNeutralStrokeOnBrand2Pressed: _colors.white,
+        colorNeutralStrokeOnBrand2Selected: _colors.white,
+        colorBrandStroke1: brand[100],
+        colorBrandStroke2: brand[50],
+        colorBrandStroke2Hover: brand[50],
+        colorBrandStroke2Pressed: brand[30],
+        colorBrandStroke2Contrast: brand[50],
+        colorCompoundBrandStroke: brand[100],
+        colorCompoundBrandStrokeHover: brand[110],
+        colorCompoundBrandStrokePressed: brand[90],
+        colorNeutralStrokeDisabled: _colors.grey[26],
+        colorNeutralStrokeDisabled2: _colors.grey[24],
+        colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40],
+        colorTransparentStroke: 'transparent',
+        colorTransparentStrokeInteractive: 'transparent',
+        colorTransparentStrokeDisabled: 'transparent',
+        colorNeutralStrokeAlpha: _colors.whiteAlpha[10],
+        colorNeutralStrokeAlpha2: _colors.whiteAlpha[20],
+        colorStrokeFocus1: _colors.black,
+        colorStrokeFocus2: _colors.white,
+        colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+        colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+    });

node_modules/@fluentui/tokens/lib-commonjs/alias/darkColorPalette.js

@@ -0,0 +1,87 @@
+/* color palette used in both darkTheme and teamsDarkTheme */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    colorPaletteTokens: function() {
+        return colorPaletteTokens;
+    },
+    colorStatusTokens: function() {
+        return colorStatusTokens;
+    }
+});
+const _colorPalette = require("../global/colorPalette.js");
+const _sharedColorNames = require("../sharedColorNames.js");
+const _statusColorMapping = require("../statusColorMapping.js");
+const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background1`]: _colorPalette.statusSharedColors[sharedColor].shade40,
+        [`colorPalette${color}Background2`]: _colorPalette.statusSharedColors[sharedColor].shade30,
+        [`colorPalette${color}Background3`]: _colorPalette.statusSharedColors[sharedColor].primary,
+        [`colorPalette${color}Foreground1`]: _colorPalette.statusSharedColors[sharedColor].tint30,
+        [`colorPalette${color}Foreground2`]: _colorPalette.statusSharedColors[sharedColor].tint40,
+        [`colorPalette${color}Foreground3`]: _colorPalette.statusSharedColors[sharedColor].tint20,
+        [`colorPalette${color}BorderActive`]: _colorPalette.statusSharedColors[sharedColor].tint30,
+        [`colorPalette${color}Border1`]: _colorPalette.statusSharedColors[sharedColor].primary,
+        [`colorPalette${color}Border2`]: _colorPalette.statusSharedColors[sharedColor].tint20
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+// one-off patches
+statusColorPaletteTokens.colorPaletteRedForeground3 = _colorPalette.statusSharedColors.red.tint30;
+statusColorPaletteTokens.colorPaletteRedBorder2 = _colorPalette.statusSharedColors.red.tint30;
+statusColorPaletteTokens.colorPaletteGreenForeground3 = _colorPalette.statusSharedColors.green.tint40;
+statusColorPaletteTokens.colorPaletteGreenBorder2 = _colorPalette.statusSharedColors.green.tint40;
+statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = _colorPalette.statusSharedColors.darkOrange.tint30;
+statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = _colorPalette.statusSharedColors.darkOrange.tint30;
+statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colorPalette.statusSharedColors.red.primary;
+statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colorPalette.statusSharedColors.green.primary;
+statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colorPalette.statusSharedColors.yellow.shade30;
+const personaColorPaletteTokens = _sharedColorNames.personaSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background2`]: _colorPalette.personaSharedColors[sharedColor].shade30,
+        [`colorPalette${color}Foreground2`]: _colorPalette.personaSharedColors[sharedColor].tint40,
+        [`colorPalette${color}BorderActive`]: _colorPalette.personaSharedColors[sharedColor].tint30
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+// one-off patches
+personaColorPaletteTokens.colorPaletteDarkRedBackground2 = _colorPalette.personaSharedColors.darkRed.shade20;
+personaColorPaletteTokens.colorPalettePlumBackground2 = _colorPalette.personaSharedColors.plum.shade20;
+const colorPaletteTokens = {
+    ...statusColorPaletteTokens,
+    ...personaColorPaletteTokens
+};
+const colorStatusTokens = Object.entries(_statusColorMapping.statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
+    const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
+    // TODO: double check the mapping with design - see the one-off patches above
+    const statusColorTokens = {
+        [`colorStatus${color}Background1`]: _colorPalette.mappedStatusColors[sharedColor].shade40,
+        [`colorStatus${color}Background2`]: _colorPalette.mappedStatusColors[sharedColor].shade30,
+        [`colorStatus${color}Background3`]: _colorPalette.mappedStatusColors[sharedColor].primary,
+        [`colorStatus${color}Foreground1`]: _colorPalette.mappedStatusColors[sharedColor].tint30,
+        [`colorStatus${color}Foreground2`]: _colorPalette.mappedStatusColors[sharedColor].tint40,
+        [`colorStatus${color}Foreground3`]: _colorPalette.mappedStatusColors[sharedColor].tint20,
+        [`colorStatus${color}BorderActive`]: _colorPalette.mappedStatusColors[sharedColor].tint30,
+        [`colorStatus${color}ForegroundInverted`]: _colorPalette.mappedStatusColors[sharedColor].shade10,
+        [`colorStatus${color}Border1`]: _colorPalette.mappedStatusColors[sharedColor].primary,
+        [`colorStatus${color}Border2`]: _colorPalette.mappedStatusColors[sharedColor].tint20
+    };
+    return Object.assign(acc, statusColorTokens);
+}, {});
+// one-off overrides for colorStatus tokens
+colorStatusTokens.colorStatusDangerBackground3Hover = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].shade10;
+colorStatusTokens.colorStatusDangerBackground3Pressed = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].shade20;
+colorStatusTokens.colorStatusDangerForeground3 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].tint40;
+colorStatusTokens.colorStatusDangerBorder2 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].tint30;
+colorStatusTokens.colorStatusSuccessForeground3 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.success].tint40;
+colorStatusTokens.colorStatusSuccessBorder2 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.success].tint40;
+colorStatusTokens.colorStatusWarningForegroundInverted = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;

node_modules/@fluentui/tokens/lib-commonjs/alias/highContrastColor.js

@@ -0,0 +1,197 @@
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "generateColorTokens", {
+    enumerable: true,
+    get: function() {
+        return generateColorTokens;
+    }
+});
+const _colors = require("../global/colors.js");
+const generateColorTokens = ()=>({
+        colorNeutralForeground1: _colors.hcCanvasText,
+        colorNeutralForeground1Hover: _colors.hcHighlightText,
+        colorNeutralForeground1Pressed: _colors.hcHighlightText,
+        colorNeutralForeground1Selected: _colors.hcHighlightText,
+        colorNeutralForeground2: _colors.hcCanvasText,
+        colorNeutralForeground2Hover: _colors.hcHighlightText,
+        colorNeutralForeground2Pressed: _colors.hcHighlightText,
+        colorNeutralForeground2Selected: _colors.hcHighlightText,
+        colorNeutralForeground2BrandHover: _colors.hcHighlightText,
+        colorNeutralForeground2BrandPressed: _colors.hcHighlightText,
+        colorNeutralForeground2BrandSelected: _colors.hcHighlightText,
+        colorNeutralForeground3: _colors.hcCanvasText,
+        colorNeutralForeground3Hover: _colors.hcHighlightText,
+        colorNeutralForeground3Pressed: _colors.hcHighlightText,
+        colorNeutralForeground3Selected: _colors.hcHighlightText,
+        colorNeutralForeground3BrandHover: _colors.hcHighlightText,
+        colorNeutralForeground3BrandPressed: _colors.hcHighlightText,
+        colorNeutralForeground3BrandSelected: _colors.hcHighlightText,
+        colorNeutralForeground4: _colors.hcCanvasText,
+        colorNeutralForeground5: _colors.hcCanvasText,
+        colorNeutralForeground5Hover: _colors.hcHighlightText,
+        colorNeutralForeground5Pressed: _colors.hcHighlightText,
+        colorNeutralForeground5Selected: _colors.hcHighlightText,
+        colorNeutralForegroundDisabled: _colors.hcDisabled,
+        colorNeutralForegroundInvertedDisabled: _colors.hcDisabled,
+        colorBrandForegroundLink: _colors.hcHyperlink,
+        colorBrandForegroundLinkHover: _colors.hcHyperlink,
+        colorBrandForegroundLinkPressed: _colors.hcHyperlink,
+        colorBrandForegroundLinkSelected: _colors.hcHyperlink,
+        colorNeutralForeground2Link: _colors.hcHyperlink,
+        colorNeutralForeground2LinkHover: _colors.hcHyperlink,
+        colorNeutralForeground2LinkPressed: _colors.hcHyperlink,
+        colorNeutralForeground2LinkSelected: _colors.hcHyperlink,
+        colorCompoundBrandForeground1: _colors.hcHighlight,
+        colorCompoundBrandForeground1Hover: _colors.hcHighlight,
+        colorCompoundBrandForeground1Pressed: _colors.hcHighlight,
+        colorBrandForeground1: _colors.hcCanvasText,
+        colorBrandForeground2: _colors.hcCanvasText,
+        colorBrandForeground2Hover: _colors.hcCanvasText,
+        colorBrandForeground2Pressed: _colors.hcCanvasText,
+        colorNeutralForeground1Static: _colors.hcCanvas,
+        colorNeutralForegroundStaticInverted: _colors.hcCanvasText,
+        colorNeutralForegroundInverted: _colors.hcHighlightText,
+        colorNeutralForegroundInvertedHover: _colors.hcHighlightText,
+        colorNeutralForegroundInvertedPressed: _colors.hcHighlightText,
+        colorNeutralForegroundInvertedSelected: _colors.hcHighlightText,
+        colorNeutralForegroundInverted2: _colors.hcCanvasText,
+        colorNeutralForegroundOnBrand: _colors.hcButtonText,
+        colorNeutralForegroundInvertedLink: _colors.hcHyperlink,
+        colorNeutralForegroundInvertedLinkHover: _colors.hcHyperlink,
+        colorNeutralForegroundInvertedLinkPressed: _colors.hcHyperlink,
+        colorNeutralForegroundInvertedLinkSelected: _colors.hcHyperlink,
+        colorBrandForegroundInverted: _colors.hcCanvasText,
+        colorBrandForegroundInvertedHover: _colors.hcHighlightText,
+        colorBrandForegroundInvertedPressed: _colors.hcHighlightText,
+        colorBrandForegroundOnLight: _colors.hcButtonText,
+        colorBrandForegroundOnLightHover: _colors.hcHighlightText,
+        colorBrandForegroundOnLightPressed: _colors.hcHighlightText,
+        colorBrandForegroundOnLightSelected: _colors.hcHighlightText,
+        colorNeutralBackground1: _colors.hcCanvas,
+        colorNeutralBackground1Hover: _colors.hcHighlight,
+        colorNeutralBackground1Pressed: _colors.hcHighlight,
+        colorNeutralBackground1Selected: _colors.hcHighlight,
+        colorNeutralBackground2: _colors.hcCanvas,
+        colorNeutralBackground2Hover: _colors.hcHighlight,
+        colorNeutralBackground2Pressed: _colors.hcHighlight,
+        colorNeutralBackground2Selected: _colors.hcHighlight,
+        colorNeutralBackground3: _colors.hcCanvas,
+        colorNeutralBackground3Hover: _colors.hcHighlight,
+        colorNeutralBackground3Pressed: _colors.hcHighlight,
+        colorNeutralBackground3Selected: _colors.hcHighlight,
+        colorNeutralBackground4: _colors.hcCanvas,
+        colorNeutralBackground4Hover: _colors.hcHighlight,
+        colorNeutralBackground4Pressed: _colors.hcHighlight,
+        colorNeutralBackground4Selected: _colors.hcHighlight,
+        colorNeutralBackground5: _colors.hcCanvas,
+        colorNeutralBackground5Hover: _colors.hcHighlight,
+        colorNeutralBackground5Pressed: _colors.hcHighlight,
+        colorNeutralBackground5Selected: _colors.hcHighlight,
+        colorNeutralBackground6: _colors.hcCanvas,
+        colorNeutralBackground7: _colors.hcCanvas,
+        colorNeutralBackground7Hover: _colors.hcHighlight,
+        colorNeutralBackground7Pressed: _colors.hcHighlight,
+        colorNeutralBackground7Selected: _colors.hcHighlight,
+        colorNeutralBackground8: _colors.hcCanvas,
+        colorNeutralBackgroundInverted: _colors.hcCanvas,
+        colorNeutralBackgroundInvertedHover: _colors.hcHighlight,
+        colorNeutralBackgroundInvertedPressed: _colors.hcHighlight,
+        colorNeutralBackgroundInvertedSelected: _colors.hcHighlight,
+        colorNeutralBackgroundStatic: _colors.hcCanvas,
+        colorNeutralBackgroundAlpha: _colors.hcCanvas,
+        colorNeutralBackgroundAlpha2: _colors.hcCanvas,
+        colorSubtleBackground: 'transparent',
+        colorSubtleBackgroundHover: _colors.hcHighlight,
+        colorSubtleBackgroundPressed: _colors.hcHighlight,
+        colorSubtleBackgroundSelected: _colors.hcHighlight,
+        colorSubtleBackgroundLightAlphaHover: _colors.hcHighlight,
+        colorSubtleBackgroundLightAlphaPressed: _colors.hcHighlight,
+        colorSubtleBackgroundLightAlphaSelected: _colors.hcHighlight,
+        colorSubtleBackgroundInverted: 'transparent',
+        colorSubtleBackgroundInvertedHover: _colors.hcHighlight,
+        colorSubtleBackgroundInvertedPressed: _colors.hcHighlight,
+        colorSubtleBackgroundInvertedSelected: _colors.hcHighlight,
+        colorTransparentBackground: 'transparent',
+        colorTransparentBackgroundHover: _colors.hcHighlight,
+        colorTransparentBackgroundPressed: _colors.hcHighlight,
+        colorTransparentBackgroundSelected: _colors.hcHighlight,
+        colorNeutralBackgroundDisabled: _colors.hcCanvas,
+        colorNeutralBackgroundDisabled2: _colors.hcDisabled,
+        colorNeutralBackgroundInvertedDisabled: _colors.hcCanvas,
+        colorNeutralStencil1: _colors.hcCanvasText,
+        colorNeutralStencil2: _colors.hcCanvasText,
+        colorNeutralStencil1Alpha: _colors.hcCanvasText,
+        colorNeutralStencil2Alpha: _colors.hcCanvasText,
+        colorBackgroundOverlay: _colors.blackAlpha[50],
+        colorScrollbarOverlay: _colors.hcButtonFace,
+        colorBrandBackground: _colors.hcButtonFace,
+        colorBrandBackgroundHover: _colors.hcHighlight,
+        colorBrandBackgroundPressed: _colors.hcHighlight,
+        colorBrandBackgroundSelected: _colors.hcHighlight,
+        colorCompoundBrandBackground: _colors.hcHighlight,
+        colorCompoundBrandBackgroundHover: _colors.hcHighlight,
+        colorCompoundBrandBackgroundPressed: _colors.hcHighlight,
+        colorBrandBackgroundStatic: _colors.hcCanvas,
+        colorBrandBackground2: _colors.hcCanvas,
+        colorBrandBackground2Hover: _colors.hcCanvas,
+        colorBrandBackground2Pressed: _colors.hcCanvas,
+        colorBrandBackground3Static: _colors.hcCanvas,
+        colorBrandBackground4Static: _colors.hcCanvas,
+        colorBrandBackgroundInverted: _colors.hcButtonFace,
+        colorBrandBackgroundInvertedHover: _colors.hcHighlight,
+        colorBrandBackgroundInvertedPressed: _colors.hcHighlight,
+        colorBrandBackgroundInvertedSelected: _colors.hcHighlight,
+        colorNeutralCardBackground: _colors.hcCanvas,
+        colorNeutralCardBackgroundHover: _colors.hcHighlight,
+        colorNeutralCardBackgroundPressed: _colors.hcHighlight,
+        colorNeutralCardBackgroundSelected: _colors.hcHighlight,
+        colorNeutralCardBackgroundDisabled: _colors.hcCanvas,
+        colorNeutralStrokeAccessible: _colors.hcCanvasText,
+        colorNeutralStrokeAccessibleHover: _colors.hcHighlight,
+        colorNeutralStrokeAccessiblePressed: _colors.hcHighlight,
+        colorNeutralStrokeAccessibleSelected: _colors.hcHighlight,
+        colorNeutralStroke1: _colors.hcCanvasText,
+        colorNeutralStroke1Hover: _colors.hcHighlight,
+        colorNeutralStroke1Pressed: _colors.hcHighlight,
+        colorNeutralStroke1Selected: _colors.hcHighlight,
+        colorNeutralStroke2: _colors.hcCanvasText,
+        colorNeutralStroke3: _colors.hcCanvasText,
+        colorNeutralStroke4: _colors.hcCanvasText,
+        colorNeutralStroke4Hover: _colors.hcHighlight,
+        colorNeutralStroke4Pressed: _colors.hcHighlight,
+        colorNeutralStroke4Selected: _colors.hcHighlight,
+        colorNeutralStrokeSubtle: _colors.hcCanvasText,
+        colorNeutralStrokeOnBrand: _colors.hcCanvas,
+        colorNeutralStrokeOnBrand2: _colors.hcCanvasText,
+        colorNeutralStrokeOnBrand2Hover: _colors.hcCanvasText,
+        colorNeutralStrokeOnBrand2Pressed: _colors.hcCanvasText,
+        colorNeutralStrokeOnBrand2Selected: _colors.hcCanvasText,
+        colorBrandStroke1: _colors.hcCanvasText,
+        colorBrandStroke2: _colors.hcCanvasText,
+        colorBrandStroke2Hover: _colors.hcHighlight,
+        colorBrandStroke2Pressed: _colors.hcHighlight,
+        colorBrandStroke2Contrast: _colors.hcCanvas,
+        colorCompoundBrandStroke: _colors.hcHighlight,
+        colorCompoundBrandStrokeHover: _colors.hcHighlight,
+        colorCompoundBrandStrokePressed: _colors.hcHighlight,
+        colorNeutralStrokeDisabled: _colors.hcDisabled,
+        colorNeutralStrokeDisabled2: _colors.hcDisabled,
+        colorNeutralStrokeInvertedDisabled: _colors.hcDisabled,
+        colorTransparentStroke: _colors.hcCanvasText,
+        colorTransparentStrokeInteractive: _colors.hcHighlight,
+        colorTransparentStrokeDisabled: _colors.hcDisabled,
+        colorNeutralStrokeAlpha: _colors.hcCanvasText,
+        colorNeutralStrokeAlpha2: _colors.hcCanvas,
+        colorStrokeFocus1: _colors.hcCanvas,
+        colorStrokeFocus2: _colors.hcHighlight,
+        colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+        colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+    });

node_modules/@fluentui/tokens/lib-commonjs/alias/highContrastColorPalette.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    colorPaletteTokens: function() {
+        return colorPaletteTokens;
+    },
+    colorStatusTokens: function() {
+        return colorStatusTokens;
+    }
+});
+const _colors = require("../global/colors.js");
+const _sharedColorNames = require("../sharedColorNames.js");
+const _statusColorMapping = require("../statusColorMapping.js");
+const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background1`]: _colors.hcCanvas,
+        [`colorPalette${color}Background2`]: _colors.hcCanvas,
+        [`colorPalette${color}Background3`]: _colors.hcCanvasText,
+        [`colorPalette${color}Foreground1`]: _colors.hcCanvasText,
+        [`colorPalette${color}Foreground2`]: _colors.hcCanvasText,
+        [`colorPalette${color}Foreground3`]: _colors.hcCanvasText,
+        [`colorPalette${color}BorderActive`]: _colors.hcHighlight,
+        [`colorPalette${color}Border1`]: _colors.hcCanvasText,
+        [`colorPalette${color}Border2`]: _colors.hcCanvasText
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+// one-off patches
+statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colors.hcCanvasText;
+statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colors.hcCanvasText;
+statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colors.hcCanvasText;
+const personaColorPaletteTokens = _sharedColorNames.personaSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background2`]: _colors.hcCanvas,
+        [`colorPalette${color}Foreground2`]: _colors.hcCanvasText,
+        [`colorPalette${color}BorderActive`]: _colors.hcHighlight
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+const colorPaletteTokens = {
+    ...statusColorPaletteTokens,
+    ...personaColorPaletteTokens
+};
+const colorStatusTokens = Object.entries(_statusColorMapping.statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
+    const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
+    // TODO: double check the mapping with design
+    const statusColorTokens = {
+        [`colorStatus${color}Background1`]: _colors.hcCanvas,
+        [`colorStatus${color}Background2`]: _colors.hcCanvas,
+        [`colorStatus${color}Background3`]: _colors.hcCanvasText,
+        [`colorStatus${color}Foreground1`]: _colors.hcCanvasText,
+        [`colorStatus${color}Foreground2`]: _colors.hcCanvasText,
+        [`colorStatus${color}Foreground3`]: _colors.hcCanvasText,
+        [`colorStatus${color}BorderActive`]: _colors.hcHighlight,
+        [`colorStatus${color}ForegroundInverted`]: _colors.hcCanvasText,
+        [`colorStatus${color}Border1`]: _colors.hcCanvasText,
+        [`colorStatus${color}Border2`]: _colors.hcCanvasText
+    };
+    return Object.assign(acc, statusColorTokens);
+}, {});
+// one-off overrides for colorStatus tokens
+colorStatusTokens.colorStatusDangerBackground3Hover = _colors.hcHighlight;
+colorStatusTokens.colorStatusDangerBackground3Pressed = _colors.hcHighlight;

node_modules/@fluentui/tokens/lib-commonjs/alias/lightColor.js

@@ -0,0 +1,197 @@
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "generateColorTokens", {
+    enumerable: true,
+    get: function() {
+        return generateColorTokens;
+    }
+});
+const _colors = require("../global/colors.js");
+const generateColorTokens = (brand)=>({
+        colorNeutralForeground1: _colors.grey[14],
+        colorNeutralForeground1Hover: _colors.grey[14],
+        colorNeutralForeground1Pressed: _colors.grey[14],
+        colorNeutralForeground1Selected: _colors.grey[14],
+        colorNeutralForeground2: _colors.grey[26],
+        colorNeutralForeground2Hover: _colors.grey[14],
+        colorNeutralForeground2Pressed: _colors.grey[14],
+        colorNeutralForeground2Selected: _colors.grey[14],
+        colorNeutralForeground2BrandHover: brand[80],
+        colorNeutralForeground2BrandPressed: brand[70],
+        colorNeutralForeground2BrandSelected: brand[80],
+        colorNeutralForeground3: _colors.grey[38],
+        colorNeutralForeground3Hover: _colors.grey[26],
+        colorNeutralForeground3Pressed: _colors.grey[26],
+        colorNeutralForeground3Selected: _colors.grey[26],
+        colorNeutralForeground3BrandHover: brand[80],
+        colorNeutralForeground3BrandPressed: brand[70],
+        colorNeutralForeground3BrandSelected: brand[80],
+        colorNeutralForeground4: _colors.grey[44],
+        colorNeutralForeground5: _colors.grey[38],
+        colorNeutralForeground5Hover: _colors.grey[14],
+        colorNeutralForeground5Pressed: _colors.grey[14],
+        colorNeutralForeground5Selected: _colors.grey[14],
+        colorNeutralForegroundDisabled: _colors.grey[74],
+        colorNeutralForegroundInvertedDisabled: _colors.whiteAlpha[40],
+        colorBrandForegroundLink: brand[70],
+        colorBrandForegroundLinkHover: brand[60],
+        colorBrandForegroundLinkPressed: brand[40],
+        colorBrandForegroundLinkSelected: brand[70],
+        colorNeutralForeground2Link: _colors.grey[26],
+        colorNeutralForeground2LinkHover: _colors.grey[14],
+        colorNeutralForeground2LinkPressed: _colors.grey[14],
+        colorNeutralForeground2LinkSelected: _colors.grey[14],
+        colorCompoundBrandForeground1: brand[80],
+        colorCompoundBrandForeground1Hover: brand[70],
+        colorCompoundBrandForeground1Pressed: brand[60],
+        colorBrandForeground1: brand[80],
+        colorBrandForeground2: brand[70],
+        colorBrandForeground2Hover: brand[60],
+        colorBrandForeground2Pressed: brand[30],
+        colorNeutralForeground1Static: _colors.grey[14],
+        colorNeutralForegroundStaticInverted: _colors.white,
+        colorNeutralForegroundInverted: _colors.white,
+        colorNeutralForegroundInvertedHover: _colors.white,
+        colorNeutralForegroundInvertedPressed: _colors.white,
+        colorNeutralForegroundInvertedSelected: _colors.white,
+        colorNeutralForegroundInverted2: _colors.white,
+        colorNeutralForegroundOnBrand: _colors.white,
+        colorNeutralForegroundInvertedLink: _colors.white,
+        colorNeutralForegroundInvertedLinkHover: _colors.white,
+        colorNeutralForegroundInvertedLinkPressed: _colors.white,
+        colorNeutralForegroundInvertedLinkSelected: _colors.white,
+        colorBrandForegroundInverted: brand[100],
+        colorBrandForegroundInvertedHover: brand[110],
+        colorBrandForegroundInvertedPressed: brand[100],
+        colorBrandForegroundOnLight: brand[80],
+        colorBrandForegroundOnLightHover: brand[70],
+        colorBrandForegroundOnLightPressed: brand[50],
+        colorBrandForegroundOnLightSelected: brand[60],
+        colorNeutralBackground1: _colors.white,
+        colorNeutralBackground1Hover: _colors.grey[96],
+        colorNeutralBackground1Pressed: _colors.grey[88],
+        colorNeutralBackground1Selected: _colors.grey[92],
+        colorNeutralBackground2: _colors.grey[98],
+        colorNeutralBackground2Hover: _colors.grey[94],
+        colorNeutralBackground2Pressed: _colors.grey[86],
+        colorNeutralBackground2Selected: _colors.grey[90],
+        colorNeutralBackground3: _colors.grey[96],
+        colorNeutralBackground3Hover: _colors.grey[92],
+        colorNeutralBackground3Pressed: _colors.grey[84],
+        colorNeutralBackground3Selected: _colors.grey[88],
+        colorNeutralBackground4: _colors.grey[94],
+        colorNeutralBackground4Hover: _colors.grey[98],
+        colorNeutralBackground4Pressed: _colors.grey[96],
+        colorNeutralBackground4Selected: _colors.white,
+        colorNeutralBackground5: _colors.grey[92],
+        colorNeutralBackground5Hover: _colors.grey[96],
+        colorNeutralBackground5Pressed: _colors.grey[94],
+        colorNeutralBackground5Selected: _colors.grey[98],
+        colorNeutralBackground6: _colors.grey[90],
+        colorNeutralBackground7: '#00000000',
+        colorNeutralBackground7Hover: _colors.grey[92],
+        colorNeutralBackground7Pressed: _colors.grey[84],
+        colorNeutralBackground7Selected: '#00000000',
+        colorNeutralBackground8: _colors.grey[99],
+        colorNeutralBackgroundInverted: _colors.grey[16],
+        colorNeutralBackgroundInvertedHover: _colors.grey[24],
+        colorNeutralBackgroundInvertedPressed: _colors.grey[12],
+        colorNeutralBackgroundInvertedSelected: _colors.grey[22],
+        colorNeutralBackgroundStatic: _colors.grey[20],
+        colorNeutralBackgroundAlpha: _colors.whiteAlpha[50],
+        colorNeutralBackgroundAlpha2: _colors.whiteAlpha[80],
+        colorSubtleBackground: 'transparent',
+        colorSubtleBackgroundHover: _colors.grey[96],
+        colorSubtleBackgroundPressed: _colors.grey[88],
+        colorSubtleBackgroundSelected: _colors.grey[92],
+        colorSubtleBackgroundLightAlphaHover: _colors.whiteAlpha[70],
+        colorSubtleBackgroundLightAlphaPressed: _colors.whiteAlpha[50],
+        colorSubtleBackgroundLightAlphaSelected: 'transparent',
+        colorSubtleBackgroundInverted: 'transparent',
+        colorSubtleBackgroundInvertedHover: _colors.blackAlpha[10],
+        colorSubtleBackgroundInvertedPressed: _colors.blackAlpha[30],
+        colorSubtleBackgroundInvertedSelected: _colors.blackAlpha[20],
+        colorTransparentBackground: 'transparent',
+        colorTransparentBackgroundHover: 'transparent',
+        colorTransparentBackgroundPressed: 'transparent',
+        colorTransparentBackgroundSelected: 'transparent',
+        colorNeutralBackgroundDisabled: _colors.grey[94],
+        colorNeutralBackgroundDisabled2: _colors.white,
+        colorNeutralBackgroundInvertedDisabled: _colors.whiteAlpha[10],
+        colorNeutralStencil1: _colors.grey[90],
+        colorNeutralStencil2: _colors.grey[98],
+        colorNeutralStencil1Alpha: _colors.blackAlpha[10],
+        colorNeutralStencil2Alpha: _colors.blackAlpha[5],
+        colorBackgroundOverlay: _colors.blackAlpha[40],
+        colorScrollbarOverlay: _colors.blackAlpha[50],
+        colorBrandBackground: brand[80],
+        colorBrandBackgroundHover: brand[70],
+        colorBrandBackgroundPressed: brand[40],
+        colorBrandBackgroundSelected: brand[60],
+        colorCompoundBrandBackground: brand[80],
+        colorCompoundBrandBackgroundHover: brand[70],
+        colorCompoundBrandBackgroundPressed: brand[60],
+        colorBrandBackgroundStatic: brand[80],
+        colorBrandBackground2: brand[160],
+        colorBrandBackground2Hover: brand[150],
+        colorBrandBackground2Pressed: brand[130],
+        colorBrandBackground3Static: brand[60],
+        colorBrandBackground4Static: brand[40],
+        colorBrandBackgroundInverted: _colors.white,
+        colorBrandBackgroundInvertedHover: brand[160],
+        colorBrandBackgroundInvertedPressed: brand[140],
+        colorBrandBackgroundInvertedSelected: brand[150],
+        colorNeutralCardBackground: _colors.grey[98],
+        colorNeutralCardBackgroundHover: _colors.white,
+        colorNeutralCardBackgroundPressed: _colors.grey[96],
+        colorNeutralCardBackgroundSelected: _colors.grey[92],
+        colorNeutralCardBackgroundDisabled: _colors.grey[94],
+        colorNeutralStrokeAccessible: _colors.grey[38],
+        colorNeutralStrokeAccessibleHover: _colors.grey[34],
+        colorNeutralStrokeAccessiblePressed: _colors.grey[30],
+        colorNeutralStrokeAccessibleSelected: brand[80],
+        colorNeutralStroke1: _colors.grey[82],
+        colorNeutralStroke1Hover: _colors.grey[78],
+        colorNeutralStroke1Pressed: _colors.grey[70],
+        colorNeutralStroke1Selected: _colors.grey[74],
+        colorNeutralStroke2: _colors.grey[88],
+        colorNeutralStroke3: _colors.grey[94],
+        colorNeutralStroke4: _colors.grey[92],
+        colorNeutralStroke4Hover: _colors.grey[88],
+        colorNeutralStroke4Pressed: _colors.grey[84],
+        colorNeutralStroke4Selected: _colors.grey[92],
+        colorNeutralStrokeSubtle: _colors.grey[88],
+        colorNeutralStrokeOnBrand: _colors.white,
+        colorNeutralStrokeOnBrand2: _colors.white,
+        colorNeutralStrokeOnBrand2Hover: _colors.white,
+        colorNeutralStrokeOnBrand2Pressed: _colors.white,
+        colorNeutralStrokeOnBrand2Selected: _colors.white,
+        colorBrandStroke1: brand[80],
+        colorBrandStroke2: brand[140],
+        colorBrandStroke2Hover: brand[120],
+        colorBrandStroke2Pressed: brand[80],
+        colorBrandStroke2Contrast: brand[140],
+        colorCompoundBrandStroke: brand[80],
+        colorCompoundBrandStrokeHover: brand[70],
+        colorCompoundBrandStrokePressed: brand[60],
+        colorNeutralStrokeDisabled: _colors.grey[88],
+        colorNeutralStrokeDisabled2: _colors.grey[92],
+        colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40],
+        colorTransparentStroke: 'transparent',
+        colorTransparentStrokeInteractive: 'transparent',
+        colorTransparentStrokeDisabled: 'transparent',
+        colorNeutralStrokeAlpha: _colors.blackAlpha[5],
+        colorNeutralStrokeAlpha2: _colors.whiteAlpha[20],
+        colorStrokeFocus1: _colors.white,
+        colorStrokeFocus2: _colors.black,
+        colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
+        colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
+        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
+        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
+        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
+        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
+        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+    });

node_modules/@fluentui/tokens/lib-commonjs/alias/lightColorPalette.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    colorPaletteTokens: function() {
+        return colorPaletteTokens;
+    },
+    colorStatusTokens: function() {
+        return colorStatusTokens;
+    }
+});
+const _colorPalette = require("../global/colorPalette.js");
+const _sharedColorNames = require("../sharedColorNames.js");
+const _statusColorMapping = require("../statusColorMapping.js");
+const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background1`]: _colorPalette.statusSharedColors[sharedColor].tint60,
+        [`colorPalette${color}Background2`]: _colorPalette.statusSharedColors[sharedColor].tint40,
+        [`colorPalette${color}Background3`]: _colorPalette.statusSharedColors[sharedColor].primary,
+        [`colorPalette${color}Foreground1`]: _colorPalette.statusSharedColors[sharedColor].shade10,
+        [`colorPalette${color}Foreground2`]: _colorPalette.statusSharedColors[sharedColor].shade30,
+        [`colorPalette${color}Foreground3`]: _colorPalette.statusSharedColors[sharedColor].primary,
+        [`colorPalette${color}BorderActive`]: _colorPalette.statusSharedColors[sharedColor].primary,
+        [`colorPalette${color}Border1`]: _colorPalette.statusSharedColors[sharedColor].tint40,
+        [`colorPalette${color}Border2`]: _colorPalette.statusSharedColors[sharedColor].primary
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+// one-off patch for yellow
+statusColorPaletteTokens.colorPaletteYellowForeground1 = _colorPalette.statusSharedColors.yellow.shade30;
+statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colorPalette.statusSharedColors.red.tint20;
+statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colorPalette.statusSharedColors.green.tint20;
+statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colorPalette.statusSharedColors.yellow.tint40;
+const personaColorPaletteTokens = _sharedColorNames.personaSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background2`]: _colorPalette.personaSharedColors[sharedColor].tint40,
+        [`colorPalette${color}Foreground2`]: _colorPalette.personaSharedColors[sharedColor].shade30,
+        [`colorPalette${color}BorderActive`]: _colorPalette.personaSharedColors[sharedColor].primary
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+const colorPaletteTokens = {
+    ...statusColorPaletteTokens,
+    ...personaColorPaletteTokens
+};
+const colorStatusTokens = Object.entries(_statusColorMapping.statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
+    const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
+    // TODO: double check the mapping with design
+    const statusColorTokens = {
+        [`colorStatus${color}Background1`]: _colorPalette.mappedStatusColors[sharedColor].tint60,
+        [`colorStatus${color}Background2`]: _colorPalette.mappedStatusColors[sharedColor].tint40,
+        [`colorStatus${color}Background3`]: _colorPalette.mappedStatusColors[sharedColor].primary,
+        [`colorStatus${color}Foreground1`]: _colorPalette.mappedStatusColors[sharedColor].shade10,
+        [`colorStatus${color}Foreground2`]: _colorPalette.mappedStatusColors[sharedColor].shade30,
+        [`colorStatus${color}Foreground3`]: _colorPalette.mappedStatusColors[sharedColor].primary,
+        [`colorStatus${color}ForegroundInverted`]: _colorPalette.mappedStatusColors[sharedColor].tint30,
+        [`colorStatus${color}BorderActive`]: _colorPalette.mappedStatusColors[sharedColor].primary,
+        [`colorStatus${color}Border1`]: _colorPalette.mappedStatusColors[sharedColor].tint40,
+        [`colorStatus${color}Border2`]: _colorPalette.mappedStatusColors[sharedColor].primary
+    };
+    return Object.assign(acc, statusColorTokens);
+}, {});
+// one-off overrides for colorStatus tokens
+colorStatusTokens.colorStatusDangerBackground3Hover = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].shade10;
+colorStatusTokens.colorStatusDangerBackground3Pressed = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].shade20;
+colorStatusTokens.colorStatusWarningForeground1 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;
+colorStatusTokens.colorStatusWarningForeground3 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;
+colorStatusTokens.colorStatusWarningBorder2 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;

node_modules/@fluentui/tokens/lib-commonjs/alias/teamsDarkColor.js

@@ -0,0 +1,197 @@
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "generateColorTokens", {
+    enumerable: true,
+    get: function() {
+        return generateColorTokens;
+    }
+});
+const _colors = require("../global/colors.js");
+const generateColorTokens = (brand)=>({
+        colorNeutralForeground1: _colors.white,
+        colorNeutralForeground1Hover: _colors.white,
+        colorNeutralForeground1Pressed: _colors.white,
+        colorNeutralForeground1Selected: _colors.white,
+        colorNeutralForeground2: _colors.grey[84],
+        colorNeutralForeground2Hover: _colors.white,
+        colorNeutralForeground2Pressed: _colors.white,
+        colorNeutralForeground2Selected: _colors.white,
+        colorNeutralForeground2BrandHover: brand[100],
+        colorNeutralForeground2BrandPressed: brand[90],
+        colorNeutralForeground2BrandSelected: brand[100],
+        colorNeutralForeground3: _colors.grey[68],
+        colorNeutralForeground3Hover: _colors.grey[84],
+        colorNeutralForeground3Pressed: _colors.grey[84],
+        colorNeutralForeground3Selected: _colors.grey[84],
+        colorNeutralForeground3BrandHover: brand[100],
+        colorNeutralForeground3BrandPressed: brand[90],
+        colorNeutralForeground3BrandSelected: brand[100],
+        colorNeutralForeground4: _colors.grey[60],
+        colorNeutralForeground5: _colors.grey[68],
+        colorNeutralForeground5Hover: _colors.white,
+        colorNeutralForeground5Pressed: _colors.white,
+        colorNeutralForeground5Selected: _colors.white,
+        colorNeutralForegroundDisabled: _colors.grey[36],
+        colorNeutralForegroundInvertedDisabled: _colors.whiteAlpha[40],
+        colorBrandForegroundLink: brand[100],
+        colorBrandForegroundLinkHover: brand[110],
+        colorBrandForegroundLinkPressed: brand[90],
+        colorBrandForegroundLinkSelected: brand[100],
+        colorNeutralForeground2Link: _colors.grey[84],
+        colorNeutralForeground2LinkHover: _colors.white,
+        colorNeutralForeground2LinkPressed: _colors.white,
+        colorNeutralForeground2LinkSelected: _colors.white,
+        colorCompoundBrandForeground1: brand[100],
+        colorCompoundBrandForeground1Hover: brand[110],
+        colorCompoundBrandForeground1Pressed: brand[90],
+        colorBrandForeground1: brand[100],
+        colorBrandForeground2: brand[120],
+        colorBrandForeground2Hover: brand[130],
+        colorBrandForeground2Pressed: brand[160],
+        colorNeutralForeground1Static: _colors.grey[14],
+        colorNeutralForegroundStaticInverted: _colors.white,
+        colorNeutralForegroundInverted: _colors.grey[14],
+        colorNeutralForegroundInvertedHover: _colors.grey[14],
+        colorNeutralForegroundInvertedPressed: _colors.grey[14],
+        colorNeutralForegroundInvertedSelected: _colors.grey[14],
+        colorNeutralForegroundInverted2: _colors.grey[14],
+        colorNeutralForegroundOnBrand: _colors.white,
+        colorNeutralForegroundInvertedLink: _colors.white,
+        colorNeutralForegroundInvertedLinkHover: _colors.white,
+        colorNeutralForegroundInvertedLinkPressed: _colors.white,
+        colorNeutralForegroundInvertedLinkSelected: _colors.white,
+        colorBrandForegroundInverted: brand[80],
+        colorBrandForegroundInvertedHover: brand[70],
+        colorBrandForegroundInvertedPressed: brand[60],
+        colorBrandForegroundOnLight: brand[80],
+        colorBrandForegroundOnLightHover: brand[70],
+        colorBrandForegroundOnLightPressed: brand[50],
+        colorBrandForegroundOnLightSelected: brand[60],
+        colorNeutralBackground1: _colors.grey[16],
+        colorNeutralBackground1Hover: _colors.grey[24],
+        colorNeutralBackground1Pressed: _colors.grey[12],
+        colorNeutralBackground1Selected: _colors.grey[22],
+        colorNeutralBackground2: _colors.grey[14],
+        colorNeutralBackground2Hover: _colors.grey[22],
+        colorNeutralBackground2Pressed: _colors.grey[10],
+        colorNeutralBackground2Selected: _colors.grey[20],
+        colorNeutralBackground3: _colors.grey[12],
+        colorNeutralBackground3Hover: _colors.grey[20],
+        colorNeutralBackground3Pressed: _colors.grey[8],
+        colorNeutralBackground3Selected: _colors.grey[18],
+        colorNeutralBackground4: _colors.grey[8],
+        colorNeutralBackground4Hover: _colors.grey[16],
+        colorNeutralBackground4Pressed: _colors.grey[4],
+        colorNeutralBackground4Selected: _colors.grey[14],
+        colorNeutralBackground5: _colors.grey[4],
+        colorNeutralBackground5Hover: _colors.grey[12],
+        colorNeutralBackground5Pressed: _colors.black,
+        colorNeutralBackground5Selected: _colors.grey[10],
+        colorNeutralBackground6: _colors.grey[20],
+        colorNeutralBackground7: '#00000000',
+        colorNeutralBackground7Hover: _colors.grey[10],
+        colorNeutralBackground7Pressed: _colors.grey[4],
+        colorNeutralBackground7Selected: '#00000000',
+        colorNeutralBackground8: _colors.grey[16],
+        colorNeutralBackgroundInverted: _colors.white,
+        colorNeutralBackgroundInvertedHover: _colors.grey[96],
+        colorNeutralBackgroundInvertedPressed: _colors.grey[88],
+        colorNeutralBackgroundInvertedSelected: _colors.grey[92],
+        colorNeutralBackgroundStatic: _colors.grey[24],
+        colorNeutralBackgroundAlpha: _colors.grey10Alpha[50],
+        colorNeutralBackgroundAlpha2: _colors.grey12Alpha[70],
+        colorSubtleBackground: 'transparent',
+        colorSubtleBackgroundHover: _colors.grey[22],
+        colorSubtleBackgroundPressed: _colors.grey[18],
+        colorSubtleBackgroundSelected: _colors.grey[20],
+        colorSubtleBackgroundLightAlphaHover: _colors.grey14Alpha[80],
+        colorSubtleBackgroundLightAlphaPressed: _colors.grey14Alpha[50],
+        colorSubtleBackgroundLightAlphaSelected: 'transparent',
+        colorSubtleBackgroundInverted: 'transparent',
+        colorSubtleBackgroundInvertedHover: _colors.blackAlpha[10],
+        colorSubtleBackgroundInvertedPressed: _colors.blackAlpha[30],
+        colorSubtleBackgroundInvertedSelected: _colors.blackAlpha[20],
+        colorTransparentBackground: 'transparent',
+        colorTransparentBackgroundHover: 'transparent',
+        colorTransparentBackgroundPressed: 'transparent',
+        colorTransparentBackgroundSelected: 'transparent',
+        colorNeutralBackgroundDisabled: _colors.grey[8],
+        colorNeutralBackgroundDisabled2: _colors.grey[16],
+        colorNeutralBackgroundInvertedDisabled: _colors.whiteAlpha[10],
+        colorNeutralStencil1: _colors.grey[34],
+        colorNeutralStencil2: _colors.grey[20],
+        colorNeutralStencil1Alpha: _colors.whiteAlpha[10],
+        colorNeutralStencil2Alpha: _colors.whiteAlpha[5],
+        colorBackgroundOverlay: _colors.blackAlpha[50],
+        colorScrollbarOverlay: _colors.whiteAlpha[60],
+        colorBrandBackground: brand[70],
+        colorBrandBackgroundHover: brand[80],
+        colorBrandBackgroundPressed: brand[40],
+        colorBrandBackgroundSelected: brand[60],
+        colorCompoundBrandBackground: brand[100],
+        colorCompoundBrandBackgroundHover: brand[110],
+        colorCompoundBrandBackgroundPressed: brand[90],
+        colorBrandBackgroundStatic: brand[80],
+        colorBrandBackground2: brand[20],
+        colorBrandBackground2Hover: brand[40],
+        colorBrandBackground2Pressed: brand[10],
+        colorBrandBackground3Static: brand[60],
+        colorBrandBackground4Static: brand[40],
+        colorBrandBackgroundInverted: _colors.white,
+        colorBrandBackgroundInvertedHover: brand[160],
+        colorBrandBackgroundInvertedPressed: brand[140],
+        colorBrandBackgroundInvertedSelected: brand[150],
+        colorNeutralCardBackground: _colors.grey[20],
+        colorNeutralCardBackgroundHover: _colors.grey[24],
+        colorNeutralCardBackgroundPressed: _colors.grey[18],
+        colorNeutralCardBackgroundSelected: _colors.grey[22],
+        colorNeutralCardBackgroundDisabled: _colors.grey[8],
+        colorNeutralStrokeAccessible: _colors.grey[68],
+        colorNeutralStrokeAccessibleHover: _colors.grey[74],
+        colorNeutralStrokeAccessiblePressed: _colors.grey[70],
+        colorNeutralStrokeAccessibleSelected: brand[100],
+        colorNeutralStroke1: _colors.grey[40],
+        colorNeutralStroke1Hover: _colors.grey[46],
+        colorNeutralStroke1Pressed: _colors.grey[42],
+        colorNeutralStroke1Selected: _colors.grey[44],
+        colorNeutralStroke2: _colors.grey[32],
+        colorNeutralStroke3: _colors.grey[24],
+        colorNeutralStroke4: _colors.grey[24],
+        colorNeutralStroke4Hover: _colors.grey[18],
+        colorNeutralStroke4Pressed: _colors.grey[14],
+        colorNeutralStroke4Selected: _colors.grey[24],
+        colorNeutralStrokeSubtle: _colors.grey[4],
+        colorNeutralStrokeOnBrand: _colors.grey[16],
+        colorNeutralStrokeOnBrand2: _colors.white,
+        colorNeutralStrokeOnBrand2Hover: _colors.white,
+        colorNeutralStrokeOnBrand2Pressed: _colors.white,
+        colorNeutralStrokeOnBrand2Selected: _colors.white,
+        colorBrandStroke1: brand[100],
+        colorBrandStroke2: brand[50],
+        colorBrandStroke2Hover: brand[50],
+        colorBrandStroke2Pressed: brand[30],
+        colorBrandStroke2Contrast: brand[50],
+        colorCompoundBrandStroke: brand[90],
+        colorCompoundBrandStrokeHover: brand[100],
+        colorCompoundBrandStrokePressed: brand[80],
+        colorNeutralStrokeDisabled: _colors.grey[26],
+        colorNeutralStrokeDisabled2: _colors.grey[24],
+        colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40],
+        colorTransparentStroke: 'transparent',
+        colorTransparentStrokeInteractive: 'transparent',
+        colorTransparentStrokeDisabled: 'transparent',
+        colorNeutralStrokeAlpha: _colors.whiteAlpha[10],
+        colorNeutralStrokeAlpha2: _colors.whiteAlpha[20],
+        colorStrokeFocus1: _colors.black,
+        colorStrokeFocus2: _colors.white,
+        colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+        colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+    });

node_modules/@fluentui/tokens/lib-commonjs/alias/teamsFontFamilies.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "fontFamilies", {
+    enumerable: true,
+    get: function() {
+        return fontFamilies;
+    }
+});
+const _fonts = require("../global/fonts.js");
+const fontFamilies = {
+    ..._fonts.fontFamilies,
+    fontFamilyBase: '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", sans-serif'
+};

node_modules/@fluentui/tokens/lib-commonjs/alias/teamsFontFamilies.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/alias/teamsFontFamilies.ts"],"sourcesContent":["import { fontFamilies as globalFontFamilies } from '../global/fonts';\n\nexport const fontFamilies = {\n  ...globalFontFamilies,\n  fontFamilyBase:\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, \"Apple Color Emoji\", \"Segoe UI Emoji\", sans-serif',\n};\n"],"names":["fontFamilies","globalFontFamilies","fontFamilyBase"],"mappings":";;;;+BAEaA;;;eAAAA;;;uBAFsC;AAE5C,MAAMA,eAAe;IAC1B,GAAGC,mBAAkB;IACrBC,gBACE;AACJ"}

node_modules/@fluentui/tokens/lib-commonjs/global/borderRadius.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "borderRadius", {
+    enumerable: true,
+    get: function() {
+        return borderRadius;
+    }
+});
+const borderRadius = {
+    borderRadiusNone: '0',
+    borderRadiusSmall: '2px',
+    borderRadiusMedium: '4px',
+    borderRadiusLarge: '6px',
+    borderRadiusXLarge: '8px',
+    borderRadius2XLarge: '12px',
+    borderRadius3XLarge: '16px',
+    borderRadius4XLarge: '24px',
+    borderRadius5XLarge: '32px',
+    borderRadius6XLarge: '40px',
+    borderRadiusCircular: '10000px'
+};

node_modules/@fluentui/tokens/lib-commonjs/global/borderRadius.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/global/borderRadius.ts"],"sourcesContent":["import type { BorderRadiusTokens } from '../types';\n\nexport const borderRadius: BorderRadiusTokens = {\n  borderRadiusNone: '0',\n  borderRadiusSmall: '2px',\n  borderRadiusMedium: '4px',\n  borderRadiusLarge: '6px',\n  borderRadiusXLarge: '8px',\n  borderRadius2XLarge: '12px',\n  borderRadius3XLarge: '16px',\n  borderRadius4XLarge: '24px',\n  borderRadius5XLarge: '32px',\n  borderRadius6XLarge: '40px',\n  borderRadiusCircular: '10000px',\n};\n"],"names":["borderRadius","borderRadiusNone","borderRadiusSmall","borderRadiusMedium","borderRadiusLarge","borderRadiusXLarge","borderRadius2XLarge","borderRadius3XLarge","borderRadius4XLarge","borderRadius5XLarge","borderRadius6XLarge","borderRadiusCircular"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,eAAmC;IAC9CC,kBAAkB;IAClBC,mBAAmB;IACnBC,oBAAoB;IACpBC,mBAAmB;IACnBC,oBAAoB;IACpBC,qBAAqB;IACrBC,qBAAqB;IACrBC,qBAAqB;IACrBC,qBAAqB;IACrBC,qBAAqB;IACrBC,sBAAsB;AACxB"}

node_modules/@fluentui/tokens/lib-commonjs/global/brandColors.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    brandOffice: function() {
+        return brandOffice;
+    },
+    brandTeams: function() {
+        return brandTeams;
+    },
+    brandTeamsV21: function() {
+        return brandTeamsV21;
+    },
+    brandWeb: function() {
+        return brandWeb;
+    }
+});
+const brandWeb = {
+    10: `#061724`,
+    20: `#082338`,
+    30: `#0a2e4a`,
+    40: `#0c3b5e`,
+    50: `#0e4775`,
+    60: `#0f548c`,
+    70: `#115ea3`,
+    80: `#0f6cbd`,
+    90: `#2886de`,
+    100: `#479ef5`,
+    110: `#62abf5`,
+    120: `#77b7f7`,
+    130: `#96c6fa`,
+    140: `#b4d6fa`,
+    150: `#cfe4fa`,
+    160: `#ebf3fc`
+};
+const brandTeams = {
+    10: `#2b2b40`,
+    20: `#2f2f4a`,
+    30: `#333357`,
+    40: `#383966`,
+    50: `#3d3e78`,
+    60: `#444791`,
+    70: `#4f52b2`,
+    80: `#5b5fc7`,
+    90: `#7579eb`,
+    100: `#7f85f5`,
+    110: `#9299f7`,
+    120: `#aab1fa`,
+    130: `#b6bcfa`,
+    140: `#c5cbfa`,
+    150: `#dce0fa`,
+    160: `#e8ebfa`
+};
+const brandOffice = {
+    10: `#29130b`,
+    20: `#4d2415`,
+    30: `#792000`,
+    40: `#99482b`,
+    50: `#a52c00`,
+    60: `#c33400`,
+    70: `#e06a3f`,
+    80: `#d83b01`,
+    90: `#dd4f1b`,
+    100: `#fe7948`,
+    110: `#ff865a`,
+    120: `#ff9973`,
+    130: `#e8825d`,
+    140: `#ffb498`,
+    150: `#f4beaa`,
+    160: `#f9dcd1`
+};
+const brandTeamsV21 = {
+    10: `#29274f`,
+    20: `#2f2a5e`,
+    30: `#352e70`,
+    40: `#3b3185`,
+    50: `#44359e`,
+    60: `#4d3aba`,
+    70: `#5a40db`,
+    80: `#654cf5`,
+    90: `#7769fa`,
+    100: `#887dff`,
+    110: `#9791ff`,
+    120: `#aba8ff`,
+    130: `#bab8ff`,
+    140: `#c8c7ff`,
+    150: `#dcdbff`,
+    160: `#e8e8ff`
+};

node_modules/@fluentui/tokens/lib-commonjs/global/brandColors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/global/brandColors.ts"],"sourcesContent":["import type { BrandVariants } from '../types';\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\nexport const brandTeams: BrandVariants = {\n  10: `#2b2b40`,\n  20: `#2f2f4a`,\n  30: `#333357`,\n  40: `#383966`,\n  50: `#3d3e78`,\n  60: `#444791`,\n  70: `#4f52b2`,\n  80: `#5b5fc7`,\n  90: `#7579eb`,\n  100: `#7f85f5`,\n  110: `#9299f7`,\n  120: `#aab1fa`,\n  130: `#b6bcfa`,\n  140: `#c5cbfa`,\n  150: `#dce0fa`,\n  160: `#e8ebfa`,\n};\n\nexport const brandOffice: BrandVariants = {\n  10: `#29130b`,\n  20: `#4d2415`,\n  30: `#792000`,\n  40: `#99482b`,\n  50: `#a52c00`,\n  60: `#c33400`,\n  70: `#e06a3f`,\n  80: `#d83b01`,\n  90: `#dd4f1b`,\n  100: `#fe7948`,\n  110: `#ff865a`,\n  120: `#ff9973`,\n  130: `#e8825d`,\n  140: `#ffb498`,\n  150: `#f4beaa`,\n  160: `#f9dcd1`,\n};\n\nexport const brandTeamsV21: BrandVariants = {\n  10: `#29274f`,\n  20: `#2f2a5e`,\n  30: `#352e70`,\n  40: `#3b3185`,\n  50: `#44359e`,\n  60: `#4d3aba`,\n  70: `#5a40db`,\n  80: `#654cf5`,\n  90: `#7769fa`,\n  100: `#887dff`,\n  110: `#9791ff`,\n  120: `#aba8ff`,\n  130: `#bab8ff`,\n  140: `#c8c7ff`,\n  150: `#dcdbff`,\n  160: `#e8e8ff`,\n};\n"],"names":["brandOffice","brandTeams","brandTeamsV21","brandWeb"],"mappings":";;;;;;;;;;;IAwCaA,WAAW;eAAXA;;IAnBAC,UAAU;eAAVA;;IAsCAC,aAAa;eAAbA;;IAzDAC,QAAQ;eAARA;;;AAAN,MAAMA,WAA0B;IACrC,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;AAChB;AAEO,MAAMF,aAA4B;IACvC,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;AAChB;AAEO,MAAMD,cAA6B;IACxC,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;AAChB;AAEO,MAAME,gBAA+B;IAC1C,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;AAChB"}

node_modules/@fluentui/tokens/lib-commonjs/global/colorPalette.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    mappedStatusColors: function() {
+        return mappedStatusColors;
+    },
+    personaSharedColors: function() {
+        return personaSharedColors;
+    },
+    statusSharedColors: function() {
+        return statusSharedColors;
+    }
+});
+const _colors = require("./colors.js");
+const statusSharedColors = {
+    red: _colors.red,
+    green: _colors.green,
+    darkOrange: _colors.darkOrange,
+    yellow: _colors.yellow,
+    berry: _colors.berry,
+    lightGreen: _colors.lightGreen,
+    marigold: _colors.marigold
+};
+const personaSharedColors = {
+    darkRed: _colors.darkRed,
+    cranberry: _colors.cranberry,
+    pumpkin: _colors.pumpkin,
+    peach: _colors.peach,
+    gold: _colors.gold,
+    brass: _colors.brass,
+    brown: _colors.brown,
+    forest: _colors.forest,
+    seafoam: _colors.seafoam,
+    darkGreen: _colors.darkGreen,
+    lightTeal: _colors.lightTeal,
+    teal: _colors.teal,
+    steel: _colors.steel,
+    blue: _colors.blue,
+    royalBlue: _colors.royalBlue,
+    cornflower: _colors.cornflower,
+    navy: _colors.navy,
+    lavender: _colors.lavender,
+    purple: _colors.purple,
+    grape: _colors.grape,
+    lilac: _colors.lilac,
+    pink: _colors.pink,
+    magenta: _colors.magenta,
+    plum: _colors.plum,
+    beige: _colors.beige,
+    mink: _colors.mink,
+    platinum: _colors.platinum,
+    anchor: _colors.anchor
+};
+const mappedStatusColors = {
+    cranberry: _colors.cranberry,
+    green: _colors.green,
+    orange: _colors.orange
+};

node_modules/@fluentui/tokens/lib-commonjs/global/colorPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/global/colorPalette.ts"],"sourcesContent":["import {\n  red,\n  green,\n  darkOrange,\n  yellow,\n  berry,\n  lightGreen,\n  marigold,\n  darkRed,\n  cranberry,\n  pumpkin,\n  peach,\n  gold,\n  brass,\n  brown,\n  forest,\n  seafoam,\n  darkGreen,\n  lightTeal,\n  teal,\n  steel,\n  blue,\n  royalBlue,\n  cornflower,\n  navy,\n  lavender,\n  purple,\n  grape,\n  lilac,\n  pink,\n  magenta,\n  plum,\n  beige,\n  mink,\n  platinum,\n  anchor,\n  orange,\n} from './colors';\nimport { MappedStatusColors, PersonaSharedColors, StatusSharedColors } from '../types';\n\nexport const statusSharedColors: StatusSharedColors = {\n  red,\n  green,\n  darkOrange,\n  yellow,\n  berry,\n  lightGreen,\n  marigold,\n};\n\nexport const personaSharedColors: PersonaSharedColors = {\n  darkRed,\n  cranberry,\n  pumpkin,\n  peach,\n  gold,\n  brass,\n  brown,\n  forest,\n  seafoam,\n  darkGreen,\n  lightTeal,\n  teal,\n  steel,\n  blue,\n  royalBlue,\n  cornflower,\n  navy,\n  lavender,\n  purple,\n  grape,\n  lilac,\n  pink,\n  magenta,\n  plum,\n  beige,\n  mink,\n  platinum,\n  anchor,\n};\n\nexport const mappedStatusColors: MappedStatusColors = {\n  cranberry,\n  green,\n  orange,\n};\n"],"names":["mappedStatusColors","personaSharedColors","statusSharedColors","red","green","darkOrange","yellow","berry","lightGreen","marigold","darkRed","cranberry","pumpkin","peach","gold","brass","brown","forest","seafoam","darkGreen","lightTeal","teal","steel","blue","royalBlue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","orange"],"mappings":";;;;;;;;;;;IAiFaA,kBAAkB;eAAlBA;;IA/BAC,mBAAmB;eAAnBA;;IAVAC,kBAAkB;eAAlBA;;;wBAHN;AAGA,MAAMA,qBAAyC;IACpDC,KAAAA,WAAG;IACHC,OAAAA,aAAK;IACLC,YAAAA,kBAAU;IACVC,QAAAA,cAAM;IACNC,OAAAA,aAAK;IACLC,YAAAA,kBAAU;IACVC,UAAAA,gBAAQ;AACV;AAEO,MAAMR,sBAA2C;IACtDS,SAAAA,eAAO;IACPC,WAAAA,iBAAS;IACTC,SAAAA,eAAO;IACPC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,OAAAA,aAAK;IACLC,OAAAA,aAAK;IACLC,QAAAA,cAAM;IACNC,SAAAA,eAAO;IACPC,WAAAA,iBAAS;IACTC,WAAAA,iBAAS;IACTC,MAAAA,YAAI;IACJC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,WAAAA,iBAAS;IACTC,YAAAA,kBAAU;IACVC,MAAAA,YAAI;IACJC,UAAAA,gBAAQ;IACRC,QAAAA,cAAM;IACNC,OAAAA,aAAK;IACLC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,SAAAA,eAAO;IACPC,MAAAA,YAAI;IACJC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,UAAAA,gBAAQ;IACRC,QAAAA,cAAM;AACR;AAEO,MAAMrC,qBAAyC;IACpDW,WAAAA,iBAAS;IACTP,OAAAA,aAAK;IACLkC,QAAAA,cAAM;AACR"}

node_modules/@fluentui/tokens/lib-commonjs/global/curves.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "curves", {
+    enumerable: true,
+    get: function() {
+        return curves;
+    }
+});
+const curves = {
+    curveAccelerateMax: 'cubic-bezier(0.9,0.1,1,0.2)',
+    curveAccelerateMid: 'cubic-bezier(1,0,1,1)',
+    curveAccelerateMin: 'cubic-bezier(0.8,0,0.78,1)',
+    curveDecelerateMax: 'cubic-bezier(0.1,0.9,0.2,1)',
+    curveDecelerateMid: 'cubic-bezier(0,0,0,1)',
+    curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',
+    curveEasyEaseMax: 'cubic-bezier(0.8,0,0.2,1)',
+    curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',
+    curveLinear: 'cubic-bezier(0,0,1,1)'
+};

node_modules/@fluentui/tokens/lib-commonjs/global/curves.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/global/curves.ts"],"sourcesContent":["import type { CurveTokens } from '../types';\n\nexport const curves: CurveTokens = {\n  curveAccelerateMax: 'cubic-bezier(0.9,0.1,1,0.2)',\n  curveAccelerateMid: 'cubic-bezier(1,0,1,1)',\n  curveAccelerateMin: 'cubic-bezier(0.8,0,0.78,1)',\n  curveDecelerateMax: 'cubic-bezier(0.1,0.9,0.2,1)',\n  curveDecelerateMid: 'cubic-bezier(0,0,0,1)',\n  curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',\n  curveEasyEaseMax: 'cubic-bezier(0.8,0,0.2,1)',\n  curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',\n  curveLinear: 'cubic-bezier(0,0,1,1)',\n};\n"],"names":["curves","curveAccelerateMax","curveAccelerateMid","curveAccelerateMin","curveDecelerateMax","curveDecelerateMid","curveDecelerateMin","curveEasyEaseMax","curveEasyEase","curveLinear"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,SAAsB;IACjCC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,kBAAkB;IAClBC,eAAe;IACfC,aAAa;AACf"}

node_modules/@fluentui/tokens/lib-commonjs/global/durations.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "durations", {
+    enumerable: true,
+    get: function() {
+        return durations;
+    }
+});
+const durations = {
+    durationUltraFast: '50ms',
+    durationFaster: '100ms',
+    durationFast: '150ms',
+    durationNormal: '200ms',
+    durationGentle: '250ms',
+    durationSlow: '300ms',
+    durationSlower: '400ms',
+    durationUltraSlow: '500ms'
+};

node_modules/@fluentui/tokens/lib-commonjs/global/durations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/global/durations.ts"],"sourcesContent":["import type { DurationTokens } from '../types';\n\nexport const durations: DurationTokens = {\n  durationUltraFast: '50ms',\n  durationFaster: '100ms',\n  durationFast: '150ms',\n  durationNormal: '200ms',\n  durationGentle: '250ms',\n  durationSlow: '300ms',\n  durationSlower: '400ms',\n  durationUltraSlow: '500ms',\n};\n"],"names":["durations","durationUltraFast","durationFaster","durationFast","durationNormal","durationGentle","durationSlow","durationSlower","durationUltraSlow"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,YAA4B;IACvCC,mBAAmB;IACnBC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,mBAAmB;AACrB"}

node_modules/@fluentui/tokens/lib-commonjs/global/fonts.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    fontFamilies: function() {
+        return fontFamilies;
+    },
+    fontSizes: function() {
+        return fontSizes;
+    },
+    fontWeights: function() {
+        return fontWeights;
+    },
+    lineHeights: function() {
+        return lineHeights;
+    }
+});
+const fontSizes = {
+    fontSizeBase100: '10px',
+    fontSizeBase200: '12px',
+    fontSizeBase300: '14px',
+    fontSizeBase400: '16px',
+    fontSizeBase500: '20px',
+    fontSizeBase600: '24px',
+    fontSizeHero700: '28px',
+    fontSizeHero800: '32px',
+    fontSizeHero900: '40px',
+    fontSizeHero1000: '68px'
+};
+const lineHeights = {
+    lineHeightBase100: '14px',
+    lineHeightBase200: '16px',
+    lineHeightBase300: '20px',
+    lineHeightBase400: '22px',
+    lineHeightBase500: '28px',
+    lineHeightBase600: '32px',
+    lineHeightHero700: '36px',
+    lineHeightHero800: '40px',
+    lineHeightHero900: '52px',
+    lineHeightHero1000: '92px'
+};
+const fontWeights = {
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightSemibold: 600,
+    fontWeightBold: 700
+};
+const fontFamilies = {
+    fontFamilyBase: "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
+    fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace",
+    fontFamilyNumeric: "Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"
+};

node_modules/@fluentui/tokens/lib-commonjs/global/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/global/fonts.ts"],"sourcesContent":["import type { FontFamilyTokens, FontSizeTokens, FontWeightTokens, LineHeightTokens } from '../types';\n\nexport const fontSizes: FontSizeTokens = {\n  fontSizeBase100: '10px',\n  fontSizeBase200: '12px',\n  fontSizeBase300: '14px',\n  fontSizeBase400: '16px',\n  fontSizeBase500: '20px',\n  fontSizeBase600: '24px',\n\n  fontSizeHero700: '28px',\n  fontSizeHero800: '32px',\n  fontSizeHero900: '40px',\n  fontSizeHero1000: '68px',\n};\n\nexport const lineHeights: LineHeightTokens = {\n  lineHeightBase100: '14px',\n  lineHeightBase200: '16px',\n  lineHeightBase300: '20px',\n  lineHeightBase400: '22px',\n  lineHeightBase500: '28px',\n  lineHeightBase600: '32px',\n\n  lineHeightHero700: '36px',\n  lineHeightHero800: '40px',\n  lineHeightHero900: '52px',\n  lineHeightHero1000: '92px',\n};\n\nexport const fontWeights: FontWeightTokens = {\n  fontWeightRegular: 400,\n  fontWeightMedium: 500,\n  fontWeightSemibold: 600,\n  fontWeightBold: 700,\n};\n\nexport const fontFamilies: FontFamilyTokens = {\n  fontFamilyBase:\n    \"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n  fontFamilyMonospace: \"Consolas, 'Courier New', Courier, monospace\",\n  fontFamilyNumeric:\n    \"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n};\n"],"names":["fontFamilies","fontSizes","fontWeights","lineHeights","fontSizeBase100","fontSizeBase200","fontSizeBase300","fontSizeBase400","fontSizeBase500","fontSizeBase600","fontSizeHero700","fontSizeHero800","fontSizeHero900","fontSizeHero1000","lineHeightBase100","lineHeightBase200","lineHeightBase300","lineHeightBase400","lineHeightBase500","lineHeightBase600","lineHeightHero700","lineHeightHero800","lineHeightHero900","lineHeightHero1000","fontWeightRegular","fontWeightMedium","fontWeightSemibold","fontWeightBold","fontFamilyBase","fontFamilyMonospace","fontFamilyNumeric"],"mappings":";;;;;;;;;;;IAqCaA,YAAY;eAAZA;;IAnCAC,SAAS;eAATA;;IA4BAC,WAAW;eAAXA;;IAdAC,WAAW;eAAXA;;;AAdN,MAAMF,YAA4B;IACvCG,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IAEjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,kBAAkB;AACpB;AAEO,MAAMV,cAAgC;IAC3CW,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IAEnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,oBAAoB;AACtB;AAEO,MAAMrB,cAAgC;IAC3CsB,mBAAmB;IACnBC,kBAAkB;IAClBC,oBAAoB;IACpBC,gBAAgB;AAClB;AAEO,MAAM3B,eAAiC;IAC5C4B,gBACE;IACFC,qBAAqB;IACrBC,mBACE;AACJ"}

node_modules/@fluentui/tokens/lib-commonjs/global/index.js

@@ -0,0 +1,248 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    anchor: function() {
+        return _colors.anchor;
+    },
+    beige: function() {
+        return _colors.beige;
+    },
+    berry: function() {
+        return _colors.berry;
+    },
+    black: function() {
+        return _colors.black;
+    },
+    blackAlpha: function() {
+        return _colors.blackAlpha;
+    },
+    blue: function() {
+        return _colors.blue;
+    },
+    borderRadius: function() {
+        return _borderRadius.borderRadius;
+    },
+    brass: function() {
+        return _colors.brass;
+    },
+    bronze: function() {
+        return _colors.bronze;
+    },
+    brown: function() {
+        return _colors.brown;
+    },
+    burgundy: function() {
+        return _colors.burgundy;
+    },
+    charcoal: function() {
+        return _colors.charcoal;
+    },
+    cornflower: function() {
+        return _colors.cornflower;
+    },
+    cranberry: function() {
+        return _colors.cranberry;
+    },
+    curves: function() {
+        return _curves.curves;
+    },
+    cyan: function() {
+        return _colors.cyan;
+    },
+    darkBlue: function() {
+        return _colors.darkBlue;
+    },
+    darkBrown: function() {
+        return _colors.darkBrown;
+    },
+    darkGreen: function() {
+        return _colors.darkGreen;
+    },
+    darkOrange: function() {
+        return _colors.darkOrange;
+    },
+    darkPurple: function() {
+        return _colors.darkPurple;
+    },
+    darkRed: function() {
+        return _colors.darkRed;
+    },
+    darkTeal: function() {
+        return _colors.darkTeal;
+    },
+    durations: function() {
+        return _durations.durations;
+    },
+    fontFamilies: function() {
+        return _fonts.fontFamilies;
+    },
+    fontSizes: function() {
+        return _fonts.fontSizes;
+    },
+    fontWeights: function() {
+        return _fonts.fontWeights;
+    },
+    forest: function() {
+        return _colors.forest;
+    },
+    gold: function() {
+        return _colors.gold;
+    },
+    grape: function() {
+        return _colors.grape;
+    },
+    green: function() {
+        return _colors.green;
+    },
+    grey: function() {
+        return _colors.grey;
+    },
+    grey10Alpha: function() {
+        return _colors.grey10Alpha;
+    },
+    grey12Alpha: function() {
+        return _colors.grey12Alpha;
+    },
+    grey14Alpha: function() {
+        return _colors.grey14Alpha;
+    },
+    hcButtonFace: function() {
+        return _colors.hcButtonFace;
+    },
+    hcButtonText: function() {
+        return _colors.hcButtonText;
+    },
+    hcCanvas: function() {
+        return _colors.hcCanvas;
+    },
+    hcCanvasText: function() {
+        return _colors.hcCanvasText;
+    },
+    hcDisabled: function() {
+        return _colors.hcDisabled;
+    },
+    hcHighlight: function() {
+        return _colors.hcHighlight;
+    },
+    hcHighlightText: function() {
+        return _colors.hcHighlightText;
+    },
+    hcHyperlink: function() {
+        return _colors.hcHyperlink;
+    },
+    horizontalSpacings: function() {
+        return _spacings.horizontalSpacings;
+    },
+    hotPink: function() {
+        return _colors.hotPink;
+    },
+    lavender: function() {
+        return _colors.lavender;
+    },
+    lightBlue: function() {
+        return _colors.lightBlue;
+    },
+    lightGreen: function() {
+        return _colors.lightGreen;
+    },
+    lightTeal: function() {
+        return _colors.lightTeal;
+    },
+    lilac: function() {
+        return _colors.lilac;
+    },
+    lime: function() {
+        return _colors.lime;
+    },
+    lineHeights: function() {
+        return _fonts.lineHeights;
+    },
+    magenta: function() {
+        return _colors.magenta;
+    },
+    marigold: function() {
+        return _colors.marigold;
+    },
+    mink: function() {
+        return _colors.mink;
+    },
+    navy: function() {
+        return _colors.navy;
+    },
+    orange: function() {
+        return _colors.orange;
+    },
+    orchid: function() {
+        return _colors.orchid;
+    },
+    peach: function() {
+        return _colors.peach;
+    },
+    pink: function() {
+        return _colors.pink;
+    },
+    platinum: function() {
+        return _colors.platinum;
+    },
+    plum: function() {
+        return _colors.plum;
+    },
+    pumpkin: function() {
+        return _colors.pumpkin;
+    },
+    purple: function() {
+        return _colors.purple;
+    },
+    red: function() {
+        return _colors.red;
+    },
+    royalBlue: function() {
+        return _colors.royalBlue;
+    },
+    seafoam: function() {
+        return _colors.seafoam;
+    },
+    silver: function() {
+        return _colors.silver;
+    },
+    steel: function() {
+        return _colors.steel;
+    },
+    strokeWidths: function() {
+        return _strokeWidths.strokeWidths;
+    },
+    teal: function() {
+        return _colors.teal;
+    },
+    typographyStyles: function() {
+        return _typographyStyles.typographyStyles;
+    },
+    verticalSpacings: function() {
+        return _spacings.verticalSpacings;
+    },
+    white: function() {
+        return _colors.white;
+    },
+    whiteAlpha: function() {
+        return _colors.whiteAlpha;
+    },
+    yellow: function() {
+        return _colors.yellow;
+    }
+});
+const _borderRadius = require("./borderRadius.js");
+const _colors = require("./colors.js");
+const _curves = require("./curves.js");
+const _durations = require("./durations.js");
+const _fonts = require("./fonts.js");
+const _spacings = require("./spacings.js");
+const _strokeWidths = require("./strokeWidths.js");
+const _typographyStyles = require("./typographyStyles.js");

node_modules/@fluentui/tokens/lib-commonjs/global/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/global/index.ts"],"sourcesContent":["export { borderRadius } from './borderRadius';\nexport {\n  anchor,\n  beige,\n  berry,\n  black,\n  blackAlpha,\n  blue,\n  brass,\n  bronze,\n  brown,\n  burgundy,\n  charcoal,\n  cornflower,\n  cranberry,\n  cyan,\n  darkBlue,\n  darkBrown,\n  darkGreen,\n  darkOrange,\n  darkPurple,\n  darkRed,\n  darkTeal,\n  forest,\n  gold,\n  grape,\n  green,\n  grey,\n  grey10Alpha,\n  grey12Alpha,\n  grey14Alpha,\n  hcButtonFace,\n  hcButtonText,\n  hcCanvas,\n  hcCanvasText,\n  hcDisabled,\n  hcHighlight,\n  hcHighlightText,\n  hcHyperlink,\n  hotPink,\n  lavender,\n  lightBlue,\n  lightGreen,\n  lightTeal,\n  lilac,\n  lime,\n  magenta,\n  marigold,\n  mink,\n  navy,\n  orange,\n  orchid,\n  peach,\n  pink,\n  platinum,\n  plum,\n  pumpkin,\n  purple,\n  red,\n  royalBlue,\n  seafoam,\n  silver,\n  steel,\n  teal,\n  white,\n  whiteAlpha,\n  yellow,\n} from './colors';\nexport { curves } from './curves';\nexport { durations } from './durations';\nexport { fontFamilies, fontSizes, fontWeights, lineHeights } from './fonts';\nexport { horizontalSpacings, verticalSpacings } from './spacings';\nexport { strokeWidths } from './strokeWidths';\nexport { typographyStyles } from './typographyStyles';\n"],"names":["anchor","beige","berry","black","blackAlpha","blue","borderRadius","brass","bronze","brown","burgundy","charcoal","cornflower","cranberry","curves","cyan","darkBlue","darkBrown","darkGreen","darkOrange","darkPurple","darkRed","darkTeal","durations","fontFamilies","fontSizes","fontWeights","forest","gold","grape","green","grey","grey10Alpha","grey12Alpha","grey14Alpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","horizontalSpacings","hotPink","lavender","lightBlue","lightGreen","lightTeal","lilac","lime","lineHeights","magenta","marigold","mink","navy","orange","orchid","peach","pink","platinum","plum","pumpkin","purple","red","royalBlue","seafoam","silver","steel","strokeWidths","teal","typographyStyles","verticalSpacings","white","whiteAlpha","yellow"],"mappings":";;;;;;;;;;;IAEEA,MAAM;eAANA,cAAM;;IACNC,KAAK;eAALA,aAAK;;IACLC,KAAK;eAALA,aAAK;;IACLC,KAAK;eAALA,aAAK;;IACLC,UAAU;eAAVA,kBAAU;;IACVC,IAAI;eAAJA,YAAI;;IAPGC,YAAY;eAAZA,0BAAY;;IAQnBC,KAAK;eAALA,aAAK;;IACLC,MAAM;eAANA,cAAM;;IACNC,KAAK;eAALA,aAAK;;IACLC,QAAQ;eAARA,gBAAQ;;IACRC,QAAQ;eAARA,gBAAQ;;IACRC,UAAU;eAAVA,kBAAU;;IACVC,SAAS;eAATA,iBAAS;;IAsDFC,MAAM;eAANA,cAAM;;IArDbC,IAAI;eAAJA,YAAI;;IACJC,QAAQ;eAARA,gBAAQ;;IACRC,SAAS;eAATA,iBAAS;;IACTC,SAAS;eAATA,iBAAS;;IACTC,UAAU;eAAVA,kBAAU;;IACVC,UAAU;eAAVA,kBAAU;;IACVC,OAAO;eAAPA,eAAO;;IACPC,QAAQ;eAARA,gBAAQ;;IA+CDC,SAAS;eAATA,oBAAS;;IACTC,YAAY;eAAZA,mBAAY;;IAAEC,SAAS;eAATA,gBAAS;;IAAEC,WAAW;eAAXA,kBAAW;;IA/C3CC,MAAM;eAANA,cAAM;;IACNC,IAAI;eAAJA,YAAI;;IACJC,KAAK;eAALA,aAAK;;IACLC,KAAK;eAALA,aAAK;;IACLC,IAAI;eAAJA,YAAI;;IACJC,WAAW;eAAXA,mBAAW;;IACXC,WAAW;eAAXA,mBAAW;;IACXC,WAAW;eAAXA,mBAAW;;IACXC,YAAY;eAAZA,oBAAY;;IACZC,YAAY;eAAZA,oBAAY;;IACZC,QAAQ;eAARA,gBAAQ;;IACRC,YAAY;eAAZA,oBAAY;;IACZC,UAAU;eAAVA,kBAAU;;IACVC,WAAW;eAAXA,mBAAW;;IACXC,eAAe;eAAfA,uBAAe;;IACfC,WAAW;eAAXA,mBAAW;;IAiCJC,kBAAkB;eAAlBA,4BAAkB;;IAhCzBC,OAAO;eAAPA,eAAO;;IACPC,QAAQ;eAARA,gBAAQ;;IACRC,SAAS;eAATA,iBAAS;;IACTC,UAAU;eAAVA,kBAAU;;IACVC,SAAS;eAATA,iBAAS;;IACTC,KAAK;eAALA,aAAK;;IACLC,IAAI;eAAJA,YAAI;;IAyByCC,WAAW;eAAXA,kBAAW;;IAxBxDC,OAAO;eAAPA,eAAO;;IACPC,QAAQ;eAARA,gBAAQ;;IACRC,IAAI;eAAJA,YAAI;;IACJC,IAAI;eAAJA,YAAI;;IACJC,MAAM;eAANA,cAAM;;IACNC,MAAM;eAANA,cAAM;;IACNC,KAAK;eAALA,aAAK;;IACLC,IAAI;eAAJA,YAAI;;IACJC,QAAQ;eAARA,gBAAQ;;IACRC,IAAI;eAAJA,YAAI;;IACJC,OAAO;eAAPA,eAAO;;IACPC,MAAM;eAANA,cAAM;;IACNC,GAAG;eAAHA,WAAG;;IACHC,SAAS;eAATA,iBAAS;;IACTC,OAAO;eAAPA,eAAO;;IACPC,MAAM;eAANA,cAAM;;IACNC,KAAK;eAALA,aAAK;;IAUEC,YAAY;eAAZA,0BAAY;;IATnBC,IAAI;eAAJA,YAAI;;IAUGC,gBAAgB;eAAhBA,kCAAgB;;IAFIC,gBAAgB;eAAhBA,0BAAgB;;IAP3CC,KAAK;eAALA,aAAK;;IACLC,UAAU;eAAVA,kBAAU;;IACVC,MAAM;eAANA,cAAM;;;8BAlEqB;wBAmEtB;wBACgB;2BACG;uBACwC;0BACb;8BACxB;kCACI"}

node_modules/@fluentui/tokens/lib-commonjs/global/spacings.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    horizontalSpacings: function() {
+        return horizontalSpacings;
+    },
+    verticalSpacings: function() {
+        return verticalSpacings;
+    }
+});
+// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.
+const spacings = {
+    none: '0',
+    xxs: '2px',
+    xs: '4px',
+    sNudge: '6px',
+    s: '8px',
+    mNudge: '10px',
+    m: '12px',
+    l: '16px',
+    xl: '20px',
+    xxl: '24px',
+    xxxl: '32px'
+};
+const horizontalSpacings = {
+    spacingHorizontalNone: spacings.none,
+    spacingHorizontalXXS: spacings.xxs,
+    spacingHorizontalXS: spacings.xs,
+    spacingHorizontalSNudge: spacings.sNudge,
+    spacingHorizontalS: spacings.s,
+    spacingHorizontalMNudge: spacings.mNudge,
+    spacingHorizontalM: spacings.m,
+    spacingHorizontalL: spacings.l,
+    spacingHorizontalXL: spacings.xl,
+    spacingHorizontalXXL: spacings.xxl,
+    spacingHorizontalXXXL: spacings.xxxl
+};
+const verticalSpacings = {
+    spacingVerticalNone: spacings.none,
+    spacingVerticalXXS: spacings.xxs,
+    spacingVerticalXS: spacings.xs,
+    spacingVerticalSNudge: spacings.sNudge,
+    spacingVerticalS: spacings.s,
+    spacingVerticalMNudge: spacings.mNudge,
+    spacingVerticalM: spacings.m,
+    spacingVerticalL: spacings.l,
+    spacingVerticalXL: spacings.xl,
+    spacingVerticalXXL: spacings.xxl,
+    spacingVerticalXXXL: spacings.xxxl
+};

node_modules/@fluentui/tokens/lib-commonjs/global/spacings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/global/spacings.ts"],"sourcesContent":["import type { HorizontalSpacingTokens, SpacingTokens, VerticalSpacingTokens } from '../types';\n\n// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.\nconst spacings: SpacingTokens = {\n  none: '0',\n  xxs: '2px',\n  xs: '4px',\n  sNudge: '6px',\n  s: '8px',\n  mNudge: '10px',\n  m: '12px',\n  l: '16px',\n  xl: '20px',\n  xxl: '24px',\n  xxxl: '32px',\n};\n\nexport const horizontalSpacings: HorizontalSpacingTokens = {\n  spacingHorizontalNone: spacings.none,\n  spacingHorizontalXXS: spacings.xxs,\n  spacingHorizontalXS: spacings.xs,\n  spacingHorizontalSNudge: spacings.sNudge,\n  spacingHorizontalS: spacings.s,\n  spacingHorizontalMNudge: spacings.mNudge,\n  spacingHorizontalM: spacings.m,\n  spacingHorizontalL: spacings.l,\n  spacingHorizontalXL: spacings.xl,\n  spacingHorizontalXXL: spacings.xxl,\n  spacingHorizontalXXXL: spacings.xxxl,\n};\n\nexport const verticalSpacings: VerticalSpacingTokens = {\n  spacingVerticalNone: spacings.none,\n  spacingVerticalXXS: spacings.xxs,\n  spacingVerticalXS: spacings.xs,\n  spacingVerticalSNudge: spacings.sNudge,\n  spacingVerticalS: spacings.s,\n  spacingVerticalMNudge: spacings.mNudge,\n  spacingVerticalM: spacings.m,\n  spacingVerticalL: spacings.l,\n  spacingVerticalXL: spacings.xl,\n  spacingVerticalXXL: spacings.xxl,\n  spacingVerticalXXXL: spacings.xxxl,\n};\n"],"names":["horizontalSpacings","verticalSpacings","spacings","none","xxs","xs","sNudge","s","mNudge","m","l","xl","xxl","xxxl","spacingHorizontalNone","spacingHorizontalXXS","spacingHorizontalXS","spacingHorizontalSNudge","spacingHorizontalS","spacingHorizontalMNudge","spacingHorizontalM","spacingHorizontalL","spacingHorizontalXL","spacingHorizontalXXL","spacingHorizontalXXXL","spacingVerticalNone","spacingVerticalXXS","spacingVerticalXS","spacingVerticalSNudge","spacingVerticalS","spacingVerticalMNudge","spacingVerticalM","spacingVerticalL","spacingVerticalXL","spacingVerticalXXL","spacingVerticalXXXL"],"mappings":";;;;;;;;;;;IAiBaA,kBAAkB;eAAlBA;;IAcAC,gBAAgB;eAAhBA;;;AA7Bb,mFAAmF;AACnF,MAAMC,WAA0B;IAC9BC,MAAM;IACNC,KAAK;IACLC,IAAI;IACJC,QAAQ;IACRC,GAAG;IACHC,QAAQ;IACRC,GAAG;IACHC,GAAG;IACHC,IAAI;IACJC,KAAK;IACLC,MAAM;AACR;AAEO,MAAMb,qBAA8C;IACzDc,uBAAuBZ,SAASC,IAAI;IACpCY,sBAAsBb,SAASE,GAAG;IAClCY,qBAAqBd,SAASG,EAAE;IAChCY,yBAAyBf,SAASI,MAAM;IACxCY,oBAAoBhB,SAASK,CAAC;IAC9BY,yBAAyBjB,SAASM,MAAM;IACxCY,oBAAoBlB,SAASO,CAAC;IAC9BY,oBAAoBnB,SAASQ,CAAC;IAC9BY,qBAAqBpB,SAASS,EAAE;IAChCY,sBAAsBrB,SAASU,GAAG;IAClCY,uBAAuBtB,SAASW,IAAI;AACtC;AAEO,MAAMZ,mBAA0C;IACrDwB,qBAAqBvB,SAASC,IAAI;IAClCuB,oBAAoBxB,SAASE,GAAG;IAChCuB,mBAAmBzB,SAASG,EAAE;IAC9BuB,uBAAuB1B,SAASI,MAAM;IACtCuB,kBAAkB3B,SAASK,CAAC;IAC5BuB,uBAAuB5B,SAASM,MAAM;IACtCuB,kBAAkB7B,SAASO,CAAC;IAC5BuB,kBAAkB9B,SAASQ,CAAC;IAC5BuB,mBAAmB/B,SAASS,EAAE;IAC9BuB,oBAAoBhC,SAASU,GAAG;IAChCuB,qBAAqBjC,SAASW,IAAI;AACpC"}

node_modules/@fluentui/tokens/lib-commonjs/global/strokeWidths.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "strokeWidths", {
+    enumerable: true,
+    get: function() {
+        return strokeWidths;
+    }
+});
+const strokeWidths = {
+    strokeWidthThin: '1px',
+    strokeWidthThick: '2px',
+    strokeWidthThicker: '3px',
+    strokeWidthThickest: '4px'
+};

node_modules/@fluentui/tokens/lib-commonjs/global/strokeWidths.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/global/strokeWidths.ts"],"sourcesContent":["import type { StrokeWidthTokens } from '../types';\n\nexport const strokeWidths: StrokeWidthTokens = {\n  strokeWidthThin: '1px',\n  strokeWidthThick: '2px',\n  strokeWidthThicker: '3px',\n  strokeWidthThickest: '4px',\n};\n"],"names":["strokeWidths","strokeWidthThin","strokeWidthThick","strokeWidthThicker","strokeWidthThickest"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,eAAkC;IAC7CC,iBAAiB;IACjBC,kBAAkB;IAClBC,oBAAoB;IACpBC,qBAAqB;AACvB"}

node_modules/@fluentui/tokens/lib-commonjs/global/typographyStyles.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "typographyStyles", {
+    enumerable: true,
+    get: function() {
+        return typographyStyles;
+    }
+});
+const _tokens = require("../tokens.js");
+const typographyStyles = {
+    body1: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase300,
+        fontWeight: _tokens.tokens.fontWeightRegular,
+        lineHeight: _tokens.tokens.lineHeightBase300
+    },
+    body1Strong: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase300,
+        fontWeight: _tokens.tokens.fontWeightSemibold,
+        lineHeight: _tokens.tokens.lineHeightBase300
+    },
+    body1Stronger: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase300,
+        fontWeight: _tokens.tokens.fontWeightBold,
+        lineHeight: _tokens.tokens.lineHeightBase300
+    },
+    body2: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase400,
+        fontWeight: _tokens.tokens.fontWeightRegular,
+        lineHeight: _tokens.tokens.lineHeightBase400
+    },
+    caption1: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase200,
+        fontWeight: _tokens.tokens.fontWeightRegular,
+        lineHeight: _tokens.tokens.lineHeightBase200
+    },
+    caption1Strong: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase200,
+        fontWeight: _tokens.tokens.fontWeightSemibold,
+        lineHeight: _tokens.tokens.lineHeightBase200
+    },
+    caption1Stronger: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase200,
+        fontWeight: _tokens.tokens.fontWeightBold,
+        lineHeight: _tokens.tokens.lineHeightBase200
+    },
+    caption2: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase100,
+        fontWeight: _tokens.tokens.fontWeightRegular,
+        lineHeight: _tokens.tokens.lineHeightBase100
+    },
+    caption2Strong: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase100,
+        fontWeight: _tokens.tokens.fontWeightSemibold,
+        lineHeight: _tokens.tokens.lineHeightBase100
+    },
+    subtitle1: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase500,
+        fontWeight: _tokens.tokens.fontWeightSemibold,
+        lineHeight: _tokens.tokens.lineHeightBase500
+    },
+    subtitle2: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase400,
+        fontWeight: _tokens.tokens.fontWeightSemibold,
+        lineHeight: _tokens.tokens.lineHeightBase400
+    },
+    subtitle2Stronger: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase400,
+        fontWeight: _tokens.tokens.fontWeightBold,
+        lineHeight: _tokens.tokens.lineHeightBase400
+    },
+    title1: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeHero800,
+        fontWeight: _tokens.tokens.fontWeightSemibold,
+        lineHeight: _tokens.tokens.lineHeightHero800
+    },
+    title2: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeHero700,
+        fontWeight: _tokens.tokens.fontWeightSemibold,
+        lineHeight: _tokens.tokens.lineHeightHero700
+    },
+    title3: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase600,
+        fontWeight: _tokens.tokens.fontWeightSemibold,
+        lineHeight: _tokens.tokens.lineHeightBase600
+    },
+    largeTitle: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeHero900,
+        fontWeight: _tokens.tokens.fontWeightSemibold,
+        lineHeight: _tokens.tokens.lineHeightHero900
+    },
+    display: {
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeHero1000,
+        fontWeight: _tokens.tokens.fontWeightSemibold,
+        lineHeight: _tokens.tokens.lineHeightHero1000
+    }
+};

node_modules/@fluentui/tokens/lib-commonjs/index.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    createDarkTheme: function() {
+        return _utils.createDarkTheme;
+    },
+    createHighContrastTheme: function() {
+        return _utils.createHighContrastTheme;
+    },
+    createLightTheme: function() {
+        return _utils.createLightTheme;
+    },
+    createTeamsDarkTheme: function() {
+        return _utils.createTeamsDarkTheme;
+    },
+    teamsDarkTheme: function() {
+        return _themes.teamsDarkTheme;
+    },
+    teamsDarkV21Theme: function() {
+        return _themes.teamsDarkV21Theme;
+    },
+    teamsHighContrastTheme: function() {
+        return _themes.teamsHighContrastTheme;
+    },
+    teamsLightTheme: function() {
+        return _themes.teamsLightTheme;
+    },
+    teamsLightV21Theme: function() {
+        return _themes.teamsLightV21Theme;
+    },
+    themeToTokensObject: function() {
+        return _themeToTokensObject.themeToTokensObject;
+    },
+    tokens: function() {
+        return _tokens.tokens;
+    },
+    typographyStyles: function() {
+        return _global.typographyStyles;
+    },
+    webDarkTheme: function() {
+        return _themes.webDarkTheme;
+    },
+    webLightTheme: function() {
+        return _themes.webLightTheme;
+    }
+});
+const _themes = require("./themes/index.js");
+const _utils = require("./utils/index.js");
+const _themeToTokensObject = require("./themeToTokensObject.js");
+const _tokens = require("./tokens.js");
+const _global = require("./global/index.js");

node_modules/@fluentui/tokens/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  teamsDarkTheme,\n  teamsDarkV21Theme,\n  teamsHighContrastTheme,\n  teamsLightTheme,\n  teamsLightV21Theme,\n  webDarkTheme,\n  webLightTheme,\n} from './themes';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global';\n\nexport type {\n  Brands,\n  BrandVariants,\n  FontSizeTokens,\n  FontWeightTokens,\n  LineHeightTokens,\n  BorderRadiusTokens,\n  StrokeWidthTokens,\n  SpacingTokens,\n  HorizontalSpacingTokens,\n  VerticalSpacingTokens,\n  DurationTokens,\n  CurveTokens,\n  ShadowTokens,\n  ShadowBrandTokens,\n  FontFamilyTokens,\n  ColorPaletteTokens,\n  ColorPaletteDarkRed,\n  ColorPaletteCranberry,\n  ColorPaletteRed,\n  ColorPaletteDarkOrange,\n  ColorPalettePumpkin,\n  ColorPalettePeach,\n  ColorPaletteMarigold,\n  ColorPaletteYellow,\n  ColorPaletteGold,\n  ColorPaletteBrass,\n  ColorPaletteBrown,\n  ColorPaletteForest,\n  ColorPaletteSeafoam,\n  ColorPaletteGreen,\n  ColorPaletteLightGreen,\n  ColorPaletteDarkGreen,\n  ColorPaletteLightTeal,\n  ColorPaletteTeal,\n  ColorPaletteSteel,\n  ColorPaletteBlue,\n  ColorPaletteRoyalBlue,\n  ColorPaletteCornflower,\n  ColorPaletteNavy,\n  ColorPaletteLavender,\n  ColorPalettePurple,\n  ColorPaletteGrape,\n  ColorPaletteBerry,\n  ColorPaletteLilac,\n  ColorPalettePink,\n  ColorPaletteMagenta,\n  ColorPalettePlum,\n  ColorPaletteBeige,\n  ColorPaletteMink,\n  ColorPalettePlatinum,\n  ColorPaletteAnchor,\n  ColorTokens,\n  PartialTheme,\n  Theme,\n  TypographyStyle,\n  TypographyStyles,\n  ZIndexTokens,\n} from './types';\n"],"names":["createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","teamsDarkTheme","teamsDarkV21Theme","teamsHighContrastTheme","teamsLightTheme","teamsLightV21Theme","themeToTokensObject","tokens","typographyStyles","webDarkTheme","webLightTheme"],"mappings":";;;;;;;;;;;IASSA,eAAe;eAAfA,sBAAe;;IAAEC,uBAAuB;eAAvBA,8BAAuB;;IAAEC,gBAAgB;eAAhBA,uBAAgB;;IAAEC,oBAAoB;eAApBA,2BAAoB;;IARvFC,cAAc;eAAdA,sBAAc;;IACdC,iBAAiB;eAAjBA,yBAAiB;;IACjBC,sBAAsB;eAAtBA,8BAAsB;;IACtBC,eAAe;eAAfA,uBAAe;;IACfC,kBAAkB;eAAlBA,0BAAkB;;IAMXC,mBAAmB;eAAnBA,wCAAmB;;IACnBC,MAAM;eAANA,cAAM;;IACNC,gBAAgB;eAAhBA,wBAAgB;;IAPvBC,YAAY;eAAZA,oBAAY;;IACZC,aAAa;eAAbA,qBAAa;;;wBACR;uBAC0F;qCAE7D;wBACb;wBACU"}

node_modules/@fluentui/tokens/lib-commonjs/sharedColorNames.js

@@ -0,0 +1,84 @@
+/* Names of colors used in shared color palette alias tokens for status. */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    mappedStatusColorNames: function() {
+        return mappedStatusColorNames;
+    },
+    personaSharedColorNames: function() {
+        return personaSharedColorNames;
+    },
+    statusSharedColorNames: function() {
+        return statusSharedColorNames;
+    },
+    unusedSharedColorNames: function() {
+        return unusedSharedColorNames;
+    }
+});
+const statusSharedColorNames = [
+    'red',
+    'green',
+    'darkOrange',
+    'yellow',
+    'berry',
+    'lightGreen',
+    'marigold'
+];
+const personaSharedColorNames = [
+    'darkRed',
+    'cranberry',
+    'pumpkin',
+    'peach',
+    'gold',
+    'brass',
+    'brown',
+    'forest',
+    'seafoam',
+    'darkGreen',
+    'lightTeal',
+    'teal',
+    'steel',
+    'blue',
+    'royalBlue',
+    'cornflower',
+    'navy',
+    'lavender',
+    'purple',
+    'grape',
+    'lilac',
+    'pink',
+    'magenta',
+    'plum',
+    'beige',
+    'mink',
+    'platinum',
+    'anchor'
+];
+const mappedStatusColorNames = [
+    'cranberry',
+    'green',
+    'orange'
+];
+const unusedSharedColorNames = [
+    'burgundy',
+    'bronze',
+    'orange',
+    'darkBrown',
+    'lime',
+    'darkTeal',
+    'cyan',
+    'lightBlue',
+    'darkBlue',
+    'darkPurple',
+    'orchid',
+    'hotPink',
+    'silver',
+    'charcoal'
+];

node_modules/@fluentui/tokens/lib-commonjs/sharedColorNames.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sharedColorNames.ts"],"sourcesContent":["/* Names of colors used in shared color palette alias tokens for status. */\nexport const statusSharedColorNames = [\n  'red',\n  'green',\n  'darkOrange',\n  'yellow',\n  'berry',\n  'lightGreen',\n  'marigold',\n] as const;\n\n/* Names of colors used in shared color palette alias tokens for persona. */\nexport const personaSharedColorNames = [\n  'darkRed',\n  'cranberry',\n  'pumpkin',\n  'peach',\n  'gold',\n  'brass',\n  'brown',\n  'forest',\n  'seafoam',\n  'darkGreen',\n  'lightTeal',\n  'teal',\n  'steel',\n  'blue',\n  'royalBlue',\n  'cornflower',\n  'navy',\n  'lavender',\n  'purple',\n  'grape',\n  'lilac',\n  'pink',\n  'magenta',\n  'plum',\n  'beige',\n  'mink',\n  'platinum',\n  'anchor',\n] as const;\n\n/* List of global colors which semantic alias status tokens map to */\nexport const mappedStatusColorNames = ['cranberry', 'green', 'orange'] as const;\n\n/* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */\nexport const unusedSharedColorNames = [\n  'burgundy',\n  'bronze',\n  'orange',\n  'darkBrown',\n  'lime',\n  'darkTeal',\n  'cyan',\n  'lightBlue',\n  'darkBlue',\n  'darkPurple',\n  'orchid',\n  'hotPink',\n  'silver',\n  'charcoal',\n] as const;\n"],"names":["mappedStatusColorNames","personaSharedColorNames","statusSharedColorNames","unusedSharedColorNames"],"mappings":"AAAA,yEAAyE;;;;;;;;;;;IA4C5DA,sBAAsB;eAAtBA;;IAhCAC,uBAAuB;eAAvBA;;IAXAC,sBAAsB;eAAtBA;;IA8CAC,sBAAsB;eAAtBA;;;AA9CN,MAAMD,yBAAyB;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAGM,MAAMD,0BAA0B;IACrC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAGM,MAAMD,yBAAyB;IAAC;IAAa;IAAS;CAAS;AAG/D,MAAMG,yBAAyB;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD"}

node_modules/@fluentui/tokens/lib-commonjs/statusColorMapping.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "statusColorMapping", {
+    enumerable: true,
+    get: function() {
+        return statusColorMapping;
+    }
+});
+const statusColorMapping = {
+    success: 'green',
+    warning: 'orange',
+    danger: 'cranberry'
+};

node_modules/@fluentui/tokens/lib-commonjs/statusColorMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/statusColorMapping.ts"],"sourcesContent":["import { MappedStatusColorNames } from './types';\n\nexport const statusColorMapping: Record<string, MappedStatusColorNames> = {\n  success: 'green',\n  warning: 'orange',\n  danger: 'cranberry',\n};\n"],"names":["statusColorMapping","success","warning","danger"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,qBAA6D;IACxEC,SAAS;IACTC,SAAS;IACTC,QAAQ;AACV"}

node_modules/@fluentui/tokens/lib-commonjs/themeToTokensObject.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "themeToTokensObject", {
+    enumerable: true,
+    get: function() {
+        return themeToTokensObject;
+    }
+});
+function themeToTokensObject(theme) {
+    const tokens = {};
+    const keys = Object.keys(theme);
+    for (const key of keys){
+        tokens[key] = `var(--${String(key)})`;
+    }
+    return tokens;
+}

node_modules/@fluentui/tokens/lib-commonjs/themeToTokensObject.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themeToTokensObject.ts"],"sourcesContent":["import { Theme } from './types';\n\n/**\n * Programmatically generates a tokens to css variables mapping object from the keys in a theme.\n * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could\n * affect tree-shaking since bundlers do not know the shape of the output.\n *\n * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object\n * @returns Tokens to css variables mapping object corresponding to the passed theme\n */\nexport function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string> {\n  const tokens = {} as Record<keyof TTheme, string>;\n  const keys = Object.keys(theme) as (keyof TTheme)[];\n  for (const key of keys) {\n    tokens[key] = `var(--${String(key)})`;\n  }\n  return tokens;\n}\n"],"names":["themeToTokensObject","theme","tokens","keys","Object","key","String"],"mappings":";;;;+BAUgBA;;;eAAAA;;;AAAT,SAASA,oBAA0CC,KAAa;IACrE,MAAMC,SAAS,CAAC;IAChB,MAAMC,OAAOC,OAAOD,IAAI,CAACF;IACzB,KAAK,MAAMI,OAAOF,KAAM;QACtBD,MAAM,CAACG,IAAI,GAAG,CAAC,MAAM,EAAEC,OAAOD,KAAK,CAAC,CAAC;IACvC;IACA,OAAOH;AACT"}

node_modules/@fluentui/tokens/lib-commonjs/themes/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    teamsDarkTheme: function() {
+        return _index.teamsDarkTheme;
+    },
+    teamsDarkV21Theme: function() {
+        return _index.teamsDarkV21Theme;
+    },
+    teamsHighContrastTheme: function() {
+        return _index.teamsHighContrastTheme;
+    },
+    teamsLightTheme: function() {
+        return _index.teamsLightTheme;
+    },
+    teamsLightV21Theme: function() {
+        return _index.teamsLightV21Theme;
+    },
+    webDarkTheme: function() {
+        return _index1.webDarkTheme;
+    },
+    webLightTheme: function() {
+        return _index1.webLightTheme;
+    }
+});
+const _index = require("./teams/index.js");
+const _index1 = require("./web/index.js");

node_modules/@fluentui/tokens/lib-commonjs/themes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes/index.ts"],"sourcesContent":["export {\n  teamsDarkTheme,\n  teamsDarkV21Theme,\n  teamsHighContrastTheme,\n  teamsLightTheme,\n  teamsLightV21Theme,\n} from './teams/index';\nexport { webDarkTheme, webLightTheme } from './web/index';\n"],"names":["teamsDarkTheme","teamsDarkV21Theme","teamsHighContrastTheme","teamsLightTheme","teamsLightV21Theme","webDarkTheme","webLightTheme"],"mappings":";;;;;;;;;;;IACEA,cAAc;eAAdA,qBAAc;;IACdC,iBAAiB;eAAjBA,wBAAiB;;IACjBC,sBAAsB;eAAtBA,6BAAsB;;IACtBC,eAAe;eAAfA,sBAAe;;IACfC,kBAAkB;eAAlBA,yBAAkB;;IAEXC,YAAY;eAAZA,oBAAY;;IAAEC,aAAa;eAAbA,qBAAa;;;uBAD7B;wBACqC"}

node_modules/@fluentui/tokens/lib-commonjs/themes/teams/darkTheme.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    teamsDarkTheme: function() {
+        return teamsDarkTheme;
+    },
+    teamsDarkV21Theme: function() {
+        return teamsDarkV21Theme;
+    }
+});
+const _createTeamsDarkTheme = require("../../utils/createTeamsDarkTheme.js");
+const _brandColors = require("../../global/brandColors.js");
+const _teamsFontFamilies = require("../../alias/teamsFontFamilies.js");
+const teamsDarkTheme = {
+    ...(0, _createTeamsDarkTheme.createTeamsDarkTheme)(_brandColors.brandTeams),
+    ..._teamsFontFamilies.fontFamilies
+};
+const teamsDarkV21Theme = {
+    ...(0, _createTeamsDarkTheme.createTeamsDarkTheme)(_brandColors.brandTeamsV21),
+    ..._teamsFontFamilies.fontFamilies
+};

node_modules/@fluentui/tokens/lib-commonjs/themes/teams/darkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes/teams/darkTheme.ts"],"sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams, brandTeamsV21 } from '../../global/brandColors';\nimport type { Theme } from '../../types';\nimport { fontFamilies } from '../../alias/teamsFontFamilies';\n\nexport const teamsDarkTheme: Theme = {\n  ...createTeamsDarkTheme(brandTeams),\n  ...fontFamilies,\n};\n\nexport const teamsDarkV21Theme: Theme = {\n  ...createTeamsDarkTheme(brandTeamsV21),\n  ...fontFamilies,\n};\n"],"names":["teamsDarkTheme","teamsDarkV21Theme","createTeamsDarkTheme","brandTeams","fontFamilies","brandTeamsV21"],"mappings":";;;;;;;;;;;IAKaA,cAAc;eAAdA;;IAKAC,iBAAiB;eAAjBA;;;sCAVwB;6BACK;mCAEb;AAEtB,MAAMD,iBAAwB;IACnC,GAAGE,IAAAA,0CAAoB,EAACC,uBAAU,CAAC;IACnC,GAAGC,+BAAY;AACjB;AAEO,MAAMH,oBAA2B;IACtC,GAAGC,IAAAA,0CAAoB,EAACG,0BAAa,CAAC;IACtC,GAAGD,+BAAY;AACjB"}

node_modules/@fluentui/tokens/lib-commonjs/themes/teams/highContrastTheme.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "teamsHighContrastTheme", {
+    enumerable: true,
+    get: function() {
+        return teamsHighContrastTheme;
+    }
+});
+const _createHighContrastTheme = require("../../utils/createHighContrastTheme.js");
+const _teamsFontFamilies = require("../../alias/teamsFontFamilies.js");
+const teamsHighContrastTheme = {
+    ...(0, _createHighContrastTheme.createHighContrastTheme)(),
+    ..._teamsFontFamilies.fontFamilies
+};

node_modules/@fluentui/tokens/lib-commonjs/themes/teams/highContrastTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes/teams/highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\nimport { fontFamilies } from '../../alias/teamsFontFamilies';\n\nexport const teamsHighContrastTheme: Theme = {\n  ...createHighContrastTheme(),\n  ...fontFamilies,\n};\n"],"names":["teamsHighContrastTheme","createHighContrastTheme","fontFamilies"],"mappings":";;;;+BAIaA;;;eAAAA;;;yCAJ2B;mCAEX;AAEtB,MAAMA,yBAAgC;IAC3C,GAAGC,IAAAA,gDAAuB,GAAE;IAC5B,GAAGC,+BAAY;AACjB"}

node_modules/@fluentui/tokens/lib-commonjs/themes/teams/index.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    teamsDarkTheme: function() {
+        return _darkTheme.teamsDarkTheme;
+    },
+    teamsDarkV21Theme: function() {
+        return _darkTheme.teamsDarkV21Theme;
+    },
+    teamsHighContrastTheme: function() {
+        return _highContrastTheme.teamsHighContrastTheme;
+    },
+    teamsLightTheme: function() {
+        return _lightTheme.teamsLightTheme;
+    },
+    teamsLightV21Theme: function() {
+        return _lightTheme.teamsLightV21Theme;
+    }
+});
+const _lightTheme = require("./lightTheme.js");
+const _darkTheme = require("./darkTheme.js");
+const _highContrastTheme = require("./highContrastTheme.js");

node_modules/@fluentui/tokens/lib-commonjs/themes/teams/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes/teams/index.ts"],"sourcesContent":["export { teamsLightTheme, teamsLightV21Theme } from './lightTheme';\nexport { teamsDarkTheme, teamsDarkV21Theme } from './darkTheme';\nexport { teamsHighContrastTheme } from './highContrastTheme';\n"],"names":["teamsDarkTheme","teamsDarkV21Theme","teamsHighContrastTheme","teamsLightTheme","teamsLightV21Theme"],"mappings":";;;;;;;;;;;IACSA,cAAc;eAAdA,yBAAc;;IAAEC,iBAAiB;eAAjBA,4BAAiB;;IACjCC,sBAAsB;eAAtBA,yCAAsB;;IAFtBC,eAAe;eAAfA,2BAAe;;IAAEC,kBAAkB;eAAlBA,8BAAkB;;;4BAAQ;2BACF;mCACX"}

node_modules/@fluentui/tokens/lib-commonjs/themes/teams/lightTheme.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    teamsLightTheme: function() {
+        return teamsLightTheme;
+    },
+    teamsLightV21Theme: function() {
+        return teamsLightV21Theme;
+    }
+});
+const _createLightTheme = require("../../utils/createLightTheme.js");
+const _brandColors = require("../../global/brandColors.js");
+const _teamsFontFamilies = require("../../alias/teamsFontFamilies.js");
+const teamsLightTheme = {
+    ...(0, _createLightTheme.createLightTheme)(_brandColors.brandTeams),
+    ..._teamsFontFamilies.fontFamilies
+};
+const teamsLightV21Theme = {
+    ...(0, _createLightTheme.createLightTheme)(_brandColors.brandTeamsV21),
+    ..._teamsFontFamilies.fontFamilies
+};

node_modules/@fluentui/tokens/lib-commonjs/themes/teams/lightTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes/teams/lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams, brandTeamsV21 } from '../../global/brandColors';\nimport type { Theme } from '../../types';\nimport { fontFamilies } from '../../alias/teamsFontFamilies';\n\nexport const teamsLightTheme: Theme = {\n  ...createLightTheme(brandTeams),\n  ...fontFamilies,\n};\n\nexport const teamsLightV21Theme: Theme = {\n  ...createLightTheme(brandTeamsV21),\n  ...fontFamilies,\n};\n"],"names":["teamsLightTheme","teamsLightV21Theme","createLightTheme","brandTeams","fontFamilies","brandTeamsV21"],"mappings":";;;;;;;;;;;IAKaA,eAAe;eAAfA;;IAKAC,kBAAkB;eAAlBA;;;kCAVoB;6BACS;mCAEb;AAEtB,MAAMD,kBAAyB;IACpC,GAAGE,IAAAA,kCAAgB,EAACC,uBAAU,CAAC;IAC/B,GAAGC,+BAAY;AACjB;AAEO,MAAMH,qBAA4B;IACvC,GAAGC,IAAAA,kCAAgB,EAACG,0BAAa,CAAC;IAClC,GAAGD,+BAAY;AACjB"}

node_modules/@fluentui/tokens/lib-commonjs/themes/web/darkTheme.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "webDarkTheme", {
+    enumerable: true,
+    get: function() {
+        return webDarkTheme;
+    }
+});
+const _createDarkTheme = require("../../utils/createDarkTheme.js");
+const _brandColors = require("../../global/brandColors.js");
+const webDarkTheme = (0, _createDarkTheme.createDarkTheme)(_brandColors.brandWeb);

node_modules/@fluentui/tokens/lib-commonjs/themes/web/darkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes/web/darkTheme.ts"],"sourcesContent":["import { createDarkTheme } from '../../utils/createDarkTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webDarkTheme: Theme = createDarkTheme(brandWeb);\n"],"names":["webDarkTheme","createDarkTheme","brandWeb"],"mappings":";;;;+BAIaA;;;eAAAA;;;iCAJmB;6BACP;AAGlB,MAAMA,eAAsBC,IAAAA,gCAAe,EAACC,qBAAQ"}

node_modules/@fluentui/tokens/lib-commonjs/themes/web/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    webDarkTheme: function() {
+        return _darkTheme.webDarkTheme;
+    },
+    webLightTheme: function() {
+        return _lightTheme.webLightTheme;
+    }
+});
+const _lightTheme = require("./lightTheme.js");
+const _darkTheme = require("./darkTheme.js");

node_modules/@fluentui/tokens/lib-commonjs/themes/web/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes/web/index.ts"],"sourcesContent":["export { webLightTheme } from './lightTheme';\nexport { webDarkTheme } from './darkTheme';\n"],"names":["webDarkTheme","webLightTheme"],"mappings":";;;;;;;;;;;IACSA,YAAY;eAAZA,uBAAY;;IADZC,aAAa;eAAbA,yBAAa;;;4BAAQ;2BACD"}

node_modules/@fluentui/tokens/lib-commonjs/themes/web/lightTheme.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "webLightTheme", {
+    enumerable: true,
+    get: function() {
+        return webLightTheme;
+    }
+});
+const _createLightTheme = require("../../utils/createLightTheme.js");
+const _brandColors = require("../../global/brandColors.js");
+const webLightTheme = (0, _createLightTheme.createLightTheme)(_brandColors.brandWeb);

node_modules/@fluentui/tokens/lib-commonjs/themes/web/lightTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes/web/lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webLightTheme: Theme = createLightTheme(brandWeb);\n"],"names":["webLightTheme","createLightTheme","brandWeb"],"mappings":";;;;+BAIaA;;;eAAAA;;;kCAJoB;6BACR;AAGlB,MAAMA,gBAAuBC,IAAAA,kCAAgB,EAACC,qBAAQ"}

node_modules/@fluentui/tokens/lib-commonjs/tokens.js

@@ -0,0 +1,558 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "tokens", {
+    enumerable: true,
+    get: function() {
+        return tokens;
+    }
+});
+const tokens = {
+    // Color tokens
+    colorNeutralForeground1: 'var(--colorNeutralForeground1)',
+    colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)',
+    colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)',
+    colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)',
+    colorNeutralForeground2: 'var(--colorNeutralForeground2)',
+    colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)',
+    colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)',
+    colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)',
+    colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)',
+    colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)',
+    colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)',
+    colorNeutralForeground3: 'var(--colorNeutralForeground3)',
+    colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)',
+    colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)',
+    colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)',
+    colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)',
+    colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)',
+    colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)',
+    colorNeutralForeground4: 'var(--colorNeutralForeground4)',
+    colorNeutralForeground5: 'var(--colorNeutralForeground5)',
+    colorNeutralForeground5Hover: 'var(--colorNeutralForeground5Hover)',
+    colorNeutralForeground5Pressed: 'var(--colorNeutralForeground5Pressed)',
+    colorNeutralForeground5Selected: 'var(--colorNeutralForeground5Selected)',
+    colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)',
+    colorBrandForegroundLink: 'var(--colorBrandForegroundLink)',
+    colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',
+    colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',
+    colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',
+    colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)',
+    colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)',
+    colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)',
+    colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)',
+    colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',
+    colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',
+    colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',
+    colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)',
+    colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)',
+    colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',
+    colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',
+    colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',
+    colorNeutralForegroundInverted2: 'var(--colorNeutralForegroundInverted2)',
+    colorNeutralForegroundStaticInverted: 'var(--colorNeutralForegroundStaticInverted)',
+    colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',
+    colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',
+    colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',
+    colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',
+    colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',
+    colorBrandForeground1: 'var(--colorBrandForeground1)',
+    colorBrandForeground2: 'var(--colorBrandForeground2)',
+    colorBrandForeground2Hover: 'var(--colorBrandForeground2Hover)',
+    colorBrandForeground2Pressed: 'var(--colorBrandForeground2Pressed)',
+    colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',
+    colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',
+    colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',
+    colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',
+    colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',
+    colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',
+    colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',
+    colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',
+    colorNeutralBackground1: 'var(--colorNeutralBackground1)',
+    colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',
+    colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',
+    colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',
+    colorNeutralBackground2: 'var(--colorNeutralBackground2)',
+    colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',
+    colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',
+    colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',
+    colorNeutralBackground3: 'var(--colorNeutralBackground3)',
+    colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',
+    colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',
+    colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',
+    colorNeutralBackground4: 'var(--colorNeutralBackground4)',
+    colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',
+    colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',
+    colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',
+    colorNeutralBackground5: 'var(--colorNeutralBackground5)',
+    colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',
+    colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',
+    colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',
+    colorNeutralBackground6: 'var(--colorNeutralBackground6)',
+    colorNeutralBackground7: 'var(--colorNeutralBackground7)',
+    colorNeutralBackground7Hover: 'var(--colorNeutralBackground7Hover)',
+    colorNeutralBackground7Pressed: 'var(--colorNeutralBackground7Pressed)',
+    colorNeutralBackground7Selected: 'var(--colorNeutralBackground7Selected)',
+    colorNeutralBackground8: 'var(--colorNeutralBackground8)',
+    colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
+    colorNeutralBackgroundInvertedHover: 'var(--colorNeutralBackgroundInvertedHover)',
+    colorNeutralBackgroundInvertedPressed: 'var(--colorNeutralBackgroundInvertedPressed)',
+    colorNeutralBackgroundInvertedSelected: 'var(--colorNeutralBackgroundInvertedSelected)',
+    colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',
+    colorNeutralBackgroundAlpha: 'var(--colorNeutralBackgroundAlpha)',
+    colorNeutralBackgroundAlpha2: 'var(--colorNeutralBackgroundAlpha2)',
+    colorSubtleBackground: 'var(--colorSubtleBackground)',
+    colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',
+    colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',
+    colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',
+    colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',
+    colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',
+    colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',
+    colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',
+    colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',
+    colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',
+    colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',
+    colorTransparentBackground: 'var(--colorTransparentBackground)',
+    colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',
+    colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',
+    colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',
+    colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',
+    colorNeutralBackgroundDisabled2: 'var(--colorNeutralBackgroundDisabled2)',
+    colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',
+    colorNeutralStencil1: 'var(--colorNeutralStencil1)',
+    colorNeutralStencil2: 'var(--colorNeutralStencil2)',
+    colorNeutralStencil1Alpha: 'var(--colorNeutralStencil1Alpha)',
+    colorNeutralStencil2Alpha: 'var(--colorNeutralStencil2Alpha)',
+    colorBackgroundOverlay: 'var(--colorBackgroundOverlay)',
+    colorScrollbarOverlay: 'var(--colorScrollbarOverlay)',
+    colorBrandBackground: 'var(--colorBrandBackground)',
+    colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',
+    colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',
+    colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',
+    colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',
+    colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',
+    colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',
+    colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',
+    colorBrandBackground2: 'var(--colorBrandBackground2)',
+    colorBrandBackground2Hover: 'var(--colorBrandBackground2Hover)',
+    colorBrandBackground2Pressed: 'var(--colorBrandBackground2Pressed)',
+    colorBrandBackground3Static: 'var(--colorBrandBackground3Static)',
+    colorBrandBackground4Static: 'var(--colorBrandBackground4Static)',
+    colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',
+    colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',
+    colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',
+    colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',
+    colorNeutralCardBackground: 'var(--colorNeutralCardBackground)',
+    colorNeutralCardBackgroundHover: 'var(--colorNeutralCardBackgroundHover)',
+    colorNeutralCardBackgroundPressed: 'var(--colorNeutralCardBackgroundPressed)',
+    colorNeutralCardBackgroundSelected: 'var(--colorNeutralCardBackgroundSelected)',
+    colorNeutralCardBackgroundDisabled: 'var(--colorNeutralCardBackgroundDisabled)',
+    colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',
+    colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',
+    colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',
+    colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',
+    colorNeutralStroke1: 'var(--colorNeutralStroke1)',
+    colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',
+    colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',
+    colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',
+    colorNeutralStroke2: 'var(--colorNeutralStroke2)',
+    colorNeutralStroke3: 'var(--colorNeutralStroke3)',
+    colorNeutralStroke4: 'var(--colorNeutralStroke4)',
+    colorNeutralStroke4Hover: 'var(--colorNeutralStroke4Hover)',
+    colorNeutralStroke4Pressed: 'var(--colorNeutralStroke4Pressed)',
+    colorNeutralStroke4Selected: 'var(--colorNeutralStroke4Selected)',
+    colorNeutralStrokeSubtle: 'var(--colorNeutralStrokeSubtle)',
+    colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',
+    colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',
+    colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',
+    colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',
+    colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',
+    colorBrandStroke1: 'var(--colorBrandStroke1)',
+    colorBrandStroke2: 'var(--colorBrandStroke2)',
+    colorBrandStroke2Hover: 'var(--colorBrandStroke2Hover)',
+    colorBrandStroke2Pressed: 'var(--colorBrandStroke2Pressed)',
+    colorBrandStroke2Contrast: 'var(--colorBrandStroke2Contrast)',
+    colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',
+    colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',
+    colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',
+    colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',
+    colorNeutralStrokeDisabled2: 'var(--colorNeutralStrokeDisabled2)',
+    colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',
+    colorTransparentStroke: 'var(--colorTransparentStroke)',
+    colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
+    colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
+    colorNeutralStrokeAlpha: 'var(--colorNeutralStrokeAlpha)',
+    colorNeutralStrokeAlpha2: 'var(--colorNeutralStrokeAlpha2)',
+    colorStrokeFocus1: 'var(--colorStrokeFocus1)',
+    colorStrokeFocus2: 'var(--colorStrokeFocus2)',
+    colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',
+    colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',
+    colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',
+    colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',
+    colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',
+    colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',
+    colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',
+    colorBrandShadowKey: 'var(--colorBrandShadowKey)',
+    // Color palette tokens
+    // Color palette red tokens
+    colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',
+    colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',
+    colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',
+    colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',
+    colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',
+    colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',
+    colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',
+    colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',
+    colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',
+    colorPaletteRedForegroundInverted: 'var(--colorPaletteRedForegroundInverted)',
+    // Color palette green tokens
+    colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',
+    colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',
+    colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',
+    colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',
+    colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',
+    colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',
+    colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',
+    colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',
+    colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',
+    colorPaletteGreenForegroundInverted: 'var(--colorPaletteGreenForegroundInverted)',
+    // Color palette dark orange tokens
+    colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',
+    colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',
+    colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',
+    colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',
+    colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',
+    colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',
+    colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',
+    colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',
+    colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',
+    // Color palette yellow tokens
+    colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',
+    colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',
+    colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',
+    colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',
+    colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',
+    colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',
+    colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',
+    colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',
+    colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',
+    colorPaletteYellowForegroundInverted: 'var(--colorPaletteYellowForegroundInverted)',
+    // Color palette berry tokens
+    colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',
+    colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',
+    colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',
+    colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',
+    colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',
+    colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',
+    colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',
+    colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',
+    colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',
+    // Color palette marigold tokens
+    colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',
+    colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',
+    colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',
+    colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',
+    colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',
+    colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',
+    colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',
+    colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',
+    colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',
+    // Color palette light green tokens
+    colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',
+    colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',
+    colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',
+    colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',
+    colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',
+    colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',
+    colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',
+    colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',
+    colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',
+    // Color palette anchor tokens
+    colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',
+    colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',
+    colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',
+    // Color palette beige tokens
+    colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',
+    colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',
+    colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',
+    // Color palette blue tokens
+    colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',
+    colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',
+    colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',
+    // Color palette brass tokens
+    colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',
+    colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',
+    colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',
+    // Color palette brown tokens
+    colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',
+    colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',
+    colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',
+    // Color palette cornflower tokens
+    colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',
+    colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',
+    colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',
+    // Color palette cranberry tokens
+    colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',
+    colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',
+    colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',
+    // Color palette dark green tokens
+    colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',
+    colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',
+    colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',
+    // Color palette dark red tokens
+    colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',
+    colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',
+    colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',
+    // Color palette forest tokens
+    colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',
+    colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',
+    colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',
+    // Color palette gold tokens
+    colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',
+    colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',
+    colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',
+    // Color palette grape tokens
+    colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',
+    colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',
+    colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',
+    // Color palette lavender tokens
+    colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',
+    colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',
+    colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',
+    // Color palette light teal tokens
+    colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',
+    colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',
+    colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',
+    // Color palette lilac tokens
+    colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',
+    colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',
+    colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',
+    // Color palette magenta tokens
+    colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',
+    colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',
+    colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',
+    // Color palette mink tokens
+    colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',
+    colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',
+    colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',
+    // Color palette navy tokens
+    colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',
+    colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',
+    colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',
+    // Color palette peach tokens
+    colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',
+    colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',
+    colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',
+    // Color palette pink tokens
+    colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',
+    colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',
+    colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',
+    // Color palette platinum tokens
+    colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',
+    colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',
+    colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',
+    // Color palette plum tokens
+    colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',
+    colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',
+    colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',
+    // Color palette pumpkin tokens
+    colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',
+    colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',
+    colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',
+    // Color palette purple tokens
+    colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',
+    colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',
+    colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',
+    // Color palette royal blue tokens
+    colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',
+    colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',
+    colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',
+    // Color palette seafoam tokens
+    colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',
+    colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',
+    colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',
+    // Color palette steel tokens
+    colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',
+    colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',
+    colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',
+    // Color palette teal tokens
+    colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',
+    colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',
+    colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',
+    // Color status success tokens
+    colorStatusSuccessBackground1: 'var(--colorStatusSuccessBackground1)',
+    colorStatusSuccessBackground2: 'var(--colorStatusSuccessBackground2)',
+    colorStatusSuccessBackground3: 'var(--colorStatusSuccessBackground3)',
+    colorStatusSuccessForeground1: 'var(--colorStatusSuccessForeground1)',
+    colorStatusSuccessForeground2: 'var(--colorStatusSuccessForeground2)',
+    colorStatusSuccessForeground3: 'var(--colorStatusSuccessForeground3)',
+    colorStatusSuccessForegroundInverted: 'var(--colorStatusSuccessForegroundInverted)',
+    colorStatusSuccessBorderActive: 'var(--colorStatusSuccessBorderActive)',
+    colorStatusSuccessBorder1: 'var(--colorStatusSuccessBorder1)',
+    colorStatusSuccessBorder2: 'var(--colorStatusSuccessBorder2)',
+    // Color status warning tokens
+    colorStatusWarningBackground1: 'var(--colorStatusWarningBackground1)',
+    colorStatusWarningBackground2: 'var(--colorStatusWarningBackground2)',
+    colorStatusWarningBackground3: 'var(--colorStatusWarningBackground3)',
+    colorStatusWarningForeground1: 'var(--colorStatusWarningForeground1)',
+    colorStatusWarningForeground2: 'var(--colorStatusWarningForeground2)',
+    colorStatusWarningForeground3: 'var(--colorStatusWarningForeground3)',
+    colorStatusWarningForegroundInverted: 'var(--colorStatusWarningForegroundInverted)',
+    colorStatusWarningBorderActive: 'var(--colorStatusWarningBorderActive)',
+    colorStatusWarningBorder1: 'var(--colorStatusWarningBorder1)',
+    colorStatusWarningBorder2: 'var(--colorStatusWarningBorder2)',
+    // Color status danger tokens
+    colorStatusDangerBackground1: 'var(--colorStatusDangerBackground1)',
+    colorStatusDangerBackground2: 'var(--colorStatusDangerBackground2)',
+    colorStatusDangerBackground3: 'var(--colorStatusDangerBackground3)',
+    colorStatusDangerBackground3Hover: 'var(--colorStatusDangerBackground3Hover)',
+    colorStatusDangerBackground3Pressed: 'var(--colorStatusDangerBackground3Pressed)',
+    colorStatusDangerForeground1: 'var(--colorStatusDangerForeground1)',
+    colorStatusDangerForeground2: 'var(--colorStatusDangerForeground2)',
+    colorStatusDangerForeground3: 'var(--colorStatusDangerForeground3)',
+    colorStatusDangerForegroundInverted: 'var(--colorStatusDangerForegroundInverted)',
+    colorStatusDangerBorderActive: 'var(--colorStatusDangerBorderActive)',
+    colorStatusDangerBorder1: 'var(--colorStatusDangerBorder1)',
+    colorStatusDangerBorder2: 'var(--colorStatusDangerBorder2)',
+    // Border radius tokens
+    borderRadiusNone: 'var(--borderRadiusNone)',
+    borderRadiusSmall: 'var(--borderRadiusSmall)',
+    borderRadiusMedium: 'var(--borderRadiusMedium)',
+    borderRadiusLarge: 'var(--borderRadiusLarge)',
+    borderRadiusXLarge: 'var(--borderRadiusXLarge)',
+    borderRadius2XLarge: 'var(--borderRadius2XLarge)',
+    borderRadius3XLarge: 'var(--borderRadius3XLarge)',
+    borderRadius4XLarge: 'var(--borderRadius4XLarge)',
+    borderRadius5XLarge: 'var(--borderRadius5XLarge)',
+    borderRadius6XLarge: 'var(--borderRadius6XLarge)',
+    borderRadiusCircular: 'var(--borderRadiusCircular)',
+    // Font family tokens
+    fontFamilyBase: 'var(--fontFamilyBase)',
+    fontFamilyMonospace: 'var(--fontFamilyMonospace)',
+    fontFamilyNumeric: 'var(--fontFamilyNumeric)',
+    // Font size tokens
+    fontSizeBase100: 'var(--fontSizeBase100)',
+    fontSizeBase200: 'var(--fontSizeBase200)',
+    fontSizeBase300: 'var(--fontSizeBase300)',
+    fontSizeBase400: 'var(--fontSizeBase400)',
+    fontSizeBase500: 'var(--fontSizeBase500)',
+    fontSizeBase600: 'var(--fontSizeBase600)',
+    fontSizeHero700: 'var(--fontSizeHero700)',
+    fontSizeHero800: 'var(--fontSizeHero800)',
+    fontSizeHero900: 'var(--fontSizeHero900)',
+    fontSizeHero1000: 'var(--fontSizeHero1000)',
+    // Font weight tokens
+    fontWeightRegular: 'var(--fontWeightRegular)',
+    fontWeightMedium: 'var(--fontWeightMedium)',
+    fontWeightSemibold: 'var(--fontWeightSemibold)',
+    fontWeightBold: 'var(--fontWeightBold)',
+    // Line height tokens
+    lineHeightBase100: 'var(--lineHeightBase100)',
+    lineHeightBase200: 'var(--lineHeightBase200)',
+    lineHeightBase300: 'var(--lineHeightBase300)',
+    lineHeightBase400: 'var(--lineHeightBase400)',
+    lineHeightBase500: 'var(--lineHeightBase500)',
+    lineHeightBase600: 'var(--lineHeightBase600)',
+    lineHeightHero700: 'var(--lineHeightHero700)',
+    lineHeightHero800: 'var(--lineHeightHero800)',
+    lineHeightHero900: 'var(--lineHeightHero900)',
+    lineHeightHero1000: 'var(--lineHeightHero1000)',
+    // Shadow tokens
+    shadow2: 'var(--shadow2)',
+    shadow4: 'var(--shadow4)',
+    shadow8: 'var(--shadow8)',
+    shadow16: 'var(--shadow16)',
+    shadow28: 'var(--shadow28)',
+    shadow64: 'var(--shadow64)',
+    // Shadow brand tokens
+    shadow2Brand: 'var(--shadow2Brand)',
+    shadow4Brand: 'var(--shadow4Brand)',
+    shadow8Brand: 'var(--shadow8Brand)',
+    shadow16Brand: 'var(--shadow16Brand)',
+    shadow28Brand: 'var(--shadow28Brand)',
+    shadow64Brand: 'var(--shadow64Brand)',
+    // Stroke width tokens
+    strokeWidthThin: 'var(--strokeWidthThin)',
+    strokeWidthThick: 'var(--strokeWidthThick)',
+    strokeWidthThicker: 'var(--strokeWidthThicker)',
+    strokeWidthThickest: 'var(--strokeWidthThickest)',
+    // Spacings
+    spacingHorizontalNone: 'var(--spacingHorizontalNone)',
+    spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',
+    spacingHorizontalXS: 'var(--spacingHorizontalXS)',
+    spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',
+    spacingHorizontalS: 'var(--spacingHorizontalS)',
+    spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',
+    spacingHorizontalM: 'var(--spacingHorizontalM)',
+    spacingHorizontalL: 'var(--spacingHorizontalL)',
+    spacingHorizontalXL: 'var(--spacingHorizontalXL)',
+    spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',
+    spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',
+    spacingVerticalNone: 'var(--spacingVerticalNone)',
+    spacingVerticalXXS: 'var(--spacingVerticalXXS)',
+    spacingVerticalXS: 'var(--spacingVerticalXS)',
+    spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',
+    spacingVerticalS: 'var(--spacingVerticalS)',
+    spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',
+    spacingVerticalM: 'var(--spacingVerticalM)',
+    spacingVerticalL: 'var(--spacingVerticalL)',
+    spacingVerticalXL: 'var(--spacingVerticalXL)',
+    spacingVerticalXXL: 'var(--spacingVerticalXXL)',
+    spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',
+    // Durations
+    durationUltraFast: 'var(--durationUltraFast)',
+    durationFaster: 'var(--durationFaster)',
+    durationFast: 'var(--durationFast)',
+    durationNormal: 'var(--durationNormal)',
+    durationGentle: 'var(--durationGentle)',
+    durationSlow: 'var(--durationSlow)',
+    durationSlower: 'var(--durationSlower)',
+    durationUltraSlow: 'var(--durationUltraSlow)',
+    // Curves
+    curveAccelerateMax: 'var(--curveAccelerateMax)',
+    curveAccelerateMid: 'var(--curveAccelerateMid)',
+    curveAccelerateMin: 'var(--curveAccelerateMin)',
+    curveDecelerateMax: 'var(--curveDecelerateMax)',
+    curveDecelerateMid: 'var(--curveDecelerateMid)',
+    curveDecelerateMin: 'var(--curveDecelerateMin)',
+    curveEasyEaseMax: 'var(--curveEasyEaseMax)',
+    curveEasyEase: 'var(--curveEasyEase)',
+    curveLinear: 'var(--curveLinear)',
+    /**
+   * ZIndexes
+   * Special case where the tokens contain default values
+   * ZIndexes are not mandatory, so they are not included in the theme, but can be used as tokens with default values
+   */ /**
+   * Elevation 0
+   * Can be used for background elements, like surfaces
+   */ zIndexBackground: 'var(--zIndexBackground, 0)',
+    /**
+   * Elevation 2
+   * Can be used content that is on top of the background, like cards
+   */ zIndexContent: 'var(--zIndexContent, 1)',
+    /**
+   * Elevation 4
+   * Can be used for overlays, like the backdrop of a modal
+   */ zIndexOverlay: 'var(--zIndexOverlay, 1000)',
+    /**
+   * Elevation 8
+   * Can be used for popups, like modals and drawers
+   */ zIndexPopup: 'var(--zIndexPopup, 2000)',
+    /**
+   * Elevation 16
+   * Can be used for messages, like snackbars and toasts
+   */ zIndexMessages: 'var(--zIndexMessages, 3000)',
+    /**
+   * Elevation 28
+   * Can be used for floating elements, like dropdowns
+   */ zIndexFloating: 'var(--zIndexFloating, 4000)',
+    /**
+   * Elevation 64
+   * Can be used for high priority floating elements, like tooltips
+   */ zIndexPriority: 'var(--zIndexPriority, 5000)',
+    /**
+   * Special elevation
+   * Can be used for elements that need to be above everything else, like debug overlays
+   */ zIndexDebug: 'var(--zIndexDebug, 6000)'
+};

node_modules/@fluentui/tokens/lib-commonjs/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

node_modules/@fluentui/tokens/lib-commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

node_modules/@fluentui/tokens/lib-commonjs/utils/createDarkTheme.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createDarkTheme", {
+    enumerable: true,
+    get: function() {
+        return createDarkTheme;
+    }
+});
+const _darkColorPalette = require("../alias/darkColorPalette.js");
+const _darkColor = require("../alias/darkColor.js");
+const _index = require("../global/index.js");
+const _shadows = require("./shadows.js");
+const _durations = require("../global/durations.js");
+const _curves = require("../global/curves.js");
+const _spacings = require("../global/spacings.js");
+const createDarkTheme = (brand)=>{
+    const colorTokens = (0, _darkColor.generateColorTokens)(brand);
+    return {
+        ..._index.borderRadius,
+        ..._index.fontSizes,
+        ..._index.lineHeights,
+        ..._index.fontFamilies,
+        ..._index.fontWeights,
+        ..._index.strokeWidths,
+        ..._spacings.horizontalSpacings,
+        ..._spacings.verticalSpacings,
+        ..._durations.durations,
+        ..._curves.curves,
+        ...colorTokens,
+        ..._darkColorPalette.colorPaletteTokens,
+        ..._darkColorPalette.colorStatusTokens,
+        ...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+        ...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+    };
+};

node_modules/@fluentui/tokens/lib-commonjs/utils/createDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/createDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["createDarkTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","colorStatusTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAUaA;;;eAAAA;;;kCAVyC;2BAClB;uBAE0D;yBAC3D;2BAET;wBACH;0BAC8B;AAE9C,MAAMA,kBAAmDC,CAAAA;IAC9D,MAAMC,cAAcC,IAAAA,8BAAmB,EAACF;IAExC,OAAO;QACL,GAAGG,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QAET,GAAGX,WAAW;QACd,GAAGY,oCAAkB;QACrB,GAAGC,mCAAiB;QAEpB,GAAGC,IAAAA,2BAAkB,EAACd,YAAYe,yBAAyB,EAAEf,YAAYgB,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACd,YAAYiB,uBAAuB,EAAEjB,YAAYkB,mBAAmB,EAAE,QAAQ;IACtG;AACF"}

node_modules/@fluentui/tokens/lib-commonjs/utils/createHighContrastTheme.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createHighContrastTheme", {
+    enumerable: true,
+    get: function() {
+        return createHighContrastTheme;
+    }
+});
+const _highContrastColorPalette = require("../alias/highContrastColorPalette.js");
+const _highContrastColor = require("../alias/highContrastColor.js");
+const _index = require("../global/index.js");
+const _shadows = require("./shadows.js");
+const _durations = require("../global/durations.js");
+const _curves = require("../global/curves.js");
+const _spacings = require("../global/spacings.js");
+const createHighContrastTheme = ()=>{
+    const colorTokens = (0, _highContrastColor.generateColorTokens)();
+    return {
+        ..._index.borderRadius,
+        ..._index.fontSizes,
+        ..._index.lineHeights,
+        ..._index.fontFamilies,
+        ..._index.fontWeights,
+        ..._index.strokeWidths,
+        ..._spacings.horizontalSpacings,
+        ..._spacings.verticalSpacings,
+        ..._durations.durations,
+        ..._curves.curves,
+        ...colorTokens,
+        ..._highContrastColorPalette.colorPaletteTokens,
+        ..._highContrastColorPalette.colorStatusTokens,
+        ...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+        ...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+    };
+};

node_modules/@fluentui/tokens/lib-commonjs/utils/createHighContrastTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/createHighContrastTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n  const colorTokens = generateColorTokens();\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["createHighContrastTheme","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","colorStatusTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAUaA;;;eAAAA;;;0CAVyC;mCAClB;uBAE0D;yBAC3D;2BAET;wBACH;0BAC8B;AAE9C,MAAMA,0BAA0B;IACrC,MAAMC,cAAcC,IAAAA,sCAAmB;IAEvC,OAAO;QACL,GAAGC,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QAET,GAAGX,WAAW;QACd,GAAGY,4CAAkB;QACrB,GAAGC,2CAAiB;QAEpB,GAAGC,IAAAA,2BAAkB,EAACd,YAAYe,yBAAyB,EAAEf,YAAYgB,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACd,YAAYiB,uBAAuB,EAAEjB,YAAYkB,mBAAmB,EAAE,QAAQ;IACtG;AACF"}

node_modules/@fluentui/tokens/lib-commonjs/utils/createLightTheme.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createLightTheme", {
+    enumerable: true,
+    get: function() {
+        return createLightTheme;
+    }
+});
+const _lightColorPalette = require("../alias/lightColorPalette.js");
+const _lightColor = require("../alias/lightColor.js");
+const _index = require("../global/index.js");
+const _shadows = require("./shadows.js");
+const _durations = require("../global/durations.js");
+const _curves = require("../global/curves.js");
+const _spacings = require("../global/spacings.js");
+const createLightTheme = (brand)=>{
+    const colorTokens = (0, _lightColor.generateColorTokens)(brand);
+    return {
+        ..._index.borderRadius,
+        ..._index.fontSizes,
+        ..._index.lineHeights,
+        ..._index.fontFamilies,
+        ..._index.fontWeights,
+        ..._index.strokeWidths,
+        ..._spacings.horizontalSpacings,
+        ..._spacings.verticalSpacings,
+        ..._durations.durations,
+        ..._curves.curves,
+        ...colorTokens,
+        ..._lightColorPalette.colorPaletteTokens,
+        ..._lightColorPalette.colorStatusTokens,
+        ...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+        ...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+    };
+};

node_modules/@fluentui/tokens/lib-commonjs/utils/createLightTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/createLightTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["createLightTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","colorStatusTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAUaA;;;eAAAA;;;mCAVyC;4BAClB;uBAE0D;yBAC3D;2BAET;wBACH;0BAC8B;AAE9C,MAAMA,mBAAoDC,CAAAA;IAC/D,MAAMC,cAAcC,IAAAA,+BAAmB,EAACF;IAExC,OAAO;QACL,GAAGG,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QAET,GAAGX,WAAW;QACd,GAAGY,qCAAkB;QACrB,GAAGC,oCAAiB;QAEpB,GAAGC,IAAAA,2BAAkB,EAACd,YAAYe,yBAAyB,EAAEf,YAAYgB,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACd,YAAYiB,uBAAuB,EAAEjB,YAAYkB,mBAAmB,EAAE,QAAQ;IACtG;AACF"}

node_modules/@fluentui/tokens/lib-commonjs/utils/createTeamsDarkTheme.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createTeamsDarkTheme", {
+    enumerable: true,
+    get: function() {
+        return createTeamsDarkTheme;
+    }
+});
+const _darkColorPalette = require("../alias/darkColorPalette.js");
+const _teamsDarkColor = require("../alias/teamsDarkColor.js");
+const _index = require("../global/index.js");
+const _shadows = require("./shadows.js");
+const _durations = require("../global/durations.js");
+const _curves = require("../global/curves.js");
+const _spacings = require("../global/spacings.js");
+const createTeamsDarkTheme = (brand)=>{
+    const colorTokens = (0, _teamsDarkColor.generateColorTokens)(brand);
+    return {
+        ..._index.borderRadius,
+        ..._index.fontSizes,
+        ..._index.lineHeights,
+        ..._index.fontFamilies,
+        ..._index.fontWeights,
+        ..._index.strokeWidths,
+        ..._spacings.horizontalSpacings,
+        ..._spacings.verticalSpacings,
+        ..._durations.durations,
+        ..._curves.curves,
+        ...colorTokens,
+        ..._darkColorPalette.colorPaletteTokens,
+        ..._darkColorPalette.colorStatusTokens,
+        ...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+        ...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+    };
+};

node_modules/@fluentui/tokens/lib-commonjs/utils/createTeamsDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["createTeamsDarkTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","colorStatusTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAUaA;;;eAAAA;;;kCAVyC;gCAClB;uBAE0D;yBAC3D;2BAET;wBACH;0BAC8B;AAE9C,MAAMA,uBAAwDC,CAAAA;IACnE,MAAMC,cAAcC,IAAAA,mCAAmB,EAACF;IAExC,OAAO;QACL,GAAGG,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QAET,GAAGX,WAAW;QACd,GAAGY,oCAAkB;QACrB,GAAGC,mCAAiB;QAEpB,GAAGC,IAAAA,2BAAkB,EAACd,YAAYe,yBAAyB,EAAEf,YAAYgB,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACd,YAAYiB,uBAAuB,EAAEjB,YAAYkB,mBAAmB,EAAE,QAAQ;IACtG;AACF"}

node_modules/@fluentui/tokens/lib-commonjs/utils/index.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    createDarkTheme: function() {
+        return _createDarkTheme.createDarkTheme;
+    },
+    createHighContrastTheme: function() {
+        return _createHighContrastTheme.createHighContrastTheme;
+    },
+    createLightTheme: function() {
+        return _createLightTheme.createLightTheme;
+    },
+    createTeamsDarkTheme: function() {
+        return _createTeamsDarkTheme.createTeamsDarkTheme;
+    }
+});
+const _createLightTheme = require("./createLightTheme.js");
+const _createDarkTheme = require("./createDarkTheme.js");
+const _createTeamsDarkTheme = require("./createTeamsDarkTheme.js");
+const _createHighContrastTheme = require("./createHighContrastTheme.js");

node_modules/@fluentui/tokens/lib-commonjs/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/index.ts"],"sourcesContent":["export { createLightTheme } from './createLightTheme';\nexport { createDarkTheme } from './createDarkTheme';\nexport { createTeamsDarkTheme } from './createTeamsDarkTheme';\nexport { createHighContrastTheme } from './createHighContrastTheme';\n"],"names":["createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme"],"mappings":";;;;;;;;;;;IACSA,eAAe;eAAfA,gCAAe;;IAEfC,uBAAuB;eAAvBA,gDAAuB;;IAHvBC,gBAAgB;eAAhBA,kCAAgB;;IAEhBC,oBAAoB;eAApBA,0CAAoB;;;kCAFI;iCACD;sCACK;yCACG"}

node_modules/@fluentui/tokens/lib-commonjs/utils/shadows.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createShadowTokens", {
+    enumerable: true,
+    get: function() {
+        return createShadowTokens;
+    }
+});
+function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
+    return {
+        [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
+        [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
+        [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
+        [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,
+        [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
+        [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
+    };
+}

node_modules/@fluentui/tokens/lib-commonjs/utils/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/shadows.ts"],"sourcesContent":["import type { ShadowBrandTokens, ShadowTokens } from '../types';\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;\nexport function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand' | '' = '') {\n  return {\n    [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n    [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n    [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n    [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,\n    [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n    [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n  };\n}\n"],"names":["createShadowTokens","ambientColor","keyColor","tokenSuffix"],"mappings":";;;;+BAKgBA;;;eAAAA;;;AAAT,SAASA,mBAAmBC,YAAoB,EAAEC,QAAgB,EAAEC,cAA4B,EAAE;IACvG,OAAO;QACL,CAAC,CAAC,OAAO,EAAEA,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,UAAU;QAC3E,CAAC,CAAC,OAAO,EAAEC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,UAAU;QAC3E,CAAC,CAAC,OAAO,EAAEC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,UAAU;QAC3E,CAAC,CAAC,QAAQ,EAAEC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,aAAa,EAAEC,UAAU;QAC7E,CAAC,CAAC,QAAQ,EAAEC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,cAAc,EAAEC,UAAU;QAC9E,CAAC,CAAC,QAAQ,EAAEC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,cAAc,EAAEC,UAAU;IAChF;AACF"}

node_modules/@fluentui/tokens/lib/alias/darkColor.js

@@ -0,0 +1,187 @@
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from "../global/colors.js";
+export const generateColorTokens = (brand)=>({
+        colorNeutralForeground1: white,
+        colorNeutralForeground1Hover: white,
+        colorNeutralForeground1Pressed: white,
+        colorNeutralForeground1Selected: white,
+        colorNeutralForeground2: grey[84],
+        colorNeutralForeground2Hover: white,
+        colorNeutralForeground2Pressed: white,
+        colorNeutralForeground2Selected: white,
+        colorNeutralForeground2BrandHover: brand[100],
+        colorNeutralForeground2BrandPressed: brand[90],
+        colorNeutralForeground2BrandSelected: brand[100],
+        colorNeutralForeground3: grey[68],
+        colorNeutralForeground3Hover: grey[84],
+        colorNeutralForeground3Pressed: grey[84],
+        colorNeutralForeground3Selected: grey[84],
+        colorNeutralForeground3BrandHover: brand[100],
+        colorNeutralForeground3BrandPressed: brand[90],
+        colorNeutralForeground3BrandSelected: brand[100],
+        colorNeutralForeground4: grey[60],
+        colorNeutralForeground5: grey[68],
+        colorNeutralForeground5Hover: white,
+        colorNeutralForeground5Pressed: white,
+        colorNeutralForeground5Selected: white,
+        colorNeutralForegroundDisabled: grey[36],
+        colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
+        colorBrandForegroundLink: brand[100],
+        colorBrandForegroundLinkHover: brand[110],
+        colorBrandForegroundLinkPressed: brand[90],
+        colorBrandForegroundLinkSelected: brand[100],
+        colorNeutralForeground2Link: grey[84],
+        colorNeutralForeground2LinkHover: white,
+        colorNeutralForeground2LinkPressed: white,
+        colorNeutralForeground2LinkSelected: white,
+        colorCompoundBrandForeground1: brand[100],
+        colorCompoundBrandForeground1Hover: brand[110],
+        colorCompoundBrandForeground1Pressed: brand[90],
+        colorBrandForeground1: brand[100],
+        colorBrandForeground2: brand[110],
+        colorBrandForeground2Hover: brand[130],
+        colorBrandForeground2Pressed: brand[160],
+        colorNeutralForeground1Static: grey[14],
+        colorNeutralForegroundStaticInverted: white,
+        colorNeutralForegroundInverted: grey[14],
+        colorNeutralForegroundInvertedHover: grey[14],
+        colorNeutralForegroundInvertedPressed: grey[14],
+        colorNeutralForegroundInvertedSelected: grey[14],
+        colorNeutralForegroundInverted2: grey[14],
+        colorNeutralForegroundOnBrand: white,
+        colorNeutralForegroundInvertedLink: white,
+        colorNeutralForegroundInvertedLinkHover: white,
+        colorNeutralForegroundInvertedLinkPressed: white,
+        colorNeutralForegroundInvertedLinkSelected: white,
+        colorBrandForegroundInverted: brand[80],
+        colorBrandForegroundInvertedHover: brand[70],
+        colorBrandForegroundInvertedPressed: brand[60],
+        colorBrandForegroundOnLight: brand[80],
+        colorBrandForegroundOnLightHover: brand[70],
+        colorBrandForegroundOnLightPressed: brand[50],
+        colorBrandForegroundOnLightSelected: brand[60],
+        colorNeutralBackground1: grey[16],
+        colorNeutralBackground1Hover: grey[24],
+        colorNeutralBackground1Pressed: grey[12],
+        colorNeutralBackground1Selected: grey[22],
+        colorNeutralBackground2: grey[12],
+        colorNeutralBackground2Hover: grey[20],
+        colorNeutralBackground2Pressed: grey[8],
+        colorNeutralBackground2Selected: grey[18],
+        colorNeutralBackground3: grey[8],
+        colorNeutralBackground3Hover: grey[16],
+        colorNeutralBackground3Pressed: grey[4],
+        colorNeutralBackground3Selected: grey[14],
+        colorNeutralBackground4: grey[4],
+        colorNeutralBackground4Hover: grey[12],
+        colorNeutralBackground4Pressed: black,
+        colorNeutralBackground4Selected: grey[10],
+        colorNeutralBackground5: black,
+        colorNeutralBackground5Hover: grey[8],
+        colorNeutralBackground5Pressed: grey[2],
+        colorNeutralBackground5Selected: grey[6],
+        colorNeutralBackground6: grey[20],
+        colorNeutralBackground7: '#00000000',
+        colorNeutralBackground7Hover: grey[10],
+        colorNeutralBackground7Pressed: grey[4],
+        colorNeutralBackground7Selected: '#00000000',
+        colorNeutralBackground8: grey[16],
+        colorNeutralBackgroundInverted: white,
+        colorNeutralBackgroundInvertedHover: grey[96],
+        colorNeutralBackgroundInvertedPressed: grey[88],
+        colorNeutralBackgroundInvertedSelected: grey[92],
+        colorNeutralBackgroundStatic: grey[24],
+        colorNeutralBackgroundAlpha: grey10Alpha[50],
+        colorNeutralBackgroundAlpha2: grey12Alpha[70],
+        colorSubtleBackground: 'transparent',
+        colorSubtleBackgroundHover: grey[22],
+        colorSubtleBackgroundPressed: grey[18],
+        colorSubtleBackgroundSelected: grey[20],
+        colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],
+        colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],
+        colorSubtleBackgroundLightAlphaSelected: 'transparent',
+        colorSubtleBackgroundInverted: 'transparent',
+        colorSubtleBackgroundInvertedHover: blackAlpha[10],
+        colorSubtleBackgroundInvertedPressed: blackAlpha[30],
+        colorSubtleBackgroundInvertedSelected: blackAlpha[20],
+        colorTransparentBackground: 'transparent',
+        colorTransparentBackgroundHover: 'transparent',
+        colorTransparentBackgroundPressed: 'transparent',
+        colorTransparentBackgroundSelected: 'transparent',
+        colorNeutralBackgroundDisabled: grey[8],
+        colorNeutralBackgroundDisabled2: grey[16],
+        colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
+        colorNeutralStencil1: grey[34],
+        colorNeutralStencil2: grey[20],
+        colorNeutralStencil1Alpha: whiteAlpha[10],
+        colorNeutralStencil2Alpha: whiteAlpha[5],
+        colorBackgroundOverlay: blackAlpha[50],
+        colorScrollbarOverlay: whiteAlpha[60],
+        colorBrandBackground: brand[70],
+        colorBrandBackgroundHover: brand[80],
+        colorBrandBackgroundPressed: brand[40],
+        colorBrandBackgroundSelected: brand[60],
+        colorCompoundBrandBackground: brand[100],
+        colorCompoundBrandBackgroundHover: brand[110],
+        colorCompoundBrandBackgroundPressed: brand[90],
+        colorBrandBackgroundStatic: brand[80],
+        colorBrandBackground2: brand[20],
+        colorBrandBackground2Hover: brand[40],
+        colorBrandBackground2Pressed: brand[10],
+        colorBrandBackground3Static: brand[60],
+        colorBrandBackground4Static: brand[40],
+        colorBrandBackgroundInverted: white,
+        colorBrandBackgroundInvertedHover: brand[160],
+        colorBrandBackgroundInvertedPressed: brand[140],
+        colorBrandBackgroundInvertedSelected: brand[150],
+        colorNeutralCardBackground: grey[20],
+        colorNeutralCardBackgroundHover: grey[24],
+        colorNeutralCardBackgroundPressed: grey[18],
+        colorNeutralCardBackgroundSelected: grey[22],
+        colorNeutralCardBackgroundDisabled: grey[8],
+        colorNeutralStrokeAccessible: grey[68],
+        colorNeutralStrokeAccessibleHover: grey[74],
+        colorNeutralStrokeAccessiblePressed: grey[70],
+        colorNeutralStrokeAccessibleSelected: brand[100],
+        colorNeutralStroke1: grey[40],
+        colorNeutralStroke1Hover: grey[46],
+        colorNeutralStroke1Pressed: grey[42],
+        colorNeutralStroke1Selected: grey[44],
+        colorNeutralStroke2: grey[32],
+        colorNeutralStroke3: grey[24],
+        colorNeutralStroke4: grey[24],
+        colorNeutralStroke4Hover: grey[18],
+        colorNeutralStroke4Pressed: grey[14],
+        colorNeutralStroke4Selected: grey[24],
+        colorNeutralStrokeSubtle: grey[4],
+        colorNeutralStrokeOnBrand: grey[16],
+        colorNeutralStrokeOnBrand2: white,
+        colorNeutralStrokeOnBrand2Hover: white,
+        colorNeutralStrokeOnBrand2Pressed: white,
+        colorNeutralStrokeOnBrand2Selected: white,
+        colorBrandStroke1: brand[100],
+        colorBrandStroke2: brand[50],
+        colorBrandStroke2Hover: brand[50],
+        colorBrandStroke2Pressed: brand[30],
+        colorBrandStroke2Contrast: brand[50],
+        colorCompoundBrandStroke: brand[100],
+        colorCompoundBrandStrokeHover: brand[110],
+        colorCompoundBrandStrokePressed: brand[90],
+        colorNeutralStrokeDisabled: grey[26],
+        colorNeutralStrokeDisabled2: grey[24],
+        colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
+        colorTransparentStroke: 'transparent',
+        colorTransparentStrokeInteractive: 'transparent',
+        colorTransparentStrokeDisabled: 'transparent',
+        colorNeutralStrokeAlpha: whiteAlpha[10],
+        colorNeutralStrokeAlpha2: whiteAlpha[20],
+        colorStrokeFocus1: black,
+        colorStrokeFocus2: white,
+        colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+        colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+    });

node_modules/@fluentui/tokens/lib/alias/darkColorPalette.js

@@ -0,0 +1,69 @@
+/* color palette used in both darkTheme and teamsDarkTheme */ import { statusSharedColors, personaSharedColors, mappedStatusColors } from "../global/colorPalette.js";
+import { statusSharedColorNames, personaSharedColorNames } from "../sharedColorNames.js";
+import { statusColorMapping } from "../statusColorMapping.js";
+const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,
+        [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,
+        [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,
+        [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,
+        [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,
+        [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,
+        [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,
+        [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,
+        [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+// one-off patches
+statusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;
+statusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;
+statusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;
+statusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;
+statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;
+statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;
+statusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;
+statusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;
+statusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;
+const personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,
+        [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,
+        [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+// one-off patches
+personaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;
+personaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;
+export const colorPaletteTokens = {
+    ...statusColorPaletteTokens,
+    ...personaColorPaletteTokens
+};
+export const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
+    const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
+    // TODO: double check the mapping with design - see the one-off patches above
+    const statusColorTokens = {
+        [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].shade40,
+        [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].shade30,
+        [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,
+        [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].tint30,
+        [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].tint40,
+        [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].tint20,
+        [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].tint30,
+        [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].shade10,
+        [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].primary,
+        [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].tint20
+    };
+    return Object.assign(acc, statusColorTokens);
+}, {});
+// one-off overrides for colorStatus tokens
+colorStatusTokens.colorStatusDangerBackground3Hover = mappedStatusColors[statusColorMapping.danger].shade10;
+colorStatusTokens.colorStatusDangerBackground3Pressed = mappedStatusColors[statusColorMapping.danger].shade20;
+colorStatusTokens.colorStatusDangerForeground3 = mappedStatusColors[statusColorMapping.danger].tint40;
+colorStatusTokens.colorStatusDangerBorder2 = mappedStatusColors[statusColorMapping.danger].tint30;
+colorStatusTokens.colorStatusSuccessForeground3 = mappedStatusColors[statusColorMapping.success].tint40;
+colorStatusTokens.colorStatusSuccessBorder2 = mappedStatusColors[statusColorMapping.success].tint40;
+colorStatusTokens.colorStatusWarningForegroundInverted = mappedStatusColors[statusColorMapping.warning].shade20;

node_modules/@fluentui/tokens/lib/alias/highContrastColor.js

@@ -0,0 +1,187 @@
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from "../global/colors.js";
+export const generateColorTokens = ()=>({
+        colorNeutralForeground1: hcCanvasText,
+        colorNeutralForeground1Hover: hcHighlightText,
+        colorNeutralForeground1Pressed: hcHighlightText,
+        colorNeutralForeground1Selected: hcHighlightText,
+        colorNeutralForeground2: hcCanvasText,
+        colorNeutralForeground2Hover: hcHighlightText,
+        colorNeutralForeground2Pressed: hcHighlightText,
+        colorNeutralForeground2Selected: hcHighlightText,
+        colorNeutralForeground2BrandHover: hcHighlightText,
+        colorNeutralForeground2BrandPressed: hcHighlightText,
+        colorNeutralForeground2BrandSelected: hcHighlightText,
+        colorNeutralForeground3: hcCanvasText,
+        colorNeutralForeground3Hover: hcHighlightText,
+        colorNeutralForeground3Pressed: hcHighlightText,
+        colorNeutralForeground3Selected: hcHighlightText,
+        colorNeutralForeground3BrandHover: hcHighlightText,
+        colorNeutralForeground3BrandPressed: hcHighlightText,
+        colorNeutralForeground3BrandSelected: hcHighlightText,
+        colorNeutralForeground4: hcCanvasText,
+        colorNeutralForeground5: hcCanvasText,
+        colorNeutralForeground5Hover: hcHighlightText,
+        colorNeutralForeground5Pressed: hcHighlightText,
+        colorNeutralForeground5Selected: hcHighlightText,
+        colorNeutralForegroundDisabled: hcDisabled,
+        colorNeutralForegroundInvertedDisabled: hcDisabled,
+        colorBrandForegroundLink: hcHyperlink,
+        colorBrandForegroundLinkHover: hcHyperlink,
+        colorBrandForegroundLinkPressed: hcHyperlink,
+        colorBrandForegroundLinkSelected: hcHyperlink,
+        colorNeutralForeground2Link: hcHyperlink,
+        colorNeutralForeground2LinkHover: hcHyperlink,
+        colorNeutralForeground2LinkPressed: hcHyperlink,
+        colorNeutralForeground2LinkSelected: hcHyperlink,
+        colorCompoundBrandForeground1: hcHighlight,
+        colorCompoundBrandForeground1Hover: hcHighlight,
+        colorCompoundBrandForeground1Pressed: hcHighlight,
+        colorBrandForeground1: hcCanvasText,
+        colorBrandForeground2: hcCanvasText,
+        colorBrandForeground2Hover: hcCanvasText,
+        colorBrandForeground2Pressed: hcCanvasText,
+        colorNeutralForeground1Static: hcCanvas,
+        colorNeutralForegroundStaticInverted: hcCanvasText,
+        colorNeutralForegroundInverted: hcHighlightText,
+        colorNeutralForegroundInvertedHover: hcHighlightText,
+        colorNeutralForegroundInvertedPressed: hcHighlightText,
+        colorNeutralForegroundInvertedSelected: hcHighlightText,
+        colorNeutralForegroundInverted2: hcCanvasText,
+        colorNeutralForegroundOnBrand: hcButtonText,
+        colorNeutralForegroundInvertedLink: hcHyperlink,
+        colorNeutralForegroundInvertedLinkHover: hcHyperlink,
+        colorNeutralForegroundInvertedLinkPressed: hcHyperlink,
+        colorNeutralForegroundInvertedLinkSelected: hcHyperlink,
+        colorBrandForegroundInverted: hcCanvasText,
+        colorBrandForegroundInvertedHover: hcHighlightText,
+        colorBrandForegroundInvertedPressed: hcHighlightText,
+        colorBrandForegroundOnLight: hcButtonText,
+        colorBrandForegroundOnLightHover: hcHighlightText,
+        colorBrandForegroundOnLightPressed: hcHighlightText,
+        colorBrandForegroundOnLightSelected: hcHighlightText,
+        colorNeutralBackground1: hcCanvas,
+        colorNeutralBackground1Hover: hcHighlight,
+        colorNeutralBackground1Pressed: hcHighlight,
+        colorNeutralBackground1Selected: hcHighlight,
+        colorNeutralBackground2: hcCanvas,
+        colorNeutralBackground2Hover: hcHighlight,
+        colorNeutralBackground2Pressed: hcHighlight,
+        colorNeutralBackground2Selected: hcHighlight,
+        colorNeutralBackground3: hcCanvas,
+        colorNeutralBackground3Hover: hcHighlight,
+        colorNeutralBackground3Pressed: hcHighlight,
+        colorNeutralBackground3Selected: hcHighlight,
+        colorNeutralBackground4: hcCanvas,
+        colorNeutralBackground4Hover: hcHighlight,
+        colorNeutralBackground4Pressed: hcHighlight,
+        colorNeutralBackground4Selected: hcHighlight,
+        colorNeutralBackground5: hcCanvas,
+        colorNeutralBackground5Hover: hcHighlight,
+        colorNeutralBackground5Pressed: hcHighlight,
+        colorNeutralBackground5Selected: hcHighlight,
+        colorNeutralBackground6: hcCanvas,
+        colorNeutralBackground7: hcCanvas,
+        colorNeutralBackground7Hover: hcHighlight,
+        colorNeutralBackground7Pressed: hcHighlight,
+        colorNeutralBackground7Selected: hcHighlight,
+        colorNeutralBackground8: hcCanvas,
+        colorNeutralBackgroundInverted: hcCanvas,
+        colorNeutralBackgroundInvertedHover: hcHighlight,
+        colorNeutralBackgroundInvertedPressed: hcHighlight,
+        colorNeutralBackgroundInvertedSelected: hcHighlight,
+        colorNeutralBackgroundStatic: hcCanvas,
+        colorNeutralBackgroundAlpha: hcCanvas,
+        colorNeutralBackgroundAlpha2: hcCanvas,
+        colorSubtleBackground: 'transparent',
+        colorSubtleBackgroundHover: hcHighlight,
+        colorSubtleBackgroundPressed: hcHighlight,
+        colorSubtleBackgroundSelected: hcHighlight,
+        colorSubtleBackgroundLightAlphaHover: hcHighlight,
+        colorSubtleBackgroundLightAlphaPressed: hcHighlight,
+        colorSubtleBackgroundLightAlphaSelected: hcHighlight,
+        colorSubtleBackgroundInverted: 'transparent',
+        colorSubtleBackgroundInvertedHover: hcHighlight,
+        colorSubtleBackgroundInvertedPressed: hcHighlight,
+        colorSubtleBackgroundInvertedSelected: hcHighlight,
+        colorTransparentBackground: 'transparent',
+        colorTransparentBackgroundHover: hcHighlight,
+        colorTransparentBackgroundPressed: hcHighlight,
+        colorTransparentBackgroundSelected: hcHighlight,
+        colorNeutralBackgroundDisabled: hcCanvas,
+        colorNeutralBackgroundDisabled2: hcDisabled,
+        colorNeutralBackgroundInvertedDisabled: hcCanvas,
+        colorNeutralStencil1: hcCanvasText,
+        colorNeutralStencil2: hcCanvasText,
+        colorNeutralStencil1Alpha: hcCanvasText,
+        colorNeutralStencil2Alpha: hcCanvasText,
+        colorBackgroundOverlay: blackAlpha[50],
+        colorScrollbarOverlay: hcButtonFace,
+        colorBrandBackground: hcButtonFace,
+        colorBrandBackgroundHover: hcHighlight,
+        colorBrandBackgroundPressed: hcHighlight,
+        colorBrandBackgroundSelected: hcHighlight,
+        colorCompoundBrandBackground: hcHighlight,
+        colorCompoundBrandBackgroundHover: hcHighlight,
+        colorCompoundBrandBackgroundPressed: hcHighlight,
+        colorBrandBackgroundStatic: hcCanvas,
+        colorBrandBackground2: hcCanvas,
+        colorBrandBackground2Hover: hcCanvas,
+        colorBrandBackground2Pressed: hcCanvas,
+        colorBrandBackground3Static: hcCanvas,
+        colorBrandBackground4Static: hcCanvas,
+        colorBrandBackgroundInverted: hcButtonFace,
+        colorBrandBackgroundInvertedHover: hcHighlight,
+        colorBrandBackgroundInvertedPressed: hcHighlight,
+        colorBrandBackgroundInvertedSelected: hcHighlight,
+        colorNeutralCardBackground: hcCanvas,
+        colorNeutralCardBackgroundHover: hcHighlight,
+        colorNeutralCardBackgroundPressed: hcHighlight,
+        colorNeutralCardBackgroundSelected: hcHighlight,
+        colorNeutralCardBackgroundDisabled: hcCanvas,
+        colorNeutralStrokeAccessible: hcCanvasText,
+        colorNeutralStrokeAccessibleHover: hcHighlight,
+        colorNeutralStrokeAccessiblePressed: hcHighlight,
+        colorNeutralStrokeAccessibleSelected: hcHighlight,
+        colorNeutralStroke1: hcCanvasText,
+        colorNeutralStroke1Hover: hcHighlight,
+        colorNeutralStroke1Pressed: hcHighlight,
+        colorNeutralStroke1Selected: hcHighlight,
+        colorNeutralStroke2: hcCanvasText,
+        colorNeutralStroke3: hcCanvasText,
+        colorNeutralStroke4: hcCanvasText,
+        colorNeutralStroke4Hover: hcHighlight,
+        colorNeutralStroke4Pressed: hcHighlight,
+        colorNeutralStroke4Selected: hcHighlight,
+        colorNeutralStrokeSubtle: hcCanvasText,
+        colorNeutralStrokeOnBrand: hcCanvas,
+        colorNeutralStrokeOnBrand2: hcCanvasText,
+        colorNeutralStrokeOnBrand2Hover: hcCanvasText,
+        colorNeutralStrokeOnBrand2Pressed: hcCanvasText,
+        colorNeutralStrokeOnBrand2Selected: hcCanvasText,
+        colorBrandStroke1: hcCanvasText,
+        colorBrandStroke2: hcCanvasText,
+        colorBrandStroke2Hover: hcHighlight,
+        colorBrandStroke2Pressed: hcHighlight,
+        colorBrandStroke2Contrast: hcCanvas,
+        colorCompoundBrandStroke: hcHighlight,
+        colorCompoundBrandStrokeHover: hcHighlight,
+        colorCompoundBrandStrokePressed: hcHighlight,
+        colorNeutralStrokeDisabled: hcDisabled,
+        colorNeutralStrokeDisabled2: hcDisabled,
+        colorNeutralStrokeInvertedDisabled: hcDisabled,
+        colorTransparentStroke: hcCanvasText,
+        colorTransparentStrokeInteractive: hcHighlight,
+        colorTransparentStrokeDisabled: hcDisabled,
+        colorNeutralStrokeAlpha: hcCanvasText,
+        colorNeutralStrokeAlpha2: hcCanvas,
+        colorStrokeFocus1: hcCanvas,
+        colorStrokeFocus2: hcHighlight,
+        colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+        colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+    });

node_modules/@fluentui/tokens/lib/alias/highContrastColorPalette.js

@@ -0,0 +1,55 @@
+import { hcHighlight, hcCanvas, hcCanvasText } from "../global/colors.js";
+import { statusSharedColorNames, personaSharedColorNames } from "../sharedColorNames.js";
+import { statusColorMapping } from "../statusColorMapping.js";
+const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background1`]: hcCanvas,
+        [`colorPalette${color}Background2`]: hcCanvas,
+        [`colorPalette${color}Background3`]: hcCanvasText,
+        [`colorPalette${color}Foreground1`]: hcCanvasText,
+        [`colorPalette${color}Foreground2`]: hcCanvasText,
+        [`colorPalette${color}Foreground3`]: hcCanvasText,
+        [`colorPalette${color}BorderActive`]: hcHighlight,
+        [`colorPalette${color}Border1`]: hcCanvasText,
+        [`colorPalette${color}Border2`]: hcCanvasText
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+// one-off patches
+statusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;
+statusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;
+statusColorPaletteTokens.colorPaletteYellowForegroundInverted = hcCanvasText;
+const personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background2`]: hcCanvas,
+        [`colorPalette${color}Foreground2`]: hcCanvasText,
+        [`colorPalette${color}BorderActive`]: hcHighlight
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+export const colorPaletteTokens = {
+    ...statusColorPaletteTokens,
+    ...personaColorPaletteTokens
+};
+export const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
+    const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
+    // TODO: double check the mapping with design
+    const statusColorTokens = {
+        [`colorStatus${color}Background1`]: hcCanvas,
+        [`colorStatus${color}Background2`]: hcCanvas,
+        [`colorStatus${color}Background3`]: hcCanvasText,
+        [`colorStatus${color}Foreground1`]: hcCanvasText,
+        [`colorStatus${color}Foreground2`]: hcCanvasText,
+        [`colorStatus${color}Foreground3`]: hcCanvasText,
+        [`colorStatus${color}BorderActive`]: hcHighlight,
+        [`colorStatus${color}ForegroundInverted`]: hcCanvasText,
+        [`colorStatus${color}Border1`]: hcCanvasText,
+        [`colorStatus${color}Border2`]: hcCanvasText
+    };
+    return Object.assign(acc, statusColorTokens);
+}, {});
+// one-off overrides for colorStatus tokens
+colorStatusTokens.colorStatusDangerBackground3Hover = hcHighlight;
+colorStatusTokens.colorStatusDangerBackground3Pressed = hcHighlight;

node_modules/@fluentui/tokens/lib/alias/lightColor.js

@@ -0,0 +1,187 @@
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, white, whiteAlpha } from "../global/colors.js";
+export const generateColorTokens = (brand)=>({
+        colorNeutralForeground1: grey[14],
+        colorNeutralForeground1Hover: grey[14],
+        colorNeutralForeground1Pressed: grey[14],
+        colorNeutralForeground1Selected: grey[14],
+        colorNeutralForeground2: grey[26],
+        colorNeutralForeground2Hover: grey[14],
+        colorNeutralForeground2Pressed: grey[14],
+        colorNeutralForeground2Selected: grey[14],
+        colorNeutralForeground2BrandHover: brand[80],
+        colorNeutralForeground2BrandPressed: brand[70],
+        colorNeutralForeground2BrandSelected: brand[80],
+        colorNeutralForeground3: grey[38],
+        colorNeutralForeground3Hover: grey[26],
+        colorNeutralForeground3Pressed: grey[26],
+        colorNeutralForeground3Selected: grey[26],
+        colorNeutralForeground3BrandHover: brand[80],
+        colorNeutralForeground3BrandPressed: brand[70],
+        colorNeutralForeground3BrandSelected: brand[80],
+        colorNeutralForeground4: grey[44],
+        colorNeutralForeground5: grey[38],
+        colorNeutralForeground5Hover: grey[14],
+        colorNeutralForeground5Pressed: grey[14],
+        colorNeutralForeground5Selected: grey[14],
+        colorNeutralForegroundDisabled: grey[74],
+        colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
+        colorBrandForegroundLink: brand[70],
+        colorBrandForegroundLinkHover: brand[60],
+        colorBrandForegroundLinkPressed: brand[40],
+        colorBrandForegroundLinkSelected: brand[70],
+        colorNeutralForeground2Link: grey[26],
+        colorNeutralForeground2LinkHover: grey[14],
+        colorNeutralForeground2LinkPressed: grey[14],
+        colorNeutralForeground2LinkSelected: grey[14],
+        colorCompoundBrandForeground1: brand[80],
+        colorCompoundBrandForeground1Hover: brand[70],
+        colorCompoundBrandForeground1Pressed: brand[60],
+        colorBrandForeground1: brand[80],
+        colorBrandForeground2: brand[70],
+        colorBrandForeground2Hover: brand[60],
+        colorBrandForeground2Pressed: brand[30],
+        colorNeutralForeground1Static: grey[14],
+        colorNeutralForegroundStaticInverted: white,
+        colorNeutralForegroundInverted: white,
+        colorNeutralForegroundInvertedHover: white,
+        colorNeutralForegroundInvertedPressed: white,
+        colorNeutralForegroundInvertedSelected: white,
+        colorNeutralForegroundInverted2: white,
+        colorNeutralForegroundOnBrand: white,
+        colorNeutralForegroundInvertedLink: white,
+        colorNeutralForegroundInvertedLinkHover: white,
+        colorNeutralForegroundInvertedLinkPressed: white,
+        colorNeutralForegroundInvertedLinkSelected: white,
+        colorBrandForegroundInverted: brand[100],
+        colorBrandForegroundInvertedHover: brand[110],
+        colorBrandForegroundInvertedPressed: brand[100],
+        colorBrandForegroundOnLight: brand[80],
+        colorBrandForegroundOnLightHover: brand[70],
+        colorBrandForegroundOnLightPressed: brand[50],
+        colorBrandForegroundOnLightSelected: brand[60],
+        colorNeutralBackground1: white,
+        colorNeutralBackground1Hover: grey[96],
+        colorNeutralBackground1Pressed: grey[88],
+        colorNeutralBackground1Selected: grey[92],
+        colorNeutralBackground2: grey[98],
+        colorNeutralBackground2Hover: grey[94],
+        colorNeutralBackground2Pressed: grey[86],
+        colorNeutralBackground2Selected: grey[90],
+        colorNeutralBackground3: grey[96],
+        colorNeutralBackground3Hover: grey[92],
+        colorNeutralBackground3Pressed: grey[84],
+        colorNeutralBackground3Selected: grey[88],
+        colorNeutralBackground4: grey[94],
+        colorNeutralBackground4Hover: grey[98],
+        colorNeutralBackground4Pressed: grey[96],
+        colorNeutralBackground4Selected: white,
+        colorNeutralBackground5: grey[92],
+        colorNeutralBackground5Hover: grey[96],
+        colorNeutralBackground5Pressed: grey[94],
+        colorNeutralBackground5Selected: grey[98],
+        colorNeutralBackground6: grey[90],
+        colorNeutralBackground7: '#00000000',
+        colorNeutralBackground7Hover: grey[92],
+        colorNeutralBackground7Pressed: grey[84],
+        colorNeutralBackground7Selected: '#00000000',
+        colorNeutralBackground8: grey[99],
+        colorNeutralBackgroundInverted: grey[16],
+        colorNeutralBackgroundInvertedHover: grey[24],
+        colorNeutralBackgroundInvertedPressed: grey[12],
+        colorNeutralBackgroundInvertedSelected: grey[22],
+        colorNeutralBackgroundStatic: grey[20],
+        colorNeutralBackgroundAlpha: whiteAlpha[50],
+        colorNeutralBackgroundAlpha2: whiteAlpha[80],
+        colorSubtleBackground: 'transparent',
+        colorSubtleBackgroundHover: grey[96],
+        colorSubtleBackgroundPressed: grey[88],
+        colorSubtleBackgroundSelected: grey[92],
+        colorSubtleBackgroundLightAlphaHover: whiteAlpha[70],
+        colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50],
+        colorSubtleBackgroundLightAlphaSelected: 'transparent',
+        colorSubtleBackgroundInverted: 'transparent',
+        colorSubtleBackgroundInvertedHover: blackAlpha[10],
+        colorSubtleBackgroundInvertedPressed: blackAlpha[30],
+        colorSubtleBackgroundInvertedSelected: blackAlpha[20],
+        colorTransparentBackground: 'transparent',
+        colorTransparentBackgroundHover: 'transparent',
+        colorTransparentBackgroundPressed: 'transparent',
+        colorTransparentBackgroundSelected: 'transparent',
+        colorNeutralBackgroundDisabled: grey[94],
+        colorNeutralBackgroundDisabled2: white,
+        colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
+        colorNeutralStencil1: grey[90],
+        colorNeutralStencil2: grey[98],
+        colorNeutralStencil1Alpha: blackAlpha[10],
+        colorNeutralStencil2Alpha: blackAlpha[5],
+        colorBackgroundOverlay: blackAlpha[40],
+        colorScrollbarOverlay: blackAlpha[50],
+        colorBrandBackground: brand[80],
+        colorBrandBackgroundHover: brand[70],
+        colorBrandBackgroundPressed: brand[40],
+        colorBrandBackgroundSelected: brand[60],
+        colorCompoundBrandBackground: brand[80],
+        colorCompoundBrandBackgroundHover: brand[70],
+        colorCompoundBrandBackgroundPressed: brand[60],
+        colorBrandBackgroundStatic: brand[80],
+        colorBrandBackground2: brand[160],
+        colorBrandBackground2Hover: brand[150],
+        colorBrandBackground2Pressed: brand[130],
+        colorBrandBackground3Static: brand[60],
+        colorBrandBackground4Static: brand[40],
+        colorBrandBackgroundInverted: white,
+        colorBrandBackgroundInvertedHover: brand[160],
+        colorBrandBackgroundInvertedPressed: brand[140],
+        colorBrandBackgroundInvertedSelected: brand[150],
+        colorNeutralCardBackground: grey[98],
+        colorNeutralCardBackgroundHover: white,
+        colorNeutralCardBackgroundPressed: grey[96],
+        colorNeutralCardBackgroundSelected: grey[92],
+        colorNeutralCardBackgroundDisabled: grey[94],
+        colorNeutralStrokeAccessible: grey[38],
+        colorNeutralStrokeAccessibleHover: grey[34],
+        colorNeutralStrokeAccessiblePressed: grey[30],
+        colorNeutralStrokeAccessibleSelected: brand[80],
+        colorNeutralStroke1: grey[82],
+        colorNeutralStroke1Hover: grey[78],
+        colorNeutralStroke1Pressed: grey[70],
+        colorNeutralStroke1Selected: grey[74],
+        colorNeutralStroke2: grey[88],
+        colorNeutralStroke3: grey[94],
+        colorNeutralStroke4: grey[92],
+        colorNeutralStroke4Hover: grey[88],
+        colorNeutralStroke4Pressed: grey[84],
+        colorNeutralStroke4Selected: grey[92],
+        colorNeutralStrokeSubtle: grey[88],
+        colorNeutralStrokeOnBrand: white,
+        colorNeutralStrokeOnBrand2: white,
+        colorNeutralStrokeOnBrand2Hover: white,
+        colorNeutralStrokeOnBrand2Pressed: white,
+        colorNeutralStrokeOnBrand2Selected: white,
+        colorBrandStroke1: brand[80],
+        colorBrandStroke2: brand[140],
+        colorBrandStroke2Hover: brand[120],
+        colorBrandStroke2Pressed: brand[80],
+        colorBrandStroke2Contrast: brand[140],
+        colorCompoundBrandStroke: brand[80],
+        colorCompoundBrandStrokeHover: brand[70],
+        colorCompoundBrandStrokePressed: brand[60],
+        colorNeutralStrokeDisabled: grey[88],
+        colorNeutralStrokeDisabled2: grey[92],
+        colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
+        colorTransparentStroke: 'transparent',
+        colorTransparentStrokeInteractive: 'transparent',
+        colorTransparentStrokeDisabled: 'transparent',
+        colorNeutralStrokeAlpha: blackAlpha[5],
+        colorNeutralStrokeAlpha2: whiteAlpha[20],
+        colorStrokeFocus1: white,
+        colorStrokeFocus2: black,
+        colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
+        colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
+        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
+        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
+        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
+        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
+        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+    });

node_modules/@fluentui/tokens/lib/alias/lightColorPalette.js

@@ -0,0 +1,59 @@
+import { statusSharedColors, personaSharedColors, mappedStatusColors } from "../global/colorPalette.js";
+import { statusSharedColorNames, personaSharedColorNames } from "../sharedColorNames.js";
+import { statusColorMapping } from "../statusColorMapping.js";
+const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,
+        [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,
+        [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,
+        [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,
+        [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,
+        [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,
+        [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,
+        [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,
+        [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+// one-off patch for yellow
+statusColorPaletteTokens.colorPaletteYellowForeground1 = statusSharedColors.yellow.shade30;
+statusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.tint20;
+statusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.tint20;
+statusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.tint40;
+const personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,
+        [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,
+        [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+export const colorPaletteTokens = {
+    ...statusColorPaletteTokens,
+    ...personaColorPaletteTokens
+};
+export const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
+    const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
+    // TODO: double check the mapping with design
+    const statusColorTokens = {
+        [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].tint60,
+        [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].tint40,
+        [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,
+        [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].shade10,
+        [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].shade30,
+        [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].primary,
+        [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].tint30,
+        [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].primary,
+        [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].tint40,
+        [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].primary
+    };
+    return Object.assign(acc, statusColorTokens);
+}, {});
+// one-off overrides for colorStatus tokens
+colorStatusTokens.colorStatusDangerBackground3Hover = mappedStatusColors[statusColorMapping.danger].shade10;
+colorStatusTokens.colorStatusDangerBackground3Pressed = mappedStatusColors[statusColorMapping.danger].shade20;
+colorStatusTokens.colorStatusWarningForeground1 = mappedStatusColors[statusColorMapping.warning].shade20;
+colorStatusTokens.colorStatusWarningForeground3 = mappedStatusColors[statusColorMapping.warning].shade20;
+colorStatusTokens.colorStatusWarningBorder2 = mappedStatusColors[statusColorMapping.warning].shade20;

node_modules/@fluentui/tokens/lib/alias/teamsDarkColor.js

@@ -0,0 +1,187 @@
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from "../global/colors.js";
+export const generateColorTokens = (brand)=>({
+        colorNeutralForeground1: white,
+        colorNeutralForeground1Hover: white,
+        colorNeutralForeground1Pressed: white,
+        colorNeutralForeground1Selected: white,
+        colorNeutralForeground2: grey[84],
+        colorNeutralForeground2Hover: white,
+        colorNeutralForeground2Pressed: white,
+        colorNeutralForeground2Selected: white,
+        colorNeutralForeground2BrandHover: brand[100],
+        colorNeutralForeground2BrandPressed: brand[90],
+        colorNeutralForeground2BrandSelected: brand[100],
+        colorNeutralForeground3: grey[68],
+        colorNeutralForeground3Hover: grey[84],
+        colorNeutralForeground3Pressed: grey[84],
+        colorNeutralForeground3Selected: grey[84],
+        colorNeutralForeground3BrandHover: brand[100],
+        colorNeutralForeground3BrandPressed: brand[90],
+        colorNeutralForeground3BrandSelected: brand[100],
+        colorNeutralForeground4: grey[60],
+        colorNeutralForeground5: grey[68],
+        colorNeutralForeground5Hover: white,
+        colorNeutralForeground5Pressed: white,
+        colorNeutralForeground5Selected: white,
+        colorNeutralForegroundDisabled: grey[36],
+        colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
+        colorBrandForegroundLink: brand[100],
+        colorBrandForegroundLinkHover: brand[110],
+        colorBrandForegroundLinkPressed: brand[90],
+        colorBrandForegroundLinkSelected: brand[100],
+        colorNeutralForeground2Link: grey[84],
+        colorNeutralForeground2LinkHover: white,
+        colorNeutralForeground2LinkPressed: white,
+        colorNeutralForeground2LinkSelected: white,
+        colorCompoundBrandForeground1: brand[100],
+        colorCompoundBrandForeground1Hover: brand[110],
+        colorCompoundBrandForeground1Pressed: brand[90],
+        colorBrandForeground1: brand[100],
+        colorBrandForeground2: brand[120],
+        colorBrandForeground2Hover: brand[130],
+        colorBrandForeground2Pressed: brand[160],
+        colorNeutralForeground1Static: grey[14],
+        colorNeutralForegroundStaticInverted: white,
+        colorNeutralForegroundInverted: grey[14],
+        colorNeutralForegroundInvertedHover: grey[14],
+        colorNeutralForegroundInvertedPressed: grey[14],
+        colorNeutralForegroundInvertedSelected: grey[14],
+        colorNeutralForegroundInverted2: grey[14],
+        colorNeutralForegroundOnBrand: white,
+        colorNeutralForegroundInvertedLink: white,
+        colorNeutralForegroundInvertedLinkHover: white,
+        colorNeutralForegroundInvertedLinkPressed: white,
+        colorNeutralForegroundInvertedLinkSelected: white,
+        colorBrandForegroundInverted: brand[80],
+        colorBrandForegroundInvertedHover: brand[70],
+        colorBrandForegroundInvertedPressed: brand[60],
+        colorBrandForegroundOnLight: brand[80],
+        colorBrandForegroundOnLightHover: brand[70],
+        colorBrandForegroundOnLightPressed: brand[50],
+        colorBrandForegroundOnLightSelected: brand[60],
+        colorNeutralBackground1: grey[16],
+        colorNeutralBackground1Hover: grey[24],
+        colorNeutralBackground1Pressed: grey[12],
+        colorNeutralBackground1Selected: grey[22],
+        colorNeutralBackground2: grey[14],
+        colorNeutralBackground2Hover: grey[22],
+        colorNeutralBackground2Pressed: grey[10],
+        colorNeutralBackground2Selected: grey[20],
+        colorNeutralBackground3: grey[12],
+        colorNeutralBackground3Hover: grey[20],
+        colorNeutralBackground3Pressed: grey[8],
+        colorNeutralBackground3Selected: grey[18],
+        colorNeutralBackground4: grey[8],
+        colorNeutralBackground4Hover: grey[16],
+        colorNeutralBackground4Pressed: grey[4],
+        colorNeutralBackground4Selected: grey[14],
+        colorNeutralBackground5: grey[4],
+        colorNeutralBackground5Hover: grey[12],
+        colorNeutralBackground5Pressed: black,
+        colorNeutralBackground5Selected: grey[10],
+        colorNeutralBackground6: grey[20],
+        colorNeutralBackground7: '#00000000',
+        colorNeutralBackground7Hover: grey[10],
+        colorNeutralBackground7Pressed: grey[4],
+        colorNeutralBackground7Selected: '#00000000',
+        colorNeutralBackground8: grey[16],
+        colorNeutralBackgroundInverted: white,
+        colorNeutralBackgroundInvertedHover: grey[96],
+        colorNeutralBackgroundInvertedPressed: grey[88],
+        colorNeutralBackgroundInvertedSelected: grey[92],
+        colorNeutralBackgroundStatic: grey[24],
+        colorNeutralBackgroundAlpha: grey10Alpha[50],
+        colorNeutralBackgroundAlpha2: grey12Alpha[70],
+        colorSubtleBackground: 'transparent',
+        colorSubtleBackgroundHover: grey[22],
+        colorSubtleBackgroundPressed: grey[18],
+        colorSubtleBackgroundSelected: grey[20],
+        colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],
+        colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],
+        colorSubtleBackgroundLightAlphaSelected: 'transparent',
+        colorSubtleBackgroundInverted: 'transparent',
+        colorSubtleBackgroundInvertedHover: blackAlpha[10],
+        colorSubtleBackgroundInvertedPressed: blackAlpha[30],
+        colorSubtleBackgroundInvertedSelected: blackAlpha[20],
+        colorTransparentBackground: 'transparent',
+        colorTransparentBackgroundHover: 'transparent',
+        colorTransparentBackgroundPressed: 'transparent',
+        colorTransparentBackgroundSelected: 'transparent',
+        colorNeutralBackgroundDisabled: grey[8],
+        colorNeutralBackgroundDisabled2: grey[16],
+        colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
+        colorNeutralStencil1: grey[34],
+        colorNeutralStencil2: grey[20],
+        colorNeutralStencil1Alpha: whiteAlpha[10],
+        colorNeutralStencil2Alpha: whiteAlpha[5],
+        colorBackgroundOverlay: blackAlpha[50],
+        colorScrollbarOverlay: whiteAlpha[60],
+        colorBrandBackground: brand[70],
+        colorBrandBackgroundHover: brand[80],
+        colorBrandBackgroundPressed: brand[40],
+        colorBrandBackgroundSelected: brand[60],
+        colorCompoundBrandBackground: brand[100],
+        colorCompoundBrandBackgroundHover: brand[110],
+        colorCompoundBrandBackgroundPressed: brand[90],
+        colorBrandBackgroundStatic: brand[80],
+        colorBrandBackground2: brand[20],
+        colorBrandBackground2Hover: brand[40],
+        colorBrandBackground2Pressed: brand[10],
+        colorBrandBackground3Static: brand[60],
+        colorBrandBackground4Static: brand[40],
+        colorBrandBackgroundInverted: white,
+        colorBrandBackgroundInvertedHover: brand[160],
+        colorBrandBackgroundInvertedPressed: brand[140],
+        colorBrandBackgroundInvertedSelected: brand[150],
+        colorNeutralCardBackground: grey[20],
+        colorNeutralCardBackgroundHover: grey[24],
+        colorNeutralCardBackgroundPressed: grey[18],
+        colorNeutralCardBackgroundSelected: grey[22],
+        colorNeutralCardBackgroundDisabled: grey[8],
+        colorNeutralStrokeAccessible: grey[68],
+        colorNeutralStrokeAccessibleHover: grey[74],
+        colorNeutralStrokeAccessiblePressed: grey[70],
+        colorNeutralStrokeAccessibleSelected: brand[100],
+        colorNeutralStroke1: grey[40],
+        colorNeutralStroke1Hover: grey[46],
+        colorNeutralStroke1Pressed: grey[42],
+        colorNeutralStroke1Selected: grey[44],
+        colorNeutralStroke2: grey[32],
+        colorNeutralStroke3: grey[24],
+        colorNeutralStroke4: grey[24],
+        colorNeutralStroke4Hover: grey[18],
+        colorNeutralStroke4Pressed: grey[14],
+        colorNeutralStroke4Selected: grey[24],
+        colorNeutralStrokeSubtle: grey[4],
+        colorNeutralStrokeOnBrand: grey[16],
+        colorNeutralStrokeOnBrand2: white,
+        colorNeutralStrokeOnBrand2Hover: white,
+        colorNeutralStrokeOnBrand2Pressed: white,
+        colorNeutralStrokeOnBrand2Selected: white,
+        colorBrandStroke1: brand[100],
+        colorBrandStroke2: brand[50],
+        colorBrandStroke2Hover: brand[50],
+        colorBrandStroke2Pressed: brand[30],
+        colorBrandStroke2Contrast: brand[50],
+        colorCompoundBrandStroke: brand[90],
+        colorCompoundBrandStrokeHover: brand[100],
+        colorCompoundBrandStrokePressed: brand[80],
+        colorNeutralStrokeDisabled: grey[26],
+        colorNeutralStrokeDisabled2: grey[24],
+        colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
+        colorTransparentStroke: 'transparent',
+        colorTransparentStrokeInteractive: 'transparent',
+        colorTransparentStrokeDisabled: 'transparent',
+        colorNeutralStrokeAlpha: whiteAlpha[10],
+        colorNeutralStrokeAlpha2: whiteAlpha[20],
+        colorStrokeFocus1: black,
+        colorStrokeFocus2: white,
+        colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+        colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+    });

node_modules/@fluentui/tokens/lib/alias/teamsFontFamilies.js

@@ -0,0 +1,5 @@
+import { fontFamilies as globalFontFamilies } from "../global/fonts.js";
+export const fontFamilies = {
+    ...globalFontFamilies,
+    fontFamilyBase: '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", sans-serif'
+};

node_modules/@fluentui/tokens/lib/alias/teamsFontFamilies.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/alias/teamsFontFamilies.ts"],"sourcesContent":["import { fontFamilies as globalFontFamilies } from '../global/fonts';\n\nexport const fontFamilies = {\n  ...globalFontFamilies,\n  fontFamilyBase:\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, \"Apple Color Emoji\", \"Segoe UI Emoji\", sans-serif',\n};\n"],"names":["fontFamilies","globalFontFamilies","fontFamilyBase"],"mappings":"AAAA,SAASA,gBAAgBC,kBAAkB,QAAQ,qBAAkB;AAErE,OAAO,MAAMD,eAAe;IAC1B,GAAGC,kBAAkB;IACrBC,gBACE;AACJ,EAAE"}

node_modules/@fluentui/tokens/lib/global/borderRadius.js

@@ -0,0 +1,13 @@
+export const borderRadius = {
+    borderRadiusNone: '0',
+    borderRadiusSmall: '2px',
+    borderRadiusMedium: '4px',
+    borderRadiusLarge: '6px',
+    borderRadiusXLarge: '8px',
+    borderRadius2XLarge: '12px',
+    borderRadius3XLarge: '16px',
+    borderRadius4XLarge: '24px',
+    borderRadius5XLarge: '32px',
+    borderRadius6XLarge: '40px',
+    borderRadiusCircular: '10000px'
+};

node_modules/@fluentui/tokens/lib/global/borderRadius.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/global/borderRadius.ts"],"sourcesContent":["import type { BorderRadiusTokens } from '../types';\n\nexport const borderRadius: BorderRadiusTokens = {\n  borderRadiusNone: '0',\n  borderRadiusSmall: '2px',\n  borderRadiusMedium: '4px',\n  borderRadiusLarge: '6px',\n  borderRadiusXLarge: '8px',\n  borderRadius2XLarge: '12px',\n  borderRadius3XLarge: '16px',\n  borderRadius4XLarge: '24px',\n  borderRadius5XLarge: '32px',\n  borderRadius6XLarge: '40px',\n  borderRadiusCircular: '10000px',\n};\n"],"names":["borderRadius","borderRadiusNone","borderRadiusSmall","borderRadiusMedium","borderRadiusLarge","borderRadiusXLarge","borderRadius2XLarge","borderRadius3XLarge","borderRadius4XLarge","borderRadius5XLarge","borderRadius6XLarge","borderRadiusCircular"],"mappings":"AAEA,OAAO,MAAMA,eAAmC;IAC9CC,kBAAkB;IAClBC,mBAAmB;IACnBC,oBAAoB;IACpBC,mBAAmB;IACnBC,oBAAoB;IACpBC,qBAAqB;IACrBC,qBAAqB;IACrBC,qBAAqB;IACrBC,qBAAqB;IACrBC,qBAAqB;IACrBC,sBAAsB;AACxB,EAAE"}