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

package/CHANGELOG.json

@@ -2,7 +2,30 @@
   "name": "@fluentui/react-theme",
   "entries": [
     {
-      "date": "Wed, 29 Sep 2021 08:05:12 GMT",
+      "date": "Fri, 01 Oct 2021 14:11:48 GMT",
+      "tag": "@fluentui/react-theme_v9.0.0-alpha.26",
+      "version": "9.0.0-alpha.26",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-theme",
+            "comment": "Bump v9 prerelease versions to rerelease",
+            "commit": "4fa0856ad0353b787b8ae59229e6f64ef0719824"
+          }
+        ],
+        "none": [
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/react-theme",
+            "comment": "docs(react-theme): fix shadows story",
+            "commit": "4fa0856ad0353b787b8ae59229e6f64ef0719824"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 29 Sep 2021 08:06:11 GMT",
       "tag": "@fluentui/react-theme_v9.0.0-alpha.24",
       "version": "9.0.0-alpha.24",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/react-theme
 
-This log was last generated on Wed, 29 Sep 2021 08:05:12 GMT and should not be manually modified.
+This log was last generated on Fri, 01 Oct 2021 14:11:48 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.26)
+
+Fri, 01 Oct 2021 14:11:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.24..@fluentui/react-theme_v9.0.0-alpha.26)
+
+### Changes
+
+- Bump v9 prerelease versions to rerelease ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by lingfangao@hotmail.com)
+
 ## [9.0.0-alpha.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.24)
 
-Wed, 29 Sep 2021 08:05:12 GMT 
+Wed, 29 Sep 2021 08:06:11 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.23..@fluentui/react-theme_v9.0.0-alpha.24)
 
 ### Changes

package/dist/react-theme.d.ts

@@ -1,43 +1,136 @@
-export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
-
-export declare type BackgroundColorTokens = {
-    background: string;
-    backgroundHover: string;
-    backgroundPressed: string;
-    backgroundSelected: string;
+export declare type BorderRadiusTokens = {
+    borderRadiusNone: string;
+    borderRadiusSmall: string;
+    borderRadiusMedium: string;
+    borderRadiusLarge: string;
+    borderRadiusXLarge: string;
+    borderRadiusCircular: string;
 };
 
-export declare const black = "#000000";
-
-export declare const blackAlpha: Record<AlphaColors, string>;
-
-export declare type BorderRadius = {
-    none: string;
-    small: string;
-    medium: string;
-    large: string;
-    xLarge: string;
-    circular: string;
+export declare type BrandVariants = ColorVariants & {
+    shade60: string;
 };
 
-export declare const borderRadius: BorderRadius;
+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`;
 
-export declare type BrandColorTokens = {
-    brandBackground: string;
-    brandBackgroundHover: string;
-    brandBackgroundPressed: string;
-    brandBackgroundSelected: string;
-    brandBackgroundStatic: string;
-};
+/**
+ * Design tokens available for shared colors
+ */
+export declare type ColorPaletteTokens = Record<ColorPaletteT<GlobalSharedColorsT>, string>;
 
-export declare type BrandVariants = ColorVariants & {
-    shade60: string;
+/**
+ * Design tokens for alias colors
+ */
+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;
 };
 
 /**
  * Possible color variant values
  */
-export declare type ColorVariants = {
+declare type ColorVariants = {
     shade50: string;
     shade40: string;
     shade30: string;
@@ -54,267 +147,60 @@ export declare type ColorVariants = {
 
 export declare const createDarkTheme: (brand: BrandVariants) => Theme;
 
-export declare const createGlobalTheme: (brand: BrandVariants, globalSharedColors: GlobalSharedColors) => Theme['global'];
-
-export declare const createHighContrastTheme: (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 FontFamilies = {
-    base: string;
-    monospace: string;
-    numeric: string;
+export declare type FontFamilyTokens = {
+    fontFamilyBase: string;
+    fontFamilyMonospace: string;
+    fontFamilyNumeric: string;
 };
 
-export declare const fontFamilies: FontFamilies;
-
-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 FontSizeTokens = {
+    fontSizeBase100: string;
+    fontSizeBase200: string;
+    fontSizeBase300: string;
+    fontSizeBase400: string;
+    fontSizeBase500: string;
+    fontSizeBase600: string;
+    fontSizeHero700: string;
+    fontSizeHero800: string;
+    fontSizeHero900: string;
+    fontSizeHero1000: string;
 };
 
-export declare const fontSizes: FontSizes;
-
-export declare type FontWeights = {
-    regular: number;
-    medium: number;
-    semibold: number;
+export declare type FontWeightTokens = {
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightSemibold: number;
 };
 
-export declare const fontWeights: FontWeights;
-
-export declare type GhostColorTokens = {
-    ghostBackground: string;
-    ghostBackgroundHover: string;
-    ghostBackgroundPressed: string;
-    ghostBackgroundSelected: string;
-};
+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';
 
-/**
- * All the global shared colors and their shade/tint variants
- */
-export declare type GlobalSharedColors = {
-    darkRed: ColorVariants;
-    burgundy: ColorVariants;
-    cranberry: ColorVariants;
-    red: ColorVariants;
-    darkOrange: ColorVariants;
-    bronze: ColorVariants;
-    pumpkin: ColorVariants;
-    orange: ColorVariants;
-    peach: ColorVariants;
-    marigold: ColorVariants;
-    yellow: ColorVariants;
-    gold: ColorVariants;
-    brass: ColorVariants;
-    brown: ColorVariants;
-    darkBrown: ColorVariants;
-    lime: ColorVariants;
-    forest: ColorVariants;
-    seafoam: ColorVariants;
-    lightGreen: ColorVariants;
-    green: ColorVariants;
-    darkGreen: ColorVariants;
-    lightTeal: ColorVariants;
-    teal: ColorVariants;
-    darkTeal: ColorVariants;
-    cyan: ColorVariants;
-    steel: ColorVariants;
-    lightBlue: ColorVariants;
-    blue: ColorVariants;
-    royalBlue: ColorVariants;
-    darkBlue: ColorVariants;
-    cornflower: ColorVariants;
-    navy: ColorVariants;
-    lavender: ColorVariants;
-    purple: ColorVariants;
-    darkPurple: ColorVariants;
-    orchid: ColorVariants;
-    grape: ColorVariants;
-    berry: ColorVariants;
-    lilac: ColorVariants;
-    pink: ColorVariants;
-    hotPink: ColorVariants;
-    magenta: ColorVariants;
-    plum: ColorVariants;
-    beige: ColorVariants;
-    mink: ColorVariants;
-    silver: ColorVariants;
-    platinum: ColorVariants;
-    anchor: ColorVariants;
-    charcoal: ColorVariants;
+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 const grey: Record<Greys, string>;
-
-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 const hcButtonFace = "#ffffff";
-
-export declare const hcButtonText = "#000000";
-
-export declare const hcCanvas = "#000000";
-
-export declare const hcCanvasText = "#ffffff";
-
-export declare const hcDisabled = "#3ff23f";
-
-export declare const hcHighlight = "#1aebff";
-
-export declare const hcHighlightText = "#000000";
-
-export declare const hcHyperlink = "#ffff00";
-
-export declare type LineHeights = FontSizes;
-
-export declare const lineHeights: LineHeights;
-
 export declare function mergeThemes(a: Theme | undefined, b: PartialTheme | Theme | undefined): Theme;
 
-/**
- * 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 PartialTheme = RecursivePartial<Theme>;
-
-/**
- * Brand color variants by product
- */
-export declare type ProductBrandColors = {
-    teams: BrandVariants;
-    web: BrandVariants;
-};
-
-/**
- * Recursive partial type.
- */
-declare type RecursivePartial<T> = {
-    [P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;
-};
+export declare type PartialTheme = Partial<Theme>;
 
 /**
  * Design tokens for shadow levels
  */
-export declare type ShadowLevelTokens = {
+export declare type ShadowTokens = {
     shadow2: string;
     shadow4: string;
     shadow8: string;
@@ -323,94 +209,22 @@ export declare type ShadowLevelTokens = {
     shadow64: string;
 };
 
-export declare const sharedColors: GlobalSharedColors;
-
-/**
- * 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 StrokeWidths = {
-    thin: string;
-    thick: string;
-    thicker: string;
-    thickest: string;
+export declare type StrokeWidthTokens = {
+    strokeWidthThin: string;
+    strokeWidthThick: string;
+    strokeWidthThicker: string;
+    strokeWidthThickest: string;
 };
 
-export declare const strokeWidths: StrokeWidths;
-
 export declare const teamsDarkTheme: Theme;
 
 export declare const teamsHighContrastTheme: Theme;
 
 export declare const teamsLightTheme: Theme;
 
-export declare type TextAlignment = 'inherit' | 'initial' | 'revert' | 'unset' | 'center' | 'end' | 'start' | 'justify' | 'left' | 'match-parent' | 'right';
-
-export declare type TextAlignments = {
-    start: TextAlignment;
-    center: TextAlignment;
-    end: TextAlignment;
-    justify: TextAlignment;
-};
+export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
 
-export declare const textAlignments: TextAlignments;
-
-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 function themeToCSSVariables(theme: Theme): Record<string, string>;
-
-export declare type TransparentColorTokens = {
-    transparentBackground: string;
-    transparentBackgroundHover: string;
-    transparentBackgroundPressed: string;
-    transparentBackgroundSelected: string;
-};
+export declare function themeToCSSVariables(theme: Theme): Record<string, string | number>;
 
 export declare const webDarkTheme: Theme;
 
@@ -418,8 +232,4 @@ export declare const webHighContrastTheme: Theme;
 
 export declare const webLightTheme: Theme;
 
-export declare const white = "#ffffff";
-
-export declare const whiteAlpha: Record<AlphaColors, string>;
-
 export { }

package/lib/alias/dark.d.ts

@@ -1,3 +1,3 @@
-import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens, Theme } from '../types';
-export declare const generateNeutralColorTokens: (global: Theme['global']) => NeutralColorTokens;
-export declare const generateSharedColorTokens: (globalSharedTokens: GlobalSharedColors) => Record<keyof GlobalSharedColors, SharedColorTokens>;
+import type { BrandVariants, ColorTokens, ColorPaletteTokens } from '../types';
+export declare const generateColorTokens: (brand: BrandVariants) => ColorTokens;
+export declare const colorPaletteTokens: ColorPaletteTokens;