@fluentui-react-native/default-theme 0.27.0 → 0.27.3

package/lib/stockWebPalette.win32.js

@@ -2,76 +2,73 @@ import { globalTokens } from '@fluentui-react-native/theme-tokens';
 import { createColorAliasTokens } from './createAliasTokens';
 import { paletteFromFabricColors } from './defaultColors';
 export function getStockWebPalette() {
-  return {
-    ...paletteFromFabricColors({
-      black: globalTokens.color.black,
-      neutralDark: '#201f1e',
-      neutralPrimary: '#323130',
-      neutralPrimaryAlt: '#3b3a39',
-      neutralSecondary: '#605e5c',
-      neutralSecondaryAlt: '#8a8886',
-      neutralTertiary: '#a19f9d',
-      neutralTertiaryAlt: '#c8c6c4',
-      neutralQuaternary: '#d2d0ce',
-      neutralQuaternaryAlt: '#e1dfdd',
-      neutralLight: '#edebe9',
-      neutralLighter: '#f3f2f1',
-      neutralLighterAlt: '#faf9f8',
-      white: globalTokens.color.white,
-      // Shared Colors
-      red: globalTokens.color.red.primary,
-      redDark: globalTokens.color.burgundy.primary,
-      themeDarker: globalTokens.color.brand.shade40,
-      themeDark: globalTokens.color.brand.shade20,
-      themeDarkAlt: globalTokens.color.brand.shade10,
-      themePrimary: globalTokens.color.brand.primary,
-      themeSecondary: '#2b88d8',
-      themeTertiary: '#71afe5',
-      themeLight: globalTokens.color.brand.tint40,
-      themeLighter: globalTokens.color.brand.tint50,
-      themeLighterAlt: globalTokens.color.brand.tint60,
-      accent: globalTokens.color.brand.primary,
-      blackTranslucent40: 'rgba(0,0,0,.4)',
-    }),
-    ...createColorAliasTokens('light'),
-  };
+    return {
+        ...paletteFromFabricColors({
+            black: globalTokens.color.black,
+            neutralDark: '#201f1e',
+            neutralPrimary: '#323130',
+            neutralPrimaryAlt: '#3b3a39',
+            neutralSecondary: '#605e5c',
+            neutralSecondaryAlt: '#8a8886',
+            neutralTertiary: '#a19f9d',
+            neutralTertiaryAlt: '#c8c6c4',
+            neutralQuaternary: '#d2d0ce',
+            neutralQuaternaryAlt: '#e1dfdd',
+            neutralLight: '#edebe9',
+            neutralLighter: '#f3f2f1',
+            neutralLighterAlt: '#faf9f8',
+            white: globalTokens.color.white,
+            // Shared Colors
+            red: globalTokens.color.red.primary,
+            redDark: globalTokens.color.burgundy.primary,
+            themeDarker: globalTokens.color.brand.shade40,
+            themeDark: globalTokens.color.brand.shade20,
+            themeDarkAlt: globalTokens.color.brand.shade10,
+            themePrimary: globalTokens.color.brand.primary,
+            themeSecondary: '#2b88d8',
+            themeTertiary: '#71afe5',
+            themeLight: globalTokens.color.brand.tint40,
+            themeLighter: globalTokens.color.brand.tint50,
+            themeLighterAlt: globalTokens.color.brand.tint60,
+            accent: globalTokens.color.brand.primary,
+            blackTranslucent40: 'rgba(0,0,0,.4)',
+        }),
+        ...createColorAliasTokens('light'),
+    };
 }
 export function getStockWebDarkPalette() {
-  return {
-    ...paletteFromFabricColors(
-      {
-        // colors taken from fluentui DarkCustomizations.ts
-        themeDarker: '#82c7ff',
-        themeDark: globalTokens.color.brand.tint30,
-        themeDarkAlt: globalTokens.color.brand.tint20,
-        themePrimary: globalTokens.color.brand.tint10,
-        themeSecondary: globalTokens.color.brand.primary,
-        themeTertiary: '#235a85',
-        themeLight: globalTokens.color.brand.shade30,
-        themeLighter: globalTokens.color.brand.shade50,
-        themeLighterAlt: globalTokens.color.brand.shade60,
-        black: globalTokens.color.white,
-        neutralDark: '#faf9f8',
-        neutralPrimary: '#f3f2f1',
-        neutralPrimaryAlt: '#c8c6c4',
-        neutralSecondary: '#a19f9d',
-        neutralSecondaryAlt: '#979693',
-        neutralTertiary: '#797775',
-        neutralTertiaryAlt: '#484644',
-        neutralQuaternary: '#3b3a39',
-        neutralQuaternaryAlt: '#323130',
-        neutralLight: '#292827',
-        neutralLighter: '#252423',
-        neutralLighterAlt: '#201f1e',
-        white: '#1b1a19',
-        red: globalTokens.color.red.primary,
-        accent: globalTokens.color.brand.primary,
-        redDark: '#f1707b',
-        blackTranslucent40: 'rgba(0,0,0,.4)',
-      },
-      true,
-    ),
-    ...createColorAliasTokens('dark'),
-  };
+    return {
+        ...paletteFromFabricColors({
+            // colors taken from fluentui DarkCustomizations.ts
+            themeDarker: '#82c7ff',
+            themeDark: globalTokens.color.brand.tint30,
+            themeDarkAlt: globalTokens.color.brand.tint20,
+            themePrimary: globalTokens.color.brand.tint10,
+            themeSecondary: globalTokens.color.brand.primary,
+            themeTertiary: '#235a85',
+            themeLight: globalTokens.color.brand.shade30,
+            themeLighter: globalTokens.color.brand.shade50,
+            themeLighterAlt: globalTokens.color.brand.shade60,
+            black: globalTokens.color.white,
+            neutralDark: '#faf9f8',
+            neutralPrimary: '#f3f2f1',
+            neutralPrimaryAlt: '#c8c6c4',
+            neutralSecondary: '#a19f9d',
+            neutralSecondaryAlt: '#979693',
+            neutralTertiary: '#797775',
+            neutralTertiaryAlt: '#484644',
+            neutralQuaternary: '#3b3a39',
+            neutralQuaternaryAlt: '#323130',
+            neutralLight: '#292827',
+            neutralLighter: '#252423',
+            neutralLighterAlt: '#201f1e',
+            white: '#1b1a19',
+            red: globalTokens.color.red.primary,
+            accent: globalTokens.color.brand.primary,
+            redDark: '#f1707b',
+            blackTranslucent40: 'rgba(0,0,0,.4)',
+        }, true),
+        ...createColorAliasTokens('dark'),
+    };
 }
-//# sourceMappingURL=stockWebPalette.win32.js.map
+//# sourceMappingURL=stockWebPalette.win32.js.map

package/lib-commonjs/__tests__/default-theme.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=default-theme.test.d.ts.map
+//# sourceMappingURL=default-theme.test.d.ts.map

package/lib-commonjs/__tests__/default-theme.test.js

@@ -1,42 +1,42 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-const createAliasTokens_1 = require('../createAliasTokens');
-const createDefaultTheme_1 = require('../createDefaultTheme');
-const defaultTheme_1 = require('../defaultTheme');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const createAliasTokens_1 = require("../createAliasTokens");
+const createDefaultTheme_1 = require("../createDefaultTheme");
+const defaultTheme_1 = require("../defaultTheme");
 const defaultThemeOptions = [
-  [{ appearance: 'light', defaultAppearance: 'light' }],
-  [{ appearance: 'dark', defaultAppearance: 'light' }],
-  [{ appearance: 'highContrast', defaultAppearance: 'light' }],
-  [{ appearance: undefined, defaultAppearance: 'light' }],
-  [{ appearance: 'dynamic', defaultAppearance: 'light' }],
+    [{ appearance: 'light', defaultAppearance: 'light' }],
+    [{ appearance: 'dark', defaultAppearance: 'light' }],
+    [{ appearance: 'highContrast', defaultAppearance: 'light' }],
+    [{ appearance: undefined, defaultAppearance: 'light' }],
+    [{ appearance: 'dynamic', defaultAppearance: 'light' }],
 ];
 const appearanceOptions = ['light', 'dark', 'highContrast'];
 beforeAll(() => {
-  jest.mock('react-native/Libraries/Utilities/Appearance', () => ({
-    getColorScheme: () => 'dark',
-    addChangeListener: () => null,
-  }));
+    jest.mock('react-native/Libraries/Utilities/Appearance', () => ({
+        getColorScheme: () => 'dark',
+        addChangeListener: () => null,
+    }));
 });
 it('defaultFluentTheme test', () => {
-  expect(defaultTheme_1.defaultFluentTheme).toMatchSnapshot();
+    expect(defaultTheme_1.defaultFluentTheme).toMatchSnapshot();
 });
 it('defaultFluentDarkTheme test', () => {
-  expect(defaultTheme_1.defaultFluentDarkTheme).toMatchSnapshot();
+    expect(defaultTheme_1.defaultFluentDarkTheme).toMatchSnapshot();
 });
 describe('createDefaultTheme test', () => {
-  it.concurrent.each(defaultThemeOptions)('themeOption - %o', async (themeOption) => {
-    const defaultTheme = (0, createDefaultTheme_1.createDefaultTheme)(themeOption).theme;
-    expect(defaultTheme).toMatchSnapshot();
-  });
+    it.concurrent.each(defaultThemeOptions)('themeOption - %o', async (themeOption) => {
+        const defaultTheme = (0, createDefaultTheme_1.createDefaultTheme)(themeOption).theme;
+        expect(defaultTheme).toMatchSnapshot();
+    });
 });
 describe('createColorAliasTokens test', () => {
-  it.concurrent.each(appearanceOptions)('appearanceOptions - %s', async (appearanceOption) => {
-    expect((0, createAliasTokens_1.createColorAliasTokens)(appearanceOption)).toMatchSnapshot();
-  });
+    it.concurrent.each(appearanceOptions)('appearanceOptions - %s', async (appearanceOption) => {
+        expect((0, createAliasTokens_1.createColorAliasTokens)(appearanceOption)).toMatchSnapshot();
+    });
 });
 describe('createShadowAliasTokens test', () => {
-  it.concurrent.each(appearanceOptions)('appearanceOptions - %s', async (appearanceOption) => {
-    expect((0, createAliasTokens_1.createShadowAliasTokens)(appearanceOption)).toMatchSnapshot();
-  });
+    it.concurrent.each(appearanceOptions)('appearanceOptions - %s', async (appearanceOption) => {
+        expect((0, createAliasTokens_1.createShadowAliasTokens)(appearanceOption)).toMatchSnapshot();
+    });
 });
-//# sourceMappingURL=default-theme.test.js.map
+//# sourceMappingURL=default-theme.test.js.map

package/lib-commonjs/createAliasTokens.d.ts

@@ -4,4 +4,4 @@ export declare const createColorAliasTokens: typeof createColorAliasTokensWorker
 declare function createShadowAliasTokensWorker(mode: AppearanceOptions): ThemeShadowDefinition;
 export declare const createShadowAliasTokens: typeof createShadowAliasTokensWorker;
 export {};
-//# sourceMappingURL=createAliasTokens.d.ts.map
+//# sourceMappingURL=createAliasTokens.d.ts.map

package/lib-commonjs/createAliasTokens.js

@@ -1,17 +1,17 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createShadowAliasTokens = exports.createColorAliasTokens = void 0;
-const framework_base_1 = require('@fluentui-react-native/framework-base');
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
-const theming_utils_1 = require('@fluentui-react-native/theming-utils');
+const framework_base_1 = require("@fluentui-react-native/framework-base");
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+const theming_utils_1 = require("@fluentui-react-native/theming-utils");
 function createColorAliasTokensWorker(mode) {
-  const aliasTokens = (0, theme_tokens_1.getAliasTokens)(mode);
-  return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
+    const aliasTokens = (0, theme_tokens_1.getAliasTokens)(mode);
+    return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
 }
 exports.createColorAliasTokens = (0, framework_base_1.memoize)(createColorAliasTokensWorker);
 function createShadowAliasTokensWorker(mode) {
-  const aliasTokens = (0, theme_tokens_1.getShadowTokens)(mode);
-  return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
+    const aliasTokens = (0, theme_tokens_1.getShadowTokens)(mode);
+    return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
 }
 exports.createShadowAliasTokens = (0, framework_base_1.memoize)(createShadowAliasTokensWorker);
-//# sourceMappingURL=createAliasTokens.js.map
+//# sourceMappingURL=createAliasTokens.js.map

package/lib-commonjs/createDefaultTheme.d.ts

@@ -1,4 +1,4 @@
 import { ThemeReference } from '@fluentui-react-native/theme';
 import type { ThemeOptions } from '@fluentui-react-native/theme-types';
 export declare function createDefaultTheme(options?: ThemeOptions): ThemeReference;
-//# sourceMappingURL=createDefaultTheme.d.ts.map
+//# sourceMappingURL=createDefaultTheme.d.ts.map

package/lib-commonjs/createDefaultTheme.js

@@ -1,37 +1,35 @@
-'use strict';
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createDefaultTheme = createDefaultTheme;
-const react_native_1 = require('react-native');
-const theme_1 = require('@fluentui-react-native/theme');
-const theming_utils_1 = require('@fluentui-react-native/theming-utils');
-const assert_never_1 = __importDefault(require('assert-never'));
-const defaultTheme_1 = require('./defaultTheme');
+const react_native_1 = require("react-native");
+const theme_1 = require("@fluentui-react-native/theme");
+const theming_utils_1 = require("@fluentui-react-native/theming-utils");
+const assert_never_1 = __importDefault(require("assert-never"));
+const defaultTheme_1 = require("./defaultTheme");
 function createDefaultTheme(options = {}) {
-  const themeRef = new theme_1.ThemeReference({}, () => {
-    const current = (0, theming_utils_1.getCurrentAppearance)(options.appearance, options.defaultAppearance || 'light');
-    switch (current) {
-      case 'light':
-        return defaultTheme_1.defaultFluentTheme;
-      case 'dark':
-        return defaultTheme_1.defaultFluentDarkTheme;
-      case 'darkElevated':
-        return defaultTheme_1.defaultFluentDarkTheme;
-      case 'highContrast':
-        return defaultTheme_1.defaultFluentHighConstrastTheme;
-      default:
-        (0, assert_never_1.default)(current);
-    }
-  });
-  if (react_native_1.Appearance && options.appearance === 'dynamic') {
-    react_native_1.Appearance.addChangeListener(() => {
-      themeRef.invalidate();
+    const themeRef = new theme_1.ThemeReference({}, () => {
+        const current = (0, theming_utils_1.getCurrentAppearance)(options.appearance, options.defaultAppearance || 'light');
+        switch (current) {
+            case 'light':
+                return defaultTheme_1.defaultFluentTheme;
+            case 'dark':
+                return defaultTheme_1.defaultFluentDarkTheme;
+            case 'darkElevated':
+                return defaultTheme_1.defaultFluentDarkTheme;
+            case 'highContrast':
+                return defaultTheme_1.defaultFluentHighConstrastTheme;
+            default:
+                (0, assert_never_1.default)(current);
+        }
     });
-  }
-  return themeRef;
+    if (react_native_1.Appearance && options.appearance === 'dynamic') {
+        react_native_1.Appearance.addChangeListener(() => {
+            themeRef.invalidate();
+        });
+    }
+    return themeRef;
 }
-//# sourceMappingURL=createDefaultTheme.js.map
+//# sourceMappingURL=createDefaultTheme.js.map

package/lib-commonjs/defaultColors.d.ts

@@ -7,4 +7,4 @@ import type { Palette, FabricWebPalette, ThemeColorDefinition } from '@fluentui-
  */
 export declare function paletteFromFabricColors(p: FabricWebPalette, isInverted?: boolean): Palette;
 export declare function getStockWebHCPalette(): ThemeColorDefinition;
-//# sourceMappingURL=defaultColors.d.ts.map
+//# sourceMappingURL=defaultColors.d.ts.map