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

package/lib-commonjs/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-commonjs/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-commonjs/getTokens.js

@@ -1,46 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getShadowTokens = exports.getAliasTokens = void 0;
-var tokens_aliases_json_1 = __importDefault(require("@fluentui-react-native/design-tokens-windows/light/tokens-aliases.json"));
-var tokens_aliases_json_2 = __importDefault(require("@fluentui-react-native/design-tokens-windows/dark/tokens-aliases.json"));
-var tokens_alias_1 = require("./highContrast/tokens-alias");
-var tokens_shadow_json_1 = __importDefault(require("@fluentui-react-native/design-tokens-windows/light/tokens-shadow.json"));
-var tokens_shadow_json_2 = __importDefault(require("@fluentui-react-native/design-tokens-windows/dark/tokens-shadow.json"));
-var tokens_shadow_json_3 = __importDefault(require("@fluentui-react-native/design-tokens-win32/hc/tokens-shadow.json"));
-var assert_never_1 = require("assert-never");
-function getAliasTokens(mode) {
-    if (mode === 'light') {
-        return tokens_aliases_json_1.default;
-    }
-    else if (mode === 'dark') {
-        return tokens_aliases_json_2.default;
-    }
-    else if (mode === 'highContrast') {
-        return tokens_alias_1.hcAliasTokens;
-    }
-    else {
-        (0, assert_never_1.assertNever)(mode);
-    }
-    return tokens_aliases_json_1.default;
-}
-exports.getAliasTokens = getAliasTokens;
-function getShadowTokens(mode) {
-    if (mode === 'light') {
-        return tokens_shadow_json_1.default.shadow;
-    }
-    else if (mode === 'dark') {
-        return tokens_shadow_json_2.default.shadow;
-    }
-    else if (mode === 'highContrast') {
-        return tokens_shadow_json_3.default.shadow;
-    }
-    else {
-        (0, assert_never_1.assertNever)(mode);
-    }
-    return tokens_aliases_json_1.default;
-}
-exports.getShadowTokens = getShadowTokens;
-//# sourceMappingURL=getTokens.js.map

package/lib-commonjs/getTokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getTokens.js","sourceRoot":"","sources":["../src/getTokens.ts"],"names":[],"mappings":";;;;;;AAAA,+HAAsG;AACtG,8HAAoG;AACpG,4DAA4D;AAC5D,6HAAsG;AACtG,4HAAoG;AACpG,wHAA8F;AAE9F,6CAA2C;AAE3C,SAAgB,cAAc,CAAC,IAAuB;IACpD,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,OAAO,6BAAgB,CAAC;KACzB;SAAM,IAAI,IAAI,KAAK,MAAM,EAAE;QAC1B,OAAO,6BAAe,CAAC;KACxB;SAAM,IAAI,IAAI,KAAK,cAAc,EAAE;QAClC,OAAO,4BAAa,CAAC;KACtB;SAAM;QACL,IAAA,0BAAW,EAAC,IAAI,CAAC,CAAC;KACnB;IAED,OAAO,6BAAgB,CAAC;AAC1B,CAAC;AAZD,wCAYC;AAED,SAAgB,eAAe,CAAC,IAAuB;IACrD,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,OAAO,4BAAiB,CAAC,MAAM,CAAC;KACjC;SAAM,IAAI,IAAI,KAAK,MAAM,EAAE;QAC1B,OAAO,4BAAgB,CAAC,MAAM,CAAC;KAChC;SAAM,IAAI,IAAI,KAAK,cAAc,EAAE;QAClC,OAAO,4BAAc,CAAC,MAAM,CAAC;KAC9B;SAAM;QACL,IAAA,0BAAW,EAAC,IAAI,CAAC,CAAC;KACnB;IAED,OAAO,6BAAgB,CAAC;AAC1B,CAAC;AAZD,0CAYC"}

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

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

package/lib-commonjs/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-commonjs/highContrast/tokens-alias.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hcAliasTokens = void 0;
-var react_native_1 = require("react-native");
-var tokens_aliases_json_1 = __importDefault(require("@fluentui-react-native/design-tokens-win32/hc/tokens-aliases.json"));
-exports.hcAliasTokens = processAliasTokens(tokens_aliases_json_1.default);
-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] = (0, react_native_1.PlatformColor)(color);
-            }
-        }
-    }
-    return aliasTokens;
-}
-//# sourceMappingURL=tokens-alias.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-alias.js","sourceRoot":"","sources":["../../src/highContrast/tokens-alias.ts"],"names":[],"mappings":";;;;;;AAAA,6CAA6C;AAC7C,0HAA4F;AAE/E,QAAA,aAAa,GAAG,kBAAkB,CAAC,6BAAW,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,IAAA,4BAAa,EAAC,KAAK,CAAC,CAAC;aACnD;SACF;KACF;IAED,OAAO,WAAW,CAAC;AACrB,CAAC"}

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

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

package/lib-commonjs/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-commonjs/highContrast/tokens-alias.win32.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hcAliasTokens = void 0;
-var react_native_1 = require("react-native");
-var tokens_aliases_json_1 = __importDefault(require("@fluentui-react-native/design-tokens-win32/hc/tokens-aliases.json"));
-exports.hcAliasTokens = processAliasTokens(tokens_aliases_json_1.default);
-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] = (0, react_native_1.PlatformColor)(color);
-            }
-        }
-    }
-    return aliasTokens;
-}
-//# sourceMappingURL=tokens-alias.win32.js.map

package/lib-commonjs/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,6CAA6C;AAC7C,0HAA4F;AAE/E,QAAA,aAAa,GAAG,kBAAkB,CAAC,6BAAW,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,IAAA,4BAAa,EAAC,KAAK,CAAC,CAAC;aACnD;SACF;KACF;IAED,OAAO,WAAW,CAAC;AACrB,CAAC"}

package/src/getTokens.ts

@@ -1,36 +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 { AppearanceOptions } from '@fluentui-react-native/theme-types';
-import { assertNever } from 'assert-never';
-
-export function getAliasTokens(mode: AppearanceOptions) {
-  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: AppearanceOptions) {
-  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;
-}

package/src/highContrast/tokens-alias.ts

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

package/src/highContrast/tokens-alias.win32.ts

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