@fluentui-react-native/apple-theme 0.29.0 → 0.29.3

package/lib-commonjs/getMacOSTokens.js

@@ -1,57 +1,65 @@
-'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.getMacOSAliasTokens = getMacOSAliasTokens;
 exports.getMacOSShadowTokens = getMacOSShadowTokens;
-const tokens_aliases_json_1 = __importDefault(require('@fluentui-react-native/design-tokens-macos/dark/tokens-aliases.json'));
-const tokens_shadow_json_1 = __importDefault(require('@fluentui-react-native/design-tokens-macos/dark/tokens-shadow.json'));
-const tokens_aliases_json_2 = __importDefault(require('@fluentui-react-native/design-tokens-macos/hcdark/tokens-aliases.json'));
-const tokens_shadow_json_2 = __importDefault(require('@fluentui-react-native/design-tokens-macos/hcdark/tokens-shadow.json'));
-const tokens_aliases_json_3 = __importDefault(require('@fluentui-react-native/design-tokens-macos/hclight/tokens-aliases.json'));
-const tokens_shadow_json_3 = __importDefault(require('@fluentui-react-native/design-tokens-macos/hclight/tokens-shadow.json'));
-const tokens_aliases_json_4 = __importDefault(require('@fluentui-react-native/design-tokens-macos/light/tokens-aliases.json'));
-const tokens_shadow_json_4 = __importDefault(require('@fluentui-react-native/design-tokens-macos/light/tokens-shadow.json'));
-const assert_never_1 = require('assert-never');
+const tokens_aliases_json_1 = __importDefault(require("@fluentui-react-native/design-tokens-macos/dark/tokens-aliases.json"));
+const tokens_shadow_json_1 = __importDefault(require("@fluentui-react-native/design-tokens-macos/dark/tokens-shadow.json"));
+const tokens_aliases_json_2 = __importDefault(require("@fluentui-react-native/design-tokens-macos/hcdark/tokens-aliases.json"));
+const tokens_shadow_json_2 = __importDefault(require("@fluentui-react-native/design-tokens-macos/hcdark/tokens-shadow.json"));
+const tokens_aliases_json_3 = __importDefault(require("@fluentui-react-native/design-tokens-macos/hclight/tokens-aliases.json"));
+const tokens_shadow_json_3 = __importDefault(require("@fluentui-react-native/design-tokens-macos/hclight/tokens-shadow.json"));
+const tokens_aliases_json_4 = __importDefault(require("@fluentui-react-native/design-tokens-macos/light/tokens-aliases.json"));
+const tokens_shadow_json_4 = __importDefault(require("@fluentui-react-native/design-tokens-macos/light/tokens-shadow.json"));
+const assert_never_1 = require("assert-never");
 function getMacOSAliasTokens(mode, isHighContrast) {
-  if (mode === 'light') {
-    if (isHighContrast) {
-      return tokens_aliases_json_3.default;
-    } else {
-      return tokens_aliases_json_4.default;
-    }
-  } else if (mode === 'dark' || mode === 'darkElevated') {
-    if (isHighContrast) {
-      return tokens_aliases_json_2.default;
-    } else {
-      return tokens_aliases_json_1.default;
-    }
-  } else if (mode === 'highContrast') {
-    throw new Error('highContrast is not a valid AppearanceOptions on macOS');
-  } else {
-    (0, assert_never_1.assertNever)(mode);
-  }
+    if (mode === 'light') {
+        if (isHighContrast) {
+            return tokens_aliases_json_3.default;
+        }
+        else {
+            return tokens_aliases_json_4.default;
+        }
+    }
+    else if (mode === 'dark' || mode === 'darkElevated') {
+        if (isHighContrast) {
+            return tokens_aliases_json_2.default;
+        }
+        else {
+            return tokens_aliases_json_1.default;
+        }
+    }
+    else if (mode === 'highContrast') {
+        throw new Error('highContrast is not a valid AppearanceOptions on macOS');
+    }
+    else {
+        (0, assert_never_1.assertNever)(mode);
+    }
 }
 function getMacOSShadowTokens(mode, isHighContrast) {
-  if (mode === 'light') {
-    if (isHighContrast) {
-      return tokens_shadow_json_3.default;
-    } else {
-      return tokens_shadow_json_4.default;
-    }
-  } else if (mode === 'dark' || mode === 'darkElevated') {
-    if (isHighContrast) {
-      return tokens_shadow_json_2.default;
-    } else {
-      return tokens_shadow_json_1.default;
-    }
-  } else if (mode === 'highContrast') {
-    throw new Error('highContrast is not a valid AppearanceOptions on macOS');
-  } else {
-    (0, assert_never_1.assertNever)(mode);
-  }
+    if (mode === 'light') {
+        if (isHighContrast) {
+            return tokens_shadow_json_3.default;
+        }
+        else {
+            return tokens_shadow_json_4.default;
+        }
+    }
+    else if (mode === 'dark' || mode === 'darkElevated') {
+        if (isHighContrast) {
+            return tokens_shadow_json_2.default;
+        }
+        else {
+            return tokens_shadow_json_1.default;
+        }
+    }
+    else if (mode === 'highContrast') {
+        throw new Error('highContrast is not a valid AppearanceOptions on macOS');
+    }
+    else {
+        (0, assert_never_1.assertNever)(mode);
+    }
 }
-//# sourceMappingURL=getMacOSTokens.js.map
+//# sourceMappingURL=getMacOSTokens.js.map

package/lib-commonjs/index.d.ts

@@ -1,4 +1,4 @@
 export { createAppleTheme } from './createAppleTheme';
 export { createMacOSColorAliasTokens as createMacOSAliasTokens } from './createMacOSAliasTokens';
 export { getIsHighContrast, setIsHighContrast } from './appleHighContrast.macos';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.js

@@ -1,31 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.setIsHighContrast = exports.getIsHighContrast = exports.createMacOSAliasTokens = exports.createAppleTheme = void 0;
-const createAppleTheme_1 = require('./createAppleTheme');
-Object.defineProperty(exports, 'createAppleTheme', {
-  enumerable: true,
-  get: function () {
-    return createAppleTheme_1.createAppleTheme;
-  },
-});
-const createMacOSAliasTokens_1 = require('./createMacOSAliasTokens');
-Object.defineProperty(exports, 'createMacOSAliasTokens', {
-  enumerable: true,
-  get: function () {
-    return createMacOSAliasTokens_1.createMacOSColorAliasTokens;
-  },
-});
-const appleHighContrast_macos_1 = require('./appleHighContrast.macos');
-Object.defineProperty(exports, 'getIsHighContrast', {
-  enumerable: true,
-  get: function () {
-    return appleHighContrast_macos_1.getIsHighContrast;
-  },
-});
-Object.defineProperty(exports, 'setIsHighContrast', {
-  enumerable: true,
-  get: function () {
-    return appleHighContrast_macos_1.setIsHighContrast;
-  },
-});
-//# sourceMappingURL=index.js.map
+const createAppleTheme_1 = require("./createAppleTheme");
+Object.defineProperty(exports, "createAppleTheme", { enumerable: true, get: function () { return createAppleTheme_1.createAppleTheme; } });
+const createMacOSAliasTokens_1 = require("./createMacOSAliasTokens");
+Object.defineProperty(exports, "createMacOSAliasTokens", { enumerable: true, get: function () { return createMacOSAliasTokens_1.createMacOSColorAliasTokens; } });
+const appleHighContrast_macos_1 = require("./appleHighContrast.macos");
+Object.defineProperty(exports, "getIsHighContrast", { enumerable: true, get: function () { return appleHighContrast_macos_1.getIsHighContrast; } });
+Object.defineProperty(exports, "setIsHighContrast", { enumerable: true, get: function () { return appleHighContrast_macos_1.setIsHighContrast; } });
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,74 +1,75 @@
 {
   "name": "@fluentui-react-native/apple-theme",
-  "version": "0.29.0",
+  "version": "0.29.3",
   "description": "A FluentUI React Native theme that pulls constants from FluentUI Apple",
   "homepage": "https://github.com/microsoft/fluentui-react-native",
+  "license": "MIT",
+  "author": "Microsoft <fluentuinativeowners@microsoft.com>",
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui-react-native.git",
     "directory": "packages/theming/apple-theme"
   },
-  "license": "MIT",
-  "author": "Microsoft <fluentuinativeowners@microsoft.com>",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js"
+      "require": "./lib-commonjs/index.js",
+      "default": "./src/index.ts"
     }
   },
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
     "build-cjs": "tsgo --outDir lib-commonjs",
-    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
+    "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
-    "lint": "fluentui-scripts eslint",
+    "format": "fluentui-scripts format",
+    "lint": "fluentui-scripts lint",
     "lint-package": "fluentui-scripts lint-package",
-    "prettier": "fluentui-scripts prettier",
     "start": "fluentui-scripts dev",
     "start-test": "fluentui-scripts jest-watch",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/default-theme": "0.27.0",
+    "@fluentui-react-native/default-theme": "0.27.3",
     "@fluentui-react-native/design-tokens-ios": "^0.53.0",
     "@fluentui-react-native/design-tokens-macos": "^0.53.0",
-    "@fluentui-react-native/experimental-appearance-additions": "0.8.0",
-    "@fluentui-react-native/framework-base": "0.3.0",
-    "@fluentui-react-native/theme": "0.12.0",
-    "@fluentui-react-native/theme-tokens": "0.28.0",
-    "@fluentui-react-native/theme-types": "0.44.0",
-    "@fluentui-react-native/theming-utils": "0.27.0",
+    "@fluentui-react-native/experimental-appearance-additions": "0.8.3",
+    "@fluentui-react-native/framework-base": "0.3.3",
+    "@fluentui-react-native/theme": "0.12.3",
+    "@fluentui-react-native/theme-tokens": "0.28.3",
+    "@fluentui-react-native/theme-types": "0.44.3",
+    "@fluentui-react-native/theming-utils": "0.27.3",
     "assert-never": "^1.2.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
-    "@fluentui-react-native/eslint-config-rules": "0.1.1",
-    "@fluentui-react-native/jest-config": "0.1.1",
+    "@fluentui-react-native/jest-config": "0.1.0",
     "@fluentui-react-native/kit-config": "0.1.2",
-    "@fluentui-react-native/scripts": "0.1.2",
+    "@fluentui-react-native/lint-config-rules": "0.1.3",
+    "@fluentui-react-native/scripts": "0.1.0",
     "@react-native-community/cli": "^20.0.0",
     "@react-native-community/cli-platform-android": "^20.0.0",
     "@react-native-community/cli-platform-ios": "^20.0.0",
     "@react-native/babel-preset": "^0.81.0",
     "@react-native/metro-config": "^0.81.0",
-    "@types/react": "~19.1.0",
-    "react": "19.1.0",
-    "react-native": "^0.81.0",
+    "@types/react": "~19.1.4",
+    "react": "19.1.4",
+    "react-native": "^0.81.6",
     "react-native-macos": "^0.81.0",
     "react-native-windows": "^0.81.0"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.74.0",
-    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
-    "react": "18.2.0 || 19.0.0 || 19.1.0",
-    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.4",
+    "react": "18.2.0 || 19.0.0 || 19.1.4",
+    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.6",
     "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
     "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
   },

package/src/appleColors.macos.ts

@@ -1,6 +1,4 @@
 import type { ThemeColorDefinition, AppearanceOptions } from '@fluentui-react-native/theme-types';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 import { PlatformColor, DynamicColorMacOS, ColorWithSystemEffectMacOS } from 'react-native-macos';
 
 import type { AppleSemanticPalette, FluentUIApplePalette } from './appleColors.types.macos';

package/src/appleTypography.macos.ts

@@ -2,7 +2,7 @@ import type { FontSize, FontSizes, FontWeightValue, Typography, Variants } from
 
 /**
  * The Typography is designed to match the styles defined in the Apple HIG:
- * https://developer.apple.com/design/human-interface-guidelines/macos/visual-design/typography/
+ * https://developer.apple.com/design/human-interface-guidelines/typography
  * These mappings and variants are subject to change as we moved to a unified cross platform Fluent typography ramp
  * Github #598 also tracks pulling these values from a Native Module rather than hardcoding the numbers in JS.
  */

package/src/createAppleTheme.macos.ts

@@ -19,8 +19,6 @@ export function createAppleTheme(): ThemeReference {
   // Fetch initial system settings for high contrast mode
   highContrastHandler();
   // Invalidate theme and set prop when high contrast setting changes
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
   AccessibilityInfo.addEventListener('highContrastChanged', () => {
     highContrastHandler();
   });
@@ -32,8 +30,6 @@ export function createAppleTheme(): ThemeReference {
 }
 
 function highContrastHandler() {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
   AccessibilityInfo.isHighContrastEnabled().then((isEnabled) => {
     setIsHighContrast(isEnabled);
     appleThemeReference.invalidate();

package/eslint.config.js

@@ -1,3 +0,0 @@
-const baseConfig = require('@fluentui-react-native/eslint-config-rules');
-
-module.exports = baseConfig;