@fluentui/react-theme 9.0.0-alpha.24 → 9.0.0-alpha.26

package/lib/global/borderRadius.js

@@ -1,9 +1,9 @@
 export var borderRadius = {
-  none: '0',
-  small: '2px',
-  medium: '4px',
-  large: '6px',
-  xLarge: '8px',
-  circular: '10000px'
+  borderRadiusNone: '0',
+  borderRadiusSmall: '2px',
+  borderRadiusMedium: '4px',
+  borderRadiusLarge: '6px',
+  borderRadiusXLarge: '8px',
+  borderRadiusCircular: '10000px'
 };
 //# sourceMappingURL=borderRadius.js.map

package/lib/global/borderRadius.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/global/borderRadius.ts"],"names":[],"mappings":"AAEA,OAAO,IAAM,YAAY,GAAiB;AACxC,EAAA,IAAI,EAAE,GADkC;AAExC,EAAA,KAAK,EAAE,KAFiC;AAGxC,EAAA,MAAM,EAAE,KAHgC;AAIxC,EAAA,KAAK,EAAE,KAJiC;AAKxC,EAAA,MAAM,EAAE,KALgC;AAMxC,EAAA,QAAQ,EAAE;AAN8B,CAAnC","sourceRoot":""}
+{"version":3,"sources":["../../src/global/borderRadius.ts"],"names":[],"mappings":"AAEA,OAAO,IAAM,YAAY,GAAuB;AAC9C,EAAA,gBAAgB,EAAE,GAD4B;AAE9C,EAAA,iBAAiB,EAAE,KAF2B;AAG9C,EAAA,kBAAkB,EAAE,KAH0B;AAI9C,EAAA,iBAAiB,EAAE,KAJ2B;AAK9C,EAAA,kBAAkB,EAAE,KAL0B;AAM9C,EAAA,oBAAoB,EAAE;AANwB,CAAzC","sourceRoot":""}

package/lib/global/brandColors.d.ts

@@ -1,4 +1,3 @@
-import type { BrandVariants, ProductBrandColors } from '../types';
+import type { BrandVariants } from '../types';
 export declare const brandWeb: BrandVariants;
 export declare const brandTeams: BrandVariants;
-export declare const brandColors: ProductBrandColors;

package/lib/global/brandColors.js

@@ -30,8 +30,4 @@ export var brandTeams = {
   tint50: '#DBDCF0',
   tint60: '#E9EAF6'
 };
-export var brandColors = {
-  teams: brandTeams,
-  web: brandWeb
-};
 //# sourceMappingURL=brandColors.js.map

package/lib/global/brandColors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/global/brandColors.ts"],"names":[],"mappings":"AAEA;AACA,OAAO,IAAM,QAAQ,GAAkB;AACrC,EAAA,OAAO,EAAE,SAD4B;AAErC,EAAA,OAAO,EAAE,SAF4B;AAGrC,EAAA,OAAO,EAAE,SAH4B;AAIrC,EAAA,OAAO,EAAE,SAJ4B;AAKrC,EAAA,OAAO,EAAE,SAL4B;AAMrC,EAAA,OAAO,EAAE,SAN4B;AAOrC,EAAA,OAAO,EAAE,SAP4B;AAQrC,EAAA,MAAM,EAAE,SAR6B;AASrC,EAAA,MAAM,EAAE,SAT6B;AAUrC,EAAA,MAAM,EAAE,SAV6B;AAWrC,EAAA,MAAM,EAAE,SAX6B;AAYrC,EAAA,MAAM,EAAE,SAZ6B;AAarC,EAAA,MAAM,EAAE;AAb6B,CAAhC,C,CAgBP;;AACA,OAAO,IAAM,UAAU,GAAkB;AACvC,EAAA,OAAO,EAAE,SAD8B;AAEvC,EAAA,OAAO,EAAE,SAF8B;AAGvC,EAAA,OAAO,EAAE,SAH8B;AAIvC,EAAA,OAAO,EAAE,SAJ8B;AAKvC,EAAA,OAAO,EAAE,SAL8B;AAMvC,EAAA,OAAO,EAAE,SAN8B;AAOvC,EAAA,OAAO,EAAE,SAP8B;AAQvC,EAAA,MAAM,EAAE,SAR+B;AASvC,EAAA,MAAM,EAAE,SAT+B;AAUvC,EAAA,MAAM,EAAE,SAV+B;AAWvC,EAAA,MAAM,EAAE,SAX+B;AAYvC,EAAA,MAAM,EAAE,SAZ+B;AAavC,EAAA,MAAM,EAAE;AAb+B,CAAlC;AAgBP,OAAO,IAAM,WAAW,GAAuB;AAC7C,EAAA,KAAK,EAAE,UADsC;AAE7C,EAAA,GAAG,EAAE;AAFwC,CAAxC","sourceRoot":""}
+{"version":3,"sources":["../../src/global/brandColors.ts"],"names":[],"mappings":"AAEA;AACA,OAAO,IAAM,QAAQ,GAAkB;AACrC,EAAA,OAAO,EAAE,SAD4B;AAErC,EAAA,OAAO,EAAE,SAF4B;AAGrC,EAAA,OAAO,EAAE,SAH4B;AAIrC,EAAA,OAAO,EAAE,SAJ4B;AAKrC,EAAA,OAAO,EAAE,SAL4B;AAMrC,EAAA,OAAO,EAAE,SAN4B;AAOrC,EAAA,OAAO,EAAE,SAP4B;AAQrC,EAAA,MAAM,EAAE,SAR6B;AASrC,EAAA,MAAM,EAAE,SAT6B;AAUrC,EAAA,MAAM,EAAE,SAV6B;AAWrC,EAAA,MAAM,EAAE,SAX6B;AAYrC,EAAA,MAAM,EAAE,SAZ6B;AAarC,EAAA,MAAM,EAAE;AAb6B,CAAhC,C,CAgBP;;AACA,OAAO,IAAM,UAAU,GAAkB;AACvC,EAAA,OAAO,EAAE,SAD8B;AAEvC,EAAA,OAAO,EAAE,SAF8B;AAGvC,EAAA,OAAO,EAAE,SAH8B;AAIvC,EAAA,OAAO,EAAE,SAJ8B;AAKvC,EAAA,OAAO,EAAE,SAL8B;AAMvC,EAAA,OAAO,EAAE,SAN8B;AAOvC,EAAA,OAAO,EAAE,SAP8B;AAQvC,EAAA,MAAM,EAAE,SAR+B;AASvC,EAAA,MAAM,EAAE,SAT+B;AAUvC,EAAA,MAAM,EAAE,SAV+B;AAWvC,EAAA,MAAM,EAAE,SAX+B;AAYvC,EAAA,MAAM,EAAE,SAZ+B;AAavC,EAAA,MAAM,EAAE;AAb+B,CAAlC","sourceRoot":""}

package/lib/global/fonts.d.ts

@@ -1,6 +1,5 @@
-import type { FontFamilies, FontSizes, FontWeights, LineHeights, TextAlignments } from '../types';
-export declare const fontSizes: FontSizes;
-export declare const lineHeights: LineHeights;
-export declare const fontWeights: FontWeights;
-export declare const fontFamilies: FontFamilies;
-export declare const textAlignments: TextAlignments;
+import type { FontFamilyTokens, FontSizeTokens, FontWeightTokens, LineHeightTokens } from '../types';
+export declare const fontSizes: FontSizeTokens;
+export declare const lineHeights: LineHeightTokens;
+export declare const fontWeights: FontWeightTokens;
+export declare const fontFamilies: FontFamilyTokens;

package/lib/global/fonts.js

@@ -1,51 +1,37 @@
 export var fontSizes = {
-  base: {
-    100: '10px',
-    200: '12px',
-    300: '14px',
-    400: '16px',
-    500: '20px',
-    600: '24px'
-  },
-  hero: {
-    700: '28px',
-    800: '32px',
-    900: '40px',
-    1000: '68px'
-  }
+  fontSizeBase100: '10px',
+  fontSizeBase200: '12px',
+  fontSizeBase300: '14px',
+  fontSizeBase400: '16px',
+  fontSizeBase500: '20px',
+  fontSizeBase600: '24px',
+  fontSizeHero700: '28px',
+  fontSizeHero800: '32px',
+  fontSizeHero900: '40px',
+  fontSizeHero1000: '68px'
 };
 export var lineHeights = {
-  base: {
-    100: '14px',
-    200: '16px',
-    300: '20px',
-    400: '22px',
-    500: '28px',
-    600: '32px'
-  },
-  hero: {
-    700: '36px',
-    800: '40px',
-    900: '52px',
-    1000: '92px'
-  }
+  lineHeightBase100: '14px',
+  lineHeightBase200: '16px',
+  lineHeightBase300: '20px',
+  lineHeightBase400: '22px',
+  lineHeightBase500: '28px',
+  lineHeightBase600: '32px',
+  lineHeightHero700: '36px',
+  lineHeightHero800: '40px',
+  lineHeightHero900: '52px',
+  lineHeightHero1000: '92px'
 };
 export var fontWeights = {
-  regular: 400,
-  medium: 500,
-  semibold: 600
+  fontWeightRegular: 400,
+  fontWeightMedium: 500,
+  fontWeightSemibold: 600
 };
 export var fontFamilies = {
-  base: // eslint-disable-next-line @fluentui/max-len
+  fontFamilyBase: // eslint-disable-next-line @fluentui/max-len
   "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
-  monospace: "Consolas, 'Courier New', Courier, monospace",
-  numeric: // eslint-disable-next-line @fluentui/max-len
+  fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace",
+  fontFamilyNumeric: // eslint-disable-next-line @fluentui/max-len
   "Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"
 };
-export var textAlignments = {
-  center: 'center',
-  end: 'end',
-  justify: 'justify',
-  start: 'start'
-};
 //# sourceMappingURL=fonts.js.map

package/lib/global/fonts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/global/fonts.ts"],"names":[],"mappings":"AAEA,OAAO,IAAM,SAAS,GAAc;AAClC,EAAA,IAAI,EAAE;AACJ,SAAK,MADD;AAEJ,SAAK,MAFD;AAGJ,SAAK,MAHD;AAIJ,SAAK,MAJD;AAKJ,SAAK,MALD;AAMJ,SAAK;AAND,GAD4B;AASlC,EAAA,IAAI,EAAE;AACJ,SAAK,MADD;AAEJ,SAAK,MAFD;AAGJ,SAAK,MAHD;AAIJ,UAAM;AAJF;AAT4B,CAA7B;AAiBP,OAAO,IAAM,WAAW,GAAgB;AACtC,EAAA,IAAI,EAAE;AACJ,SAAK,MADD;AAEJ,SAAK,MAFD;AAGJ,SAAK,MAHD;AAIJ,SAAK,MAJD;AAKJ,SAAK,MALD;AAMJ,SAAK;AAND,GADgC;AAStC,EAAA,IAAI,EAAE;AACJ,SAAK,MADD;AAEJ,SAAK,MAFD;AAGJ,SAAK,MAHD;AAIJ,UAAM;AAJF;AATgC,CAAjC;AAiBP,OAAO,IAAM,WAAW,GAAgB;AACtC,EAAA,OAAO,EAAE,GAD6B;AAEtC,EAAA,MAAM,EAAE,GAF8B;AAGtC,EAAA,QAAQ,EAAE;AAH4B,CAAjC;AAMP,OAAO,IAAM,YAAY,GAAiB;AACxC,EAAA,IAAI,EACF;AACA,uHAHsC;AAIxC,EAAA,SAAS,EAAE,6CAJ6B;AAKxC,EAAA,OAAO,EACL;AACA;AAPsC,CAAnC;AAUP,OAAO,IAAM,cAAc,GAAmB;AAC5C,EAAA,MAAM,EAAE,QADoC;AAE5C,EAAA,GAAG,EAAE,KAFuC;AAG5C,EAAA,OAAO,EAAE,SAHmC;AAI5C,EAAA,KAAK,EAAE;AAJqC,CAAvC","sourceRoot":""}
+{"version":3,"sources":["../../src/global/fonts.ts"],"names":[],"mappings":"AAEA,OAAO,IAAM,SAAS,GAAmB;AACvC,EAAA,eAAe,EAAE,MADsB;AAEvC,EAAA,eAAe,EAAE,MAFsB;AAGvC,EAAA,eAAe,EAAE,MAHsB;AAIvC,EAAA,eAAe,EAAE,MAJsB;AAKvC,EAAA,eAAe,EAAE,MALsB;AAMvC,EAAA,eAAe,EAAE,MANsB;AAQvC,EAAA,eAAe,EAAE,MARsB;AASvC,EAAA,eAAe,EAAE,MATsB;AAUvC,EAAA,eAAe,EAAE,MAVsB;AAWvC,EAAA,gBAAgB,EAAE;AAXqB,CAAlC;AAcP,OAAO,IAAM,WAAW,GAAqB;AAC3C,EAAA,iBAAiB,EAAE,MADwB;AAE3C,EAAA,iBAAiB,EAAE,MAFwB;AAG3C,EAAA,iBAAiB,EAAE,MAHwB;AAI3C,EAAA,iBAAiB,EAAE,MAJwB;AAK3C,EAAA,iBAAiB,EAAE,MALwB;AAM3C,EAAA,iBAAiB,EAAE,MANwB;AAQ3C,EAAA,iBAAiB,EAAE,MARwB;AAS3C,EAAA,iBAAiB,EAAE,MATwB;AAU3C,EAAA,iBAAiB,EAAE,MAVwB;AAW3C,EAAA,kBAAkB,EAAE;AAXuB,CAAtC;AAcP,OAAO,IAAM,WAAW,GAAqB;AAC3C,EAAA,iBAAiB,EAAE,GADwB;AAE3C,EAAA,gBAAgB,EAAE,GAFyB;AAG3C,EAAA,kBAAkB,EAAE;AAHuB,CAAtC;AAMP,OAAO,IAAM,YAAY,GAAqB;AAC5C,EAAA,cAAc,EACZ;AACA,uHAH0C;AAI5C,EAAA,mBAAmB,EAAE,6CAJuB;AAK5C,EAAA,iBAAiB,EACf;AACA;AAP0C,CAAvC","sourceRoot":""}

package/lib/global/index.d.ts

@@ -2,4 +2,3 @@ export * from './colors';
 export * from './fonts';
 export * from './strokeWidths';
 export * from './borderRadius';
-export * from './utils';

package/lib/global/index.js

@@ -2,5 +2,4 @@ export * from './colors';
 export * from './fonts';
 export * from './strokeWidths';
 export * from './borderRadius';
-export * from './utils';
 //# sourceMappingURL=index.js.map

package/lib/global/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/global/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/global/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/lib/global/strokeWidths.d.ts

@@ -1,2 +1,2 @@
-import type { StrokeWidths } from '../types';
-export declare const strokeWidths: StrokeWidths;
+import type { StrokeWidthTokens } from '../types';
+export declare const strokeWidths: StrokeWidthTokens;

package/lib/global/strokeWidths.js

@@ -1,7 +1,7 @@
 export var strokeWidths = {
-  thin: '1px',
-  thick: '2px',
-  thicker: '3px',
-  thickest: '4px'
+  strokeWidthThin: '1px',
+  strokeWidthThick: '2px',
+  strokeWidthThicker: '3px',
+  strokeWidthThickest: '4px'
 };
 //# sourceMappingURL=strokeWidths.js.map

package/lib/global/strokeWidths.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/global/strokeWidths.ts"],"names":[],"mappings":"AAEA,OAAO,IAAM,YAAY,GAAiB;AACxC,EAAA,IAAI,EAAE,KADkC;AAExC,EAAA,KAAK,EAAE,KAFiC;AAGxC,EAAA,OAAO,EAAE,KAH+B;AAIxC,EAAA,QAAQ,EAAE;AAJ8B,CAAnC","sourceRoot":""}
+{"version":3,"sources":["../../src/global/strokeWidths.ts"],"names":[],"mappings":"AAEA,OAAO,IAAM,YAAY,GAAsB;AAC7C,EAAA,eAAe,EAAE,KAD4B;AAE7C,EAAA,gBAAgB,EAAE,KAF2B;AAG7C,EAAA,kBAAkB,EAAE,KAHyB;AAI7C,EAAA,mBAAmB,EAAE;AAJwB,CAAxC","sourceRoot":""}

package/lib/index.d.ts

@@ -1,4 +1,3 @@
 export * from './themes/index';
-export * from './global/index';
 export * from './utils/index';
-export * from './types';
+export type { BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, FontFamilyTokens, ColorPaletteTokens, ColorTokens, PartialTheme, Theme, } from './types';

package/lib/index.js

@@ -1,5 +1,3 @@
 export * from './themes/index';
-export * from './global/index';
 export * from './utils/index';
-export * from './types';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,eAAe,CAAC;AAE9B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/lib/themes/teams/highContrastTheme.js

@@ -1,4 +1,3 @@
 import { createHighContrastTheme } from '../../utils/createHighContrastTheme';
-import { brandTeams } from '../../global/brandColors';
-export var teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme(brandTeams);
+export var teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme();
 //# sourceMappingURL=highContrastTheme.js.map

package/lib/themes/teams/highContrastTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/teams/highContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAT,QAAwC,qCAAxC;AACA,SAAS,UAAT,QAA2B,0BAA3B;AAGA,OAAO,IAAM,sBAAsB,gBAAU,uBAAuB,CAAC,UAAD,CAA7D","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/teams/highContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAT,QAAwC,qCAAxC;AAGA,OAAO,IAAM,sBAAsB,gBAAU,uBAAuB,EAA7D","sourceRoot":""}

package/lib/themes/web/highContrastTheme.js

@@ -1,4 +1,3 @@
 import { createHighContrastTheme } from '../../utils/createHighContrastTheme';
-import { brandWeb } from '../../global/brandColors';
-export var webHighContrastTheme = /*#__PURE__*/createHighContrastTheme(brandWeb);
+export var webHighContrastTheme = /*#__PURE__*/createHighContrastTheme();
 //# sourceMappingURL=highContrastTheme.js.map

package/lib/themes/web/highContrastTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/web/highContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAT,QAAwC,qCAAxC;AACA,SAAS,QAAT,QAAyB,0BAAzB;AAGA,OAAO,IAAM,oBAAoB,gBAAU,uBAAuB,CAAC,QAAD,CAA3D","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/web/highContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAT,QAAwC,qCAAxC;AAGA,OAAO,IAAM,oBAAoB,gBAAU,uBAAuB,EAA3D","sourceRoot":""}

package/lib/types.d.ts

@@ -1,130 +1,116 @@
 /**
- * Recursive partial type.
+ * Design tokens for alias colors
  */
-declare type RecursivePartial<T> = {
-    [P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;
-};
-/**
- * Design tokens for neutral colors
- */
-export declare type NeutralColorTokens = {
-    neutralForeground1: string;
-    neutralForeground2: string;
-    neutralForeground2Hover: string;
-    neutralForeground2Pressed: string;
-    neutralForeground2Selected: string;
-    neutralForeground2BrandHover: string;
-    neutralForeground2BrandPressed: string;
-    neutralForeground2BrandSelected: string;
-    neutralForeground3: string;
-    neutralForeground3Hover: string;
-    neutralForeground3Pressed: string;
-    neutralForeground3Selected: string;
-    neutralForeground3BrandHover: string;
-    neutralForeground3BrandPressed: string;
-    neutralForeground3BrandSelected: string;
-    neutralForeground4: string;
-    neutralForegroundDisabled: string;
-    brandForegroundLink: string;
-    brandForegroundLinkHover: string;
-    brandForegroundLinkPressed: string;
-    brandForegroundLinkSelected: string;
-    compoundBrandForeground1: string;
-    compoundBrandForeground1Hover: string;
-    compoundBrandForeground1Pressed: string;
-    brandForeground1: string;
-    brandForeground2: string;
-    neutralForegroundInverted: string;
-    neutralForegroundOnBrand: string;
-    neutralForegroundInvertedLink: string;
-    neutralForegroundInvertedLinkHover: string;
-    neutralForegroundInvertedLinkPressed: string;
-    neutralForegroundInvertedLinkSelected: string;
-    neutralBackground1: string;
-    neutralBackground1Hover: string;
-    neutralBackground1Pressed: string;
-    neutralBackground1Selected: string;
-    neutralBackground2: string;
-    neutralBackground2Hover: string;
-    neutralBackground2Pressed: string;
-    neutralBackground2Selected: string;
-    neutralBackground3: string;
-    neutralBackground3Hover: string;
-    neutralBackground3Pressed: string;
-    neutralBackground3Selected: string;
-    neutralBackground4: string;
-    neutralBackground4Hover: string;
-    neutralBackground4Pressed: string;
-    neutralBackground4Selected: string;
-    neutralBackground5: string;
-    neutralBackground5Hover: string;
-    neutralBackground5Pressed: string;
-    neutralBackground5Selected: string;
-    neutralBackground6: string;
-    neutralBackgroundInverted: string;
-    subtleBackground: string;
-    subtleBackgroundHover: string;
-    subtleBackgroundPressed: string;
-    subtleBackgroundSelected: string;
-    transparentBackground: string;
-    transparentBackgroundHover: string;
-    transparentBackgroundPressed: string;
-    transparentBackgroundSelected: string;
-    neutralBackgroundDisabled: string;
-    neutralStencil1: string;
-    neutralStencil2: string;
-    brandBackground: string;
-    brandBackgroundHover: string;
-    brandBackgroundPressed: string;
-    brandBackgroundSelected: string;
-    compoundBrandBackground: string;
-    compoundBrandBackgroundHover: string;
-    compoundBrandBackgroundPressed: string;
-    brandBackgroundStatic: string;
-    brandBackground2: string;
-    neutralStrokeAccessible: string;
-    neutralStrokeAccessibleHover: string;
-    neutralStrokeAccessiblePressed: string;
-    neutralStrokeAccessibleSelected: string;
-    neutralStroke1: string;
-    neutralStroke1Hover: string;
-    neutralStroke1Pressed: string;
-    neutralStroke1Selected: string;
-    neutralStroke2: string;
-    neutralStroke3: string;
-    brandStroke1: string;
-    brandStroke2: string;
-    compoundBrandStroke: string;
-    compoundBrandStrokeHover: string;
-    compoundBrandStrokePressed: string;
-    neutralStrokeDisabled: string;
-    transparentStroke: string;
-    transparentStrokeInteractive: string;
-    transparentStrokeDisabled: string;
-    strokeFocus1: string;
-    strokeFocus2: string;
-    neutralShadowAmbient: string;
-    neutralShadowKey: string;
-    neutralShadowAmbientLighter: string;
-    neutralShadowKeyLighter: string;
-    neutralShadowAmbientDarker: string;
-    neutralShadowKeyDarker: string;
-    brandShadowAmbient: string;
-    brandShadowKey: string;
+export declare type ColorTokens = {
+    colorNeutralForeground1: 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;
+    colorNeutralForegroundDisabled: string;
+    colorBrandForegroundLink: string;
+    colorBrandForegroundLinkHover: string;
+    colorBrandForegroundLinkPressed: string;
+    colorBrandForegroundLinkSelected: string;
+    colorCompoundBrandForeground1: string;
+    colorCompoundBrandForeground1Hover: string;
+    colorCompoundBrandForeground1Pressed: string;
+    colorBrandForeground1: string;
+    colorBrandForeground2: string;
+    colorNeutralForegroundInverted: string;
+    colorNeutralForegroundOnBrand: string;
+    colorNeutralForegroundInvertedLink: string;
+    colorNeutralForegroundInvertedLinkHover: string;
+    colorNeutralForegroundInvertedLinkPressed: string;
+    colorNeutralForegroundInvertedLinkSelected: 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;
+    colorNeutralBackgroundInverted: string;
+    colorSubtleBackground: string;
+    colorSubtleBackgroundHover: string;
+    colorSubtleBackgroundPressed: string;
+    colorSubtleBackgroundSelected: string;
+    colorTransparentBackground: string;
+    colorTransparentBackgroundHover: string;
+    colorTransparentBackgroundPressed: string;
+    colorTransparentBackgroundSelected: string;
+    colorNeutralBackgroundDisabled: string;
+    colorNeutralStencil1: string;
+    colorNeutralStencil2: string;
+    colorBrandBackground: string;
+    colorBrandBackgroundHover: string;
+    colorBrandBackgroundPressed: string;
+    colorBrandBackgroundSelected: string;
+    colorCompoundBrandBackground: string;
+    colorCompoundBrandBackgroundHover: string;
+    colorCompoundBrandBackgroundPressed: string;
+    colorBrandBackgroundStatic: string;
+    colorBrandBackground2: string;
+    colorNeutralStrokeAccessible: string;
+    colorNeutralStrokeAccessibleHover: string;
+    colorNeutralStrokeAccessiblePressed: string;
+    colorNeutralStrokeAccessibleSelected: string;
+    colorNeutralStroke1: string;
+    colorNeutralStroke1Hover: string;
+    colorNeutralStroke1Pressed: string;
+    colorNeutralStroke1Selected: string;
+    colorNeutralStroke2: string;
+    colorNeutralStroke3: string;
+    colorBrandStroke1: string;
+    colorBrandStroke2: string;
+    colorCompoundBrandStroke: string;
+    colorCompoundBrandStrokeHover: string;
+    colorCompoundBrandStrokePressed: string;
+    colorNeutralStrokeDisabled: string;
+    colorTransparentStroke: string;
+    colorTransparentStrokeInteractive: string;
+    colorTransparentStrokeDisabled: string;
+    colorStrokeFocus1: string;
+    colorStrokeFocus2: string;
+    colorNeutralShadowAmbient: string;
+    colorNeutralShadowKey: string;
+    colorNeutralShadowAmbientLighter: string;
+    colorNeutralShadowKeyLighter: string;
+    colorNeutralShadowAmbientDarker: string;
+    colorNeutralShadowKeyDarker: string;
+    colorBrandShadowAmbient: string;
+    colorBrandShadowKey: string;
 };
+export declare type ColorPaletteT<Color extends string> = `colorPalette${Color}Background1` | `colorPalette${Color}Background2` | `colorPalette${Color}Background3` | `colorPalette${Color}Foreground1` | `colorPalette${Color}Foreground2` | `colorPalette${Color}Foreground3` | `colorPalette${Color}BorderActive` | `colorPalette${Color}Border2`;
 /**
  * Design tokens available for shared colors
  */
-export declare type SharedColorTokens = {
-    background1: string;
-    background2: string;
-    background3: string;
-    foreground1: string;
-    foreground2: string;
-    foreground3: string;
-    borderActive: string;
-    border2: string;
-};
+export declare type ColorPaletteTokens = Record<ColorPaletteT<GlobalSharedColorsT>, string>;
 /**
  * Possible color variant values
  */
@@ -199,39 +185,40 @@ export declare type GlobalSharedColors = {
     anchor: ColorVariants;
     charcoal: ColorVariants;
 };
-/**
- * Brand color variants by product
- */
-export declare type ProductBrandColors = {
-    teams: BrandVariants;
-    web: BrandVariants;
+export declare type GlobalSharedColorsT = 'DarkRed' | 'Burgundy' | 'Cranberry' | 'Red' | 'DarkOrange' | 'Bronze' | 'Pumpkin' | 'Orange' | 'Peach' | 'Marigold' | 'Yellow' | 'Gold' | 'Brass' | 'Brown' | 'DarkBrown' | 'Lime' | 'Forest' | 'Seafoam' | 'LightGreen' | 'Green' | 'DarkGreen' | 'LightTeal' | 'Teal' | 'DarkTeal' | 'Cyan' | 'Steel' | 'LightBlue' | 'Blue' | 'RoyalBlue' | 'DarkBlue' | 'Cornflower' | 'Navy' | 'Lavender' | 'Purple' | 'DarkPurple' | 'Orchid' | 'Grape' | 'Berry' | 'Lilac' | 'Pink' | 'HotPink' | 'Magenta' | 'Plum' | 'Beige' | 'Mink' | 'Silver' | 'Platinum' | 'Anchor' | 'Charcoal';
+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 FontSizes = {
-    base: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-    };
-    hero: {
-        700: string;
-        800: string;
-        900: string;
-        1000: 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 LineHeights = FontSizes;
-export declare type FontWeights = {
-    regular: number;
-    medium: number;
-    semibold: number;
+export declare type FontWeightTokens = {
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightSemibold: number;
 };
-export declare type FontFamilies = {
-    base: string;
-    monospace: string;
-    numeric: string;
+export declare type FontFamilyTokens = {
+    fontFamilyBase: string;
+    fontFamilyMonospace: string;
+    fontFamilyNumeric: string;
 };
 export declare type TextAlignment = 'inherit' | 'initial' | 'revert' | 'unset' | 'center' | 'end' | 'start' | 'justify' | 'left' | 'match-parent' | 'right';
 export declare type TextAlignments = {
@@ -240,24 +227,24 @@ export declare type TextAlignments = {
     end: TextAlignment;
     justify: TextAlignment;
 };
-export declare type BorderRadius = {
-    none: string;
-    small: string;
-    medium: string;
-    large: string;
-    xLarge: string;
-    circular: string;
+export declare type BorderRadiusTokens = {
+    borderRadiusNone: string;
+    borderRadiusSmall: string;
+    borderRadiusMedium: string;
+    borderRadiusLarge: string;
+    borderRadiusXLarge: string;
+    borderRadiusCircular: string;
 };
-export declare type StrokeWidths = {
-    thin: string;
-    thick: string;
-    thicker: string;
-    thickest: string;
+export declare type StrokeWidthTokens = {
+    strokeWidthThin: string;
+    strokeWidthThick: string;
+    strokeWidthThicker: string;
+    strokeWidthThickest: string;
 };
 /**
  * Design tokens for shadow levels
  */
-export declare type ShadowLevelTokens = {
+export declare type ShadowTokens = {
     shadow2: string;
     shadow4: string;
     shadow8: string;
@@ -292,42 +279,5 @@ export declare type BrandColorTokens = {
 };
 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 = {
-    global: {
-        color: {
-            black: string;
-            white: string;
-            hcHyperlink: string;
-            hcHighlight: string;
-            hcDisabled: string;
-            hcCanvas: string;
-            hcCanvasText: string;
-            hcHighlightText: string;
-            hcButtonText: string;
-            hcButtonFace: string;
-        };
-        palette: GlobalSharedColors & {
-            brand: BrandVariants;
-            grey: Record<Greys, string>;
-            whiteAlpha: Record<AlphaColors, string>;
-            blackAlpha: Record<AlphaColors, string>;
-        };
-        type: {
-            fontSizes: FontSizes;
-            fontWeights: FontWeights;
-            fontFamilies: FontFamilies;
-            lineHeights: LineHeights;
-            alignment: TextAlignments;
-        };
-        borderRadius: BorderRadius;
-        strokeWidth: StrokeWidths;
-    };
-    alias: {
-        color: Record<keyof GlobalSharedColors, SharedColorTokens> & {
-            neutral: NeutralColorTokens;
-        };
-        shadow: ShadowLevelTokens;
-    };
-};
-export declare type PartialTheme = RecursivePartial<Theme>;
-export {};
+export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
+export declare type PartialTheme = Partial<Theme>;