@fluentui-react-native/default-theme 0.15.3 → 0.16.0

package/src/createAliasTokens.ts

@@ -1,4 +1,4 @@
-import { getAliasTokens, getShadowTokens } from './getTokens';
+import { getAliasTokens, getShadowTokens } from '@fluentui-react-native/theme-tokens';
 import { AliasColorTokens, AppearanceOptions, ThemeShadowDefinition } from '@fluentui-react-native/theme-types';
 import { memoize } from '@fluentui-react-native/memo-cache';
 import { mapPipelineToShadow, mapPipelineToTheme } from '@fluentui-react-native/theming-utils';

package/lib/getTokens.d.ts

@@ -1,302 +0,0 @@
-import { AppearanceOptions } from '@fluentui-react-native/theme-types';
-export declare function getAliasTokens(mode: AppearanceOptions): any;
-export declare function getShadowTokens(mode: AppearanceOptions): {
-    brandBackground: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorSelected: string;
-    };
-    brandBackground2: {
-        fillColorRest: string;
-    };
-    brandBackgroundStatic: {
-        fillColorRest: string;
-    };
-    brandForeground1: {
-        fillColorRest: string;
-    };
-    brandForeground2: {
-        fillColorRest: string;
-    };
-    brandForegroundLink: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorSelected: string;
-    };
-    brandStroke1: {
-        strokeColorRest: string;
-        strokeWidth: number;
-    };
-    brandStroke2: {
-        strokeColorRest: string;
-        strokeWidth: number;
-    };
-    compoundBrandBackground1: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-    };
-    compoundBrandForeground1: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-    };
-    compoundBrandStroke1: {
-        strokeColorRest: string;
-        strokeColorHover: string;
-        strokeColorPressed: string;
-        strokeWidth: number;
-    };
-    neutralBackground1: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorSelected: string;
-    };
-    neutralBackground2: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorSelected: string;
-    };
-    neutralBackground3: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorSelected: string;
-    };
-    neutralBackground4: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorSelected: string;
-    };
-    neutralBackground5: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorSelected: string;
-    };
-    neutralBackground6: {
-        fillColorRest: string;
-    };
-    neutralBackgroundDisabled: {
-        fillColorRest: string;
-    };
-    neutralBackgroundInverted: {
-        fillColorRest: string;
-    };
-    neutralForeground1: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorSelected: string;
-    };
-    neutralForeground2: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorBrandHover: string;
-        fillColorBrandPressed: string;
-        fillColorBrandSelected: string;
-        fillColorSelected: string;
-    };
-    neutralForeground3: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorBrandHover: string;
-        fillColorBrandPressed: string;
-        fillColorBrandSelected: string;
-        fillColorSelected: string;
-    };
-    neutralForeground4: {
-        fillColorRest: string;
-    };
-    neutralForegroundDisabled: {
-        fillColorRest: string;
-    };
-    neutralForegroundInverted: {
-        fillColorRest: string;
-    };
-    neutralForegroundInvertedLink: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorSelected: string;
-    };
-    neutralForegroundOnBrand: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorSelected: string;
-    };
-    neutralStencil1: {
-        fillColorRest: string;
-    };
-    neutralStencil2: {
-        fillColorRest: string;
-    };
-    neutralStroke1: {
-        strokeColorRest: string;
-        strokeColorHover: string;
-        strokeColorPressed: string;
-        strokeColorSelected: string;
-        strokeWidth: number;
-    };
-    neutralStroke2: {
-        strokeColorRest: string;
-        strokeWidth: number;
-    };
-    neutralStroke3: {
-        strokeColorRest: string;
-        strokeWidth: number;
-    };
-    neutralStrokeAccessible: {
-        strokeColorRest: string;
-        strokeColorHover: string;
-        strokeColorPressed: string;
-        strokeColorSelected: string;
-        strokeWidth: number;
-    };
-    neutralStrokeDisabled: {
-        strokeColorRest: string;
-        strokeWidth: number;
-    };
-    redBackground1: {
-        fillColorRest: string;
-    };
-    redBackground2: {
-        fillColorRest: string;
-    };
-    redBackground3: {
-        fillColorRest: string;
-    };
-    redBorder1: {
-        strokeColorRest: string;
-        strokeWidth: number;
-    };
-    redBorder2: {
-        strokeColorRest: string;
-        strokeWidth: number;
-    };
-    redBorderActive: {
-        strokeColorRest: string;
-        strokeWidth: number;
-    };
-    redForeground1: {
-        fillColorRest: string;
-    };
-    redForeground2: {
-        fillColorRest: string;
-    };
-    redForeground3: {
-        fillColorRest: string;
-    };
-    strokeFocus1: {
-        strokeColorRest: string;
-        strokeWidth: number;
-    };
-    strokeFocus2: {
-        strokeColorRest: string;
-        strokeWidth: number;
-    };
-    subtleBackground: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorSelected: string;
-    };
-    transparentBackground: {
-        fillColorRest: string;
-        fillColorHover: string;
-        fillColorPressed: string;
-        fillColorSelected: string;
-    };
-    transparentStroke: {
-        strokeAlignment: string;
-        strokeColorRest: string;
-        strokeColorHover: string;
-        strokeColorPressed: string;
-        strokeColorDisabled: string;
-        strokeWidth: number;
-    };
-} | {
-    "2": {
-        x: number;
-        y: number;
-        blur: number;
-        color: string;
-    }[];
-    "4": {
-        x: number;
-        y: number;
-        blur: number;
-        color: string;
-    }[];
-    "8": {
-        x: number;
-        y: number;
-        blur: number;
-        color: string;
-    }[];
-    "16": {
-        x: number;
-        y: number;
-        blur: number;
-        color: string;
-    }[];
-    "28": {
-        x: number;
-        y: number;
-        blur: number;
-        color: string;
-    }[];
-    "64": {
-        x: number;
-        y: number;
-        blur: number;
-        color: string;
-    }[];
-    brand: {
-        "2": {
-            x: number;
-            y: number;
-            blur: number;
-            color: string;
-        }[];
-        "4": {
-            x: number;
-            y: number;
-            blur: number;
-            color: string;
-        }[];
-        "8": {
-            x: number;
-            y: number;
-            blur: number;
-            color: string;
-        }[];
-        "16": {
-            x: number;
-            y: number;
-            blur: number;
-            color: string;
-        }[];
-        "28": {
-            x: number;
-            y: number;
-            blur: number;
-            color: string;
-        }[];
-        "64": {
-            x: number;
-            y: number;
-            blur: number;
-            color: string;
-        }[];
-    };
-};
-//# sourceMappingURL=getTokens.d.ts.map

package/lib/getTokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getTokens.d.ts","sourceRoot":"","sources":["../src/getTokens.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAGvE,wBAAgB,cAAc,CAAC,IAAI,EAAE,iBAAiB,OAYrD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYtD"}

package/lib/getTokens.js

@@ -1,38 +0,0 @@
-import lightAliasTokens from '@fluentui-react-native/design-tokens-windows/light/tokens-aliases.json';
-import darkAliasTokens from '@fluentui-react-native/design-tokens-windows/dark/tokens-aliases.json';
-import { hcAliasTokens } from './highContrast/tokens-alias';
-import lightShadowTokens from '@fluentui-react-native/design-tokens-windows/light/tokens-shadow.json';
-import darkShadowTokens from '@fluentui-react-native/design-tokens-windows/dark/tokens-shadow.json';
-import hcShadowTokens from '@fluentui-react-native/design-tokens-win32/hc/tokens-shadow.json';
-import { assertNever } from 'assert-never';
-export function getAliasTokens(mode) {
-    if (mode === 'light') {
-        return lightAliasTokens;
-    }
-    else if (mode === 'dark') {
-        return darkAliasTokens;
-    }
-    else if (mode === 'highContrast') {
-        return hcAliasTokens;
-    }
-    else {
-        assertNever(mode);
-    }
-    return lightAliasTokens;
-}
-export function getShadowTokens(mode) {
-    if (mode === 'light') {
-        return lightShadowTokens.shadow;
-    }
-    else if (mode === 'dark') {
-        return darkShadowTokens.shadow;
-    }
-    else if (mode === 'highContrast') {
-        return hcShadowTokens.shadow;
-    }
-    else {
-        assertNever(mode);
-    }
-    return lightAliasTokens;
-}
-//# sourceMappingURL=getTokens.js.map

package/lib/getTokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getTokens.js","sourceRoot":"","sources":["../src/getTokens.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,wEAAwE,CAAC;AACtG,OAAO,eAAe,MAAM,uEAAuE,CAAC;AACpG,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,iBAAiB,MAAM,uEAAuE,CAAC;AACtG,OAAO,gBAAgB,MAAM,sEAAsE,CAAC;AACpG,OAAO,cAAc,MAAM,kEAAkE,CAAC;AAE9F,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,UAAU,cAAc,CAAC,IAAuB;IACpD,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,OAAO,gBAAgB,CAAC;KACzB;SAAM,IAAI,IAAI,KAAK,MAAM,EAAE;QAC1B,OAAO,eAAe,CAAC;KACxB;SAAM,IAAI,IAAI,KAAK,cAAc,EAAE;QAClC,OAAO,aAAa,CAAC;KACtB;SAAM;QACL,WAAW,CAAC,IAAI,CAAC,CAAC;KACnB;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAuB;IACrD,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,OAAO,iBAAiB,CAAC,MAAM,CAAC;KACjC;SAAM,IAAI,IAAI,KAAK,MAAM,EAAE;QAC1B,OAAO,gBAAgB,CAAC,MAAM,CAAC;KAChC;SAAM,IAAI,IAAI,KAAK,cAAc,EAAE;QAClC,OAAO,cAAc,CAAC,MAAM,CAAC;KAC9B;SAAM;QACL,WAAW,CAAC,IAAI,CAAC,CAAC;KACnB;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}

package/lib/highContrast/tokens-alias.d.ts

@@ -1,2 +0,0 @@
-export declare const hcAliasTokens: any;
-//# sourceMappingURL=tokens-alias.d.ts.map

package/lib/highContrast/tokens-alias.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-alias.d.ts","sourceRoot":"","sources":["../../src/highContrast/tokens-alias.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,KAAkC,CAAC"}

package/lib/highContrast/tokens-alias.js

@@ -1,16 +0,0 @@
-import { PlatformColor } from 'react-native';
-import aliasTokens from '@fluentui-react-native/design-tokens-win32/hc/tokens-aliases.json';
-export var hcAliasTokens = processAliasTokens(aliasTokens);
-function processAliasTokens(aliasTokens) {
-    for (var key in aliasTokens) {
-        for (var innerKey in aliasTokens[key]) {
-            var entry = aliasTokens[key][innerKey];
-            if (typeof entry === 'string' && entry.includes('PlatformColor')) {
-                var color = 'SystemColor' + entry.substring(14, entry.length - 1) + 'Color';
-                aliasTokens[key][innerKey] = PlatformColor(color);
-            }
-        }
-    }
-    return aliasTokens;
-}
-//# sourceMappingURL=tokens-alias.js.map

package/lib/highContrast/tokens-alias.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-alias.js","sourceRoot":"","sources":["../../src/highContrast/tokens-alias.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,WAAW,MAAM,mEAAmE,CAAC;AAE5F,MAAM,CAAC,IAAM,aAAa,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;AAE7D,SAAS,kBAAkB,CAAC,WAAgB;IAC1C,KAAK,IAAM,GAAG,IAAI,WAAW,EAAE;QAC7B,KAAK,IAAM,QAAQ,IAAI,WAAW,CAAC,GAAG,CAAC,EAAE;YACvC,IAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;YACzC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;gBAChE,IAAM,KAAK,GAAG,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC;gBAC9E,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;aACnD;SACF;KACF;IAED,OAAO,WAAW,CAAC;AACrB,CAAC"}

package/lib/highContrast/tokens-alias.win32.d.ts

@@ -1,2 +0,0 @@
-export declare const hcAliasTokens: any;
-//# sourceMappingURL=tokens-alias.win32.d.ts.map

package/lib/highContrast/tokens-alias.win32.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-alias.win32.d.ts","sourceRoot":"","sources":["../../src/highContrast/tokens-alias.win32.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,KAAkC,CAAC"}

package/lib/highContrast/tokens-alias.win32.js

@@ -1,16 +0,0 @@
-import { PlatformColor } from 'react-native';
-import aliasTokens from '@fluentui-react-native/design-tokens-win32/hc/tokens-aliases.json';
-export var hcAliasTokens = processAliasTokens(aliasTokens);
-function processAliasTokens(aliasTokens) {
-    for (var key in aliasTokens) {
-        for (var innerKey in aliasTokens[key]) {
-            var entry = aliasTokens[key][innerKey];
-            if (typeof entry === 'string' && entry.includes('PlatformColor')) {
-                var color = entry.substring(14, entry.length - 1);
-                aliasTokens[key][innerKey] = PlatformColor(color);
-            }
-        }
-    }
-    return aliasTokens;
-}
-//# sourceMappingURL=tokens-alias.win32.js.map

package/lib/highContrast/tokens-alias.win32.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-alias.win32.js","sourceRoot":"","sources":["../../src/highContrast/tokens-alias.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,WAAW,MAAM,mEAAmE,CAAC;AAE5F,MAAM,CAAC,IAAM,aAAa,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;AAE7D,SAAS,kBAAkB,CAAC,WAAgB;IAC1C,KAAK,IAAM,GAAG,IAAI,WAAW,EAAE;QAC7B,KAAK,IAAM,QAAQ,IAAI,WAAW,CAAC,GAAG,CAAC,EAAE;YACvC,IAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;YACzC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;gBAChE,IAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBACpD,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;aACnD;SACF;KACF;IAED,OAAO,WAAW,CAAC;AACrB,CAAC"}