@fluentui/react-theme 9.0.0-rc.5 → 9.0.0-rc.6

package/lib-commonjs/types.d.ts

@@ -27,6 +27,10 @@ export declare type ColorTokens = {
     colorBrandForegroundLinkHover: string;
     colorBrandForegroundLinkPressed: string;
     colorBrandForegroundLinkSelected: string;
+    colorNeutralForeground2Link: string;
+    colorNeutralForeground2LinkHover: string;
+    colorNeutralForeground2LinkPressed: string;
+    colorNeutralForeground2LinkSelected: string;
     colorCompoundBrandForeground1: string;
     colorCompoundBrandForeground1Hover: string;
     colorCompoundBrandForeground1Pressed: string;
@@ -305,6 +309,30 @@ export declare type TextAlignments = {
     end: TextAlignment;
     justify: TextAlignment;
 };
+declare type TypographyStyle = {
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+};
+export declare type TypographyStyles = {
+    body1: TypographyStyle;
+    body1Strong: TypographyStyle;
+    body1Stronger: 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;
+};
 export declare type BorderRadiusTokens = {
     borderRadiusNone: string;
     borderRadiusSmall: string;
@@ -319,6 +347,65 @@ export declare type StrokeWidthTokens = {
     strokeWidthThicker: string;
     strokeWidthThickest: 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;
+};
+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 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 type DurationTokens = {
+    durationUltraFast: string;
+    durationFaster: string;
+    durationFast: string;
+    durationNormal: string;
+    durationSlow: string;
+    durationSlower: string;
+    durationUltraSlow: string;
+};
+export declare type CurveTokens = {
+    curveAccelerateMax: string;
+    curveAccelerateMid: string;
+    curveAccelerateMin: string;
+    curveDecelerateMax: string;
+    curveDecelerateMid: string;
+    curveDecelerateMin: string;
+    curveEasyEaseMax: string;
+    curveEasyEase: string;
+    curveLinear: string;
+};
 /**
  * Design tokens for shadow levels
  */
@@ -340,5 +427,6 @@ export declare type ShadowBrandTokens = {
 };
 export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 | 56 | 58 | 60 | 62 | 64 | 66 | 68 | 70 | 72 | 74 | 76 | 78 | 80 | 82 | 84 | 86 | 88 | 90 | 92 | 94 | 96 | 98 | 100;
 export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
-export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
+export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
 export declare type PartialTheme = Partial<Theme>;
+export {};

package/lib-commonjs/utils/createDarkTheme.js

@@ -13,6 +13,12 @@ const index_1 = /*#__PURE__*/require("../global/index");
 
 const shadows_1 = /*#__PURE__*/require("./shadows");
 
+const durations_1 = /*#__PURE__*/require("../global/durations");
+
+const curves_1 = /*#__PURE__*/require("../global/curves");
+
+const spacings_1 = /*#__PURE__*/require("../global/spacings");
+
 const createDarkTheme = brand => {
   const colorTokens = darkColor_1.generateColorTokens(brand);
   return { ...index_1.borderRadius,
@@ -21,6 +27,10 @@ const createDarkTheme = brand => {
     ...index_1.fontFamilies,
     ...index_1.fontWeights,
     ...index_1.strokeWidths,
+    ...spacings_1.horizontalSpacings,
+    ...spacings_1.verticalSpacings,
+    ...durations_1.durations,
+    ...curves_1.curves,
     ...colorTokens,
     ...darkColorPalette_1.colorPaletteTokens,
     ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),

package/lib-commonjs/utils/createDarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils/createDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,eAAe,GAAoC,KAAK,IAAG;AACtE,QAAM,WAAW,GAAG,WAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,kBAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXE;AAYL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAZE,GAAP;AAcD,CAjBM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourcesContent":["import { colorPaletteTokens } 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';\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\n    ...colorTokens,\n    ...colorPaletteTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["utils/createDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAEA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAEO,MAAM,eAAe,GAAoC,KAAK,IAAG;AACtE,QAAM,WAAW,GAAG,WAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAOL,OAAG,UAAA,CAAA,kBAPE;AAQL,OAAG,UAAA,CAAA,gBARE;AASL,OAAG,WAAA,CAAA,SATE;AAUL,OAAG,QAAA,CAAA,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,kBAAA,CAAA,kBAbE;AAeL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAfE;AAgBL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAhBE,GAAP;AAkBD,CArBM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourcesContent":["import { colorPaletteTokens } 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\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/createHighContrastTheme.js

@@ -13,6 +13,12 @@ const index_1 = /*#__PURE__*/require("../global/index");
 
 const shadows_1 = /*#__PURE__*/require("./shadows");
 
+const durations_1 = /*#__PURE__*/require("../global/durations");
+
+const curves_1 = /*#__PURE__*/require("../global/curves");
+
+const spacings_1 = /*#__PURE__*/require("../global/spacings");
+
 const createHighContrastTheme = () => {
   const colorTokens = highContrastColor_1.generateColorTokens();
   return { ...index_1.borderRadius,
@@ -21,6 +27,10 @@ const createHighContrastTheme = () => {
     ...index_1.fontFamilies,
     ...index_1.fontWeights,
     ...index_1.strokeWidths,
+    ...spacings_1.horizontalSpacings,
+    ...spacings_1.verticalSpacings,
+    ...durations_1.durations,
+    ...curves_1.curves,
     ...colorTokens,
     ...highContrastColorPalette_1.colorPaletteTokens,
     ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),

package/lib-commonjs/utils/createHighContrastTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,0BAAA,gBAAA,OAAA,CAAA,mCAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,uBAAuB,GAAG,MAAY;AACjD,QAAM,WAAW,GAAG,mBAAA,CAAA,mBAAA,EAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,0BAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXE;AAYL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAZE,GAAP;AAcD,CAjBM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourcesContent":["import { colorPaletteTokens } 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';\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\n    ...colorTokens,\n    ...colorPaletteTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,0BAAA,gBAAA,OAAA,CAAA,mCAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAEA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAEO,MAAM,uBAAuB,GAAG,MAAY;AACjD,QAAM,WAAW,GAAG,mBAAA,CAAA,mBAAA,EAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAOL,OAAG,UAAA,CAAA,kBAPE;AAQL,OAAG,UAAA,CAAA,gBARE;AASL,OAAG,WAAA,CAAA,SATE;AAUL,OAAG,QAAA,CAAA,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,0BAAA,CAAA,kBAbE;AAeL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAfE;AAgBL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAhBE,GAAP;AAkBD,CArBM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourcesContent":["import { colorPaletteTokens } 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\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/createLightTheme.js

@@ -13,6 +13,12 @@ const index_1 = /*#__PURE__*/require("../global/index");
 
 const shadows_1 = /*#__PURE__*/require("./shadows");
 
+const durations_1 = /*#__PURE__*/require("../global/durations");
+
+const curves_1 = /*#__PURE__*/require("../global/curves");
+
+const spacings_1 = /*#__PURE__*/require("../global/spacings");
+
 const createLightTheme = brand => {
   const colorTokens = lightColor_1.generateColorTokens(brand);
   return { ...index_1.borderRadius,
@@ -21,6 +27,10 @@ const createLightTheme = brand => {
     ...index_1.fontFamilies,
     ...index_1.fontWeights,
     ...index_1.strokeWidths,
+    ...spacings_1.horizontalSpacings,
+    ...spacings_1.verticalSpacings,
+    ...durations_1.durations,
+    ...curves_1.curves,
     ...colorTokens,
     ...lightColorPalette_1.colorPaletteTokens,
     ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),

package/lib-commonjs/utils/createLightTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,gBAAgB,GAAoC,KAAK,IAAG;AACvE,QAAM,WAAW,GAAG,YAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,mBAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXE;AAYL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAZE,GAAP;AAcD,CAjBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourcesContent":["import { colorPaletteTokens } 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';\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\n    ...colorTokens,\n    ...colorPaletteTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAEA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAEO,MAAM,gBAAgB,GAAoC,KAAK,IAAG;AACvE,QAAM,WAAW,GAAG,YAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAOL,OAAG,UAAA,CAAA,kBAPE;AAQL,OAAG,UAAA,CAAA,gBARE;AASL,OAAG,WAAA,CAAA,SATE;AAUL,OAAG,QAAA,CAAA,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,mBAAA,CAAA,kBAbE;AAeL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAfE;AAgBL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAhBE,GAAP;AAkBD,CArBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourcesContent":["import { colorPaletteTokens } 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\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/createTeamsDarkTheme.js

@@ -13,6 +13,12 @@ const index_1 = /*#__PURE__*/require("../global/index");
 
 const shadows_1 = /*#__PURE__*/require("./shadows");
 
+const durations_1 = /*#__PURE__*/require("../global/durations");
+
+const curves_1 = /*#__PURE__*/require("../global/curves");
+
+const spacings_1 = /*#__PURE__*/require("../global/spacings");
+
 const createTeamsDarkTheme = brand => {
   const colorTokens = teamsDarkColor_1.generateColorTokens(brand);
   return { ...index_1.borderRadius,
@@ -21,6 +27,10 @@ const createTeamsDarkTheme = brand => {
     ...index_1.fontFamilies,
     ...index_1.fontWeights,
     ...index_1.strokeWidths,
+    ...spacings_1.horizontalSpacings,
+    ...spacings_1.verticalSpacings,
+    ...durations_1.durations,
+    ...curves_1.curves,
     ...colorTokens,
     ...teamsDarkColorPalette_1.colorPaletteTokens,
     ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),

package/lib-commonjs/utils/createTeamsDarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,uBAAA,gBAAA,OAAA,CAAA,gCAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;AAC3E,QAAM,WAAW,GAAG,gBAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,uBAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXE;AAYL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAZE,GAAP;AAcD,CAjBM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import { colorPaletteTokens } from '../alias/teamsDarkColorPalette';\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';\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\n    ...colorTokens,\n    ...colorPaletteTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,uBAAA,gBAAA,OAAA,CAAA,gCAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAEA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAEO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;AAC3E,QAAM,WAAW,GAAG,gBAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAOL,OAAG,UAAA,CAAA,kBAPE;AAQL,OAAG,UAAA,CAAA,gBARE;AASL,OAAG,WAAA,CAAA,SATE;AAUL,OAAG,QAAA,CAAA,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,uBAAA,CAAA,kBAbE;AAeL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAfE;AAgBL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAhBE,GAAP;AAkBD,CArBM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import { colorPaletteTokens } from '../alias/teamsDarkColorPalette';\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\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-theme",
-  "version": "9.0.0-rc.5",
+  "version": "9.0.0-rc.6",
   "description": "Fluent UI themes",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,10 +19,10 @@
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "start": "yarn storybook",
-    "storybook": "node ../../scripts/storybook/runner",
+    "storybook": "node ../../../scripts/storybook/runner",
     "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-theme/src && yarn docs",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-theme/src && yarn docs",
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {