@fluentui/react-theme 9.0.0-alpha.23

package/dist/react-theme.d.ts

@@ -0,0 +1,425 @@
+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 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 const borderRadius: BorderRadius;
+
+export declare type BrandColorTokens = {
+    brandBackground: string;
+    brandBackgroundHover: string;
+    brandBackgroundPressed: string;
+    brandBackgroundSelected: string;
+    brandBackgroundStatic: string;
+};
+
+export declare type BrandVariants = ColorVariants & {
+    shade60: string;
+};
+
+/**
+ * Possible color variant values
+ */
+export declare type ColorVariants = {
+    shade50: string;
+    shade40: string;
+    shade30: string;
+    shade20: string;
+    shade10: string;
+    primary: string;
+    tint10: string;
+    tint20: string;
+    tint30: string;
+    tint40: string;
+    tint50: string;
+    tint60: string;
+};
+
+export declare const createDarkTheme: (brand: BrandVariants) => Theme;
+
+export declare const createGlobalTheme: (brand: BrandVariants) => Theme['global'];
+
+export declare const createHighContrastTheme: (brand: BrandVariants) => 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 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 const fontSizes: FontSizes;
+
+export declare type FontWeights = {
+    regular: number;
+    medium: number;
+    semibold: number;
+};
+
+export declare const fontWeights: FontWeights;
+
+export declare type GhostColorTokens = {
+    ghostBackground: string;
+    ghostBackgroundHover: string;
+    ghostBackgroundPressed: string;
+    ghostBackgroundSelected: string;
+};
+
+/**
+ * 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 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]>;
+};
+
+/**
+ * Design tokens for shadow levels
+ */
+export declare type ShadowLevelTokens = {
+    shadow2: string;
+    shadow4: string;
+    shadow8: string;
+    shadow16: string;
+    shadow28: string;
+    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 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 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 const webDarkTheme: Theme;
+
+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

@@ -0,0 +1,3 @@
+import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';
+export declare const neutralColorTokens: NeutralColorTokens;
+export declare const generateSharedColorTokens: (globalSharedTokens: GlobalSharedColors) => Record<keyof GlobalSharedColors, SharedColorTokens>;

package/lib/alias/dark.js

@@ -0,0 +1,123 @@
+export var neutralColorTokens = {
+  neutralForeground1: 'var(--global-color-white)',
+  neutralForeground2: 'var(--global-palette-grey-84)',
+  neutralForeground2Hover: 'var(--global-color-white)',
+  neutralForeground2Pressed: 'var(--global-color-white)',
+  neutralForeground2Selected: 'var(--global-color-white)',
+  neutralForeground2BrandHover: 'var(--global-palette-brand-tint20)',
+  neutralForeground2BrandPressed: 'var(--global-palette-brand-tint10)',
+  neutralForeground2BrandSelected: 'var(--global-palette-brand-tint20)',
+  neutralForeground3: 'var(--global-palette-grey-68)',
+  neutralForeground3Hover: 'var(--global-palette-grey-84)',
+  neutralForeground3Pressed: 'var(--global-palette-grey-84)',
+  neutralForeground3Selected: 'var(--global-palette-grey-84)',
+  neutralForeground3BrandHover: 'var(--global-palette-brand-tint20)',
+  neutralForeground3BrandPressed: 'var(--global-palette-brand-tint10)',
+  neutralForeground3BrandSelected: 'var(--global-palette-brand-tint20)',
+  neutralForeground4: 'var(--global-palette-grey-60)',
+  neutralForegroundDisabled: 'var(--global-palette-grey-36)',
+  brandForegroundLink: 'var(--global-palette-brand-tint10)',
+  brandForegroundLinkHover: 'var(--global-palette-brand-tint30)',
+  brandForegroundLinkPressed: 'var(--global-palette-brand-tint20)',
+  brandForegroundLinkSelected: 'var(--global-palette-brand-tint10)',
+  compoundBrandForeground1: 'var(--global-palette-brand-tint10)',
+  compoundBrandForeground1Hover: 'var(--global-palette-brand-tint20)',
+  compoundBrandForeground1Pressed: 'var(--global-palette-brand-primary)',
+  brandForeground1: 'var(--global-palette-brand-tint20)',
+  brandForeground2: 'var(--global-palette-brand-tint30)',
+  neutralForegroundInverted: 'var(--global-palette-grey-14)',
+  neutralForegroundOnBrand: 'var(--global-color-white)',
+  neutralForegroundInvertedLink: 'var(--global-color-white)',
+  neutralForegroundInvertedLinkHover: 'var(--global-color-white)',
+  neutralForegroundInvertedLinkPressed: 'var(--global-color-white)',
+  neutralForegroundInvertedLinkSelected: 'var(--global-color-white)',
+  neutralBackground1: 'var(--global-palette-grey-16)',
+  neutralBackground1Hover: 'var(--global-palette-grey-24)',
+  neutralBackground1Pressed: 'var(--global-palette-grey-12)',
+  neutralBackground1Selected: 'var(--global-palette-grey-22)',
+  neutralBackground2: 'var(--global-palette-grey-12)',
+  neutralBackground2Hover: 'var(--global-palette-grey-20)',
+  neutralBackground2Pressed: 'var(--global-palette-grey-8)',
+  neutralBackground2Selected: 'var(--global-palette-grey-18)',
+  neutralBackground3: 'var(--global-palette-grey-8)',
+  neutralBackground3Hover: 'var(--global-palette-grey-16)',
+  neutralBackground3Pressed: 'var(--global-palette-grey-4)',
+  neutralBackground3Selected: 'var(--global-palette-grey-14)',
+  neutralBackground4: 'var(--global-palette-grey-4)',
+  neutralBackground4Hover: 'var(--global-palette-grey-12)',
+  neutralBackground4Pressed: 'var(--global-color-black)',
+  neutralBackground4Selected: 'var(--global-palette-grey-10)',
+  neutralBackground5: 'var(--global-color-black)',
+  neutralBackground5Hover: 'var(--global-palette-grey-8)',
+  neutralBackground5Pressed: 'var(--global-palette-grey-2)',
+  neutralBackground5Selected: 'var(--global-palette-grey-6)',
+  neutralBackground6: 'var(--global-palette-grey-20)',
+  neutralBackgroundInverted: 'var(--global-color-white)',
+  subtleBackground: 'transparent',
+  subtleBackgroundHover: 'var(--global-palette-grey-22)',
+  subtleBackgroundPressed: 'var(--global-palette-grey-18)',
+  subtleBackgroundSelected: 'var(--global-palette-grey-20)',
+  transparentBackground: 'transparent',
+  transparentBackgroundHover: 'transparent',
+  transparentBackgroundPressed: 'transparent',
+  transparentBackgroundSelected: 'transparent',
+  neutralBackgroundDisabled: 'var(--global-palette-grey-8)',
+  neutralStencil1: 'var(--global-palette-grey-20)',
+  neutralStencil2: 'var(--global-palette-grey-34)',
+  brandBackground: 'var(--global-palette-brand-shade10)',
+  brandBackgroundHover: 'var(--global-palette-brand-primary)',
+  brandBackgroundPressed: 'var(--global-palette-brand-shade40)',
+  brandBackgroundSelected: 'var(--global-palette-brand-shade20)',
+  compoundBrandBackground: 'var(--global-palette-brand-tint10)',
+  compoundBrandBackgroundHover: 'var(--global-palette-brand-tint20)',
+  compoundBrandBackgroundPressed: 'var(--global-palette-brand-primary)',
+  brandBackgroundStatic: 'var(--global-palette-brand-primary)',
+  brandBackground2: 'var(--global-palette-brand-shade40)',
+  neutralStrokeAccessible: 'var(--global-palette-grey-68)',
+  neutralStrokeAccessibleHover: 'var(--global-palette-grey-74)',
+  neutralStrokeAccessiblePressed: 'var(--global-palette-grey-70)',
+  neutralStrokeAccessibleSelected: 'var(--global-palette-brand-tint20)',
+  neutralStroke1: 'var(--global-palette-grey-40)',
+  neutralStroke1Hover: 'var(--global-palette-grey-46)',
+  neutralStroke1Pressed: 'var(--global-palette-grey-42)',
+  neutralStroke1Selected: 'var(--global-palette-grey-44)',
+  neutralStroke2: 'var(--global-palette-grey-32)',
+  neutralStroke3: 'var(--global-palette-grey-24)',
+  brandStroke1: 'var(--global-palette-brand-tint10)',
+  brandStroke2: 'var(--global-palette-brand-shade30)',
+  compoundBrandStroke: 'var(--global-palette-brand-tint10)',
+  compoundBrandStrokeHover: 'var(--global-palette-brand-tint20)',
+  compoundBrandStrokePressed: 'var(--global-palette-brand-primary)',
+  neutralStrokeDisabled: 'var(--global-palette-grey-26)',
+  transparentStroke: 'transparent',
+  transparentStrokeInteractive: 'transparent',
+  transparentStrokeDisabled: 'transparent',
+  strokeFocus1: 'var(--global-color-black)',
+  strokeFocus2: 'var(--global-color-white)',
+  neutralShadowAmbient: 'rgba(0,0,0,0.24)',
+  neutralShadowKey: 'rgba(0,0,0,0.28)',
+  neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+  neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+  neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+  neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+  brandShadowAmbient: 'rgba(0,0,0,0.30)',
+  brandShadowKey: 'rgba(0,0,0,0.25)'
+};
+export var generateSharedColorTokens = function (globalSharedTokens) {
+  return Object.keys(globalSharedTokens).filter(function (sharedColor) {
+    return sharedColor !== 'brand' && sharedColor !== 'grey';
+  }).reduce(function (acc, sharedColor) {
+    acc[sharedColor] = {
+      background1: "var(--global-palette-" + sharedColor + "-shade40)",
+      background2: "var(--global-palette-" + sharedColor + "-shade30)",
+      background3: "var(--global-palette-" + sharedColor + "-primary)",
+      foreground1: "var(--global-palette-" + sharedColor + "-tint30)",
+      foreground2: "var(--global-palette-" + sharedColor + "-tint40)",
+      foreground3: "var(--global-palette-" + sharedColor + "-tint20)",
+      borderActive: "var(--global-palette-" + sharedColor + "-tint30)",
+      border2: "var(--global-palette-" + sharedColor + "-tint20)"
+    };
+    return acc;
+  }, {});
+};
+//# sourceMappingURL=dark.js.map

package/lib/alias/dark.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["alias/dark.ts"],"names":[],"mappings":"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","sourcesContent":["import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';\n\nexport const neutralColorTokens: NeutralColorTokens = {\n  neutralForeground1: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForeground2: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n  neutralForeground2Hover: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForeground2Pressed: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForeground2Selected: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForeground2BrandHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  neutralForeground2BrandPressed: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  neutralForeground2BrandSelected: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  neutralForeground3: 'var(--global-palette-grey-68)', // #adadad Global.Color.Grey.68\n  neutralForeground3Hover: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n  neutralForeground3Pressed: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n  neutralForeground3Selected: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n  neutralForeground3BrandHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  neutralForeground3BrandPressed: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  neutralForeground3BrandSelected: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  neutralForeground4: 'var(--global-palette-grey-60)', // #999999 Global.Color.Grey.60\n  neutralForegroundDisabled: 'var(--global-palette-grey-36)', // #5c5c5c Global.Color.Grey.36\n  brandForegroundLink: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  brandForegroundLinkHover: 'var(--global-palette-brand-tint30)', // #6cb8f6 Global.Color.Brand.Tint.30\n  brandForegroundLinkPressed: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  brandForegroundLinkSelected: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  compoundBrandForeground1: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  compoundBrandForeground1Hover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  compoundBrandForeground1Pressed: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  brandForeground1: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  brandForeground2: 'var(--global-palette-brand-tint30)', // #6cb8f6 Global.Color.Brand.Tint.30\n  neutralForegroundInverted: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n  neutralForegroundOnBrand: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundInvertedLink: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundInvertedLinkHover: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundInvertedLinkPressed: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralForegroundInvertedLinkSelected: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralBackground1: 'var(--global-palette-grey-16)', // #292929 Global.Color.Grey.16\n  neutralBackground1Hover: 'var(--global-palette-grey-24)', // #3d3d3d Global.Color.Grey.24\n  neutralBackground1Pressed: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n  neutralBackground1Selected: 'var(--global-palette-grey-22)', // #383838 Global.Color.Grey.22\n  neutralBackground2: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n  neutralBackground2Hover: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n  neutralBackground2Pressed: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n  neutralBackground2Selected: 'var(--global-palette-grey-18)', // #2e2e2e Global.Color.Grey.18\n  neutralBackground3: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n  neutralBackground3Hover: 'var(--global-palette-grey-16)', // #292929 Global.Color.Grey.16\n  neutralBackground3Pressed: 'var(--global-palette-grey-4)', // #0a0a0a Global.Color.Grey.4\n  neutralBackground3Selected: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n  neutralBackground4: 'var(--global-palette-grey-4)', // #0a0a0a Global.Color.Grey.4\n  neutralBackground4Hover: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n  neutralBackground4Pressed: 'var(--global-color-black)', // #000000 Global.Color.Black\n  neutralBackground4Selected: 'var(--global-palette-grey-10)', // #1a1a1a Global.Color.Grey.10\n  neutralBackground5: 'var(--global-color-black)', // #000000 Global.Color.Black\n  neutralBackground5Hover: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n  neutralBackground5Pressed: 'var(--global-palette-grey-2)', // #050505 Global.Color.Grey.2\n  neutralBackground5Selected: 'var(--global-palette-grey-6)', // #0f0f0f Global.Color.Grey.6\n  neutralBackground6: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n  neutralBackgroundInverted: 'var(--global-color-white)', // #ffffff Global.Color.White\n  subtleBackground: 'transparent', // transparent undefined\n  subtleBackgroundHover: 'var(--global-palette-grey-22)', // #383838 Global.Color.Grey.22\n  subtleBackgroundPressed: 'var(--global-palette-grey-18)', // #2e2e2e Global.Color.Grey.18\n  subtleBackgroundSelected: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n  transparentBackground: 'transparent', // transparent undefined\n  transparentBackgroundHover: 'transparent', // transparent undefined\n  transparentBackgroundPressed: 'transparent', // transparent undefined\n  transparentBackgroundSelected: 'transparent', // transparent undefined\n  neutralBackgroundDisabled: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n  neutralStencil1: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n  neutralStencil2: 'var(--global-palette-grey-34)', // #575757 Global.Color.Grey.34\n  brandBackground: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n  brandBackgroundHover: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  brandBackgroundPressed: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n  brandBackgroundSelected: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n  compoundBrandBackground: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  compoundBrandBackgroundHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  compoundBrandBackgroundPressed: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  brandBackgroundStatic: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  brandBackground2: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n  neutralStrokeAccessible: 'var(--global-palette-grey-68)', // #adadad Global.Color.Grey.68\n  neutralStrokeAccessibleHover: 'var(--global-palette-grey-74)', // #bdbdbd Global.Color.Grey.74\n  neutralStrokeAccessiblePressed: 'var(--global-palette-grey-70)', // #b3b3b3 Global.Color.Grey.70\n  neutralStrokeAccessibleSelected: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  neutralStroke1: 'var(--global-palette-grey-40)', // #666666 Global.Color.Grey.40\n  neutralStroke1Hover: 'var(--global-palette-grey-46)', // #757575 Global.Color.Grey.46\n  neutralStroke1Pressed: 'var(--global-palette-grey-42)', // #6b6b6b Global.Color.Grey.42\n  neutralStroke1Selected: 'var(--global-palette-grey-44)', // #707070 Global.Color.Grey.44\n  neutralStroke2: 'var(--global-palette-grey-32)', // #525252 Global.Color.Grey.32\n  neutralStroke3: 'var(--global-palette-grey-24)', // #3d3d3d Global.Color.Grey.24\n  brandStroke1: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  brandStroke2: 'var(--global-palette-brand-shade30)', // #004c87 Global.Color.Brand.Shade.30\n  compoundBrandStroke: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n  compoundBrandStrokeHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n  compoundBrandStrokePressed: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n  neutralStrokeDisabled: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n  transparentStroke: 'transparent', // transparent undefined\n  transparentStrokeInteractive: 'transparent', // transparent undefined\n  transparentStrokeDisabled: 'transparent', // transparent undefined\n  strokeFocus1: 'var(--global-color-black)', // #000000 Global.Color.Black\n  strokeFocus2: 'var(--global-color-white)', // #ffffff Global.Color.White\n  neutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n  neutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n  neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n  neutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n  neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n  neutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n  brandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n  brandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n};\n\nexport const generateSharedColorTokens: (\n  globalSharedTokens: GlobalSharedColors,\n) => Record<keyof GlobalSharedColors, SharedColorTokens> = globalSharedTokens => {\n  return Object.keys(globalSharedTokens)\n    .filter(sharedColor => sharedColor !== 'brand' && sharedColor !== 'grey')\n    .reduce((acc, sharedColor) => {\n      acc[sharedColor as keyof GlobalSharedColors] = {\n        background1: `var(--global-palette-${sharedColor}-shade40)`,\n        background2: `var(--global-palette-${sharedColor}-shade30)`,\n        background3: `var(--global-palette-${sharedColor}-primary)`,\n        foreground1: `var(--global-palette-${sharedColor}-tint30)`,\n        foreground2: `var(--global-palette-${sharedColor}-tint40)`,\n        foreground3: `var(--global-palette-${sharedColor}-tint20)`,\n        borderActive: `var(--global-palette-${sharedColor}-tint30)`,\n        border2: `var(--global-palette-${sharedColor}-tint20)`,\n      };\n      return acc;\n    }, {} as Record<keyof GlobalSharedColors, SharedColorTokens>);\n};\n"],"sourceRoot":"../src/"}

package/lib/alias/highContrast.d.ts

@@ -0,0 +1,3 @@
+import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';
+export declare const neutralColorTokens: NeutralColorTokens;
+export declare const generateSharedColorTokens: (globalSharedTokens: GlobalSharedColors) => Record<keyof GlobalSharedColors, SharedColorTokens>;