@fluentui-react-native/apple-theme 0.13.1 → 0.14.0

package/CHANGELOG.json

@@ -2,7 +2,58 @@
   "name": "@fluentui-react-native/apple-theme",
   "entries": [
     {
-      "date": "Tue, 19 Jul 2022 18:09:12 GMT",
+      "date": "Thu, 01 Sep 2022 16:59:59 GMT",
+      "tag": "@fluentui-react-native/apple-theme_v0.14.0",
+      "version": "0.14.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "nkhalil942@gmail.com",
+            "package": "@fluentui-react-native/apple-theme",
+            "commit": "567d1903113eede5db9b04f1e93b9599fdfdaabd",
+            "comment": "Added unit tests"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 29 Aug 2022 23:21:44 GMT",
+      "tag": "@fluentui-react-native/apple-theme_v0.13.3",
+      "version": "0.13.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/apple-theme",
+            "comment": "Bump @fluentui-react-native/default-theme to v0.15.0",
+            "commit": "370259af6f245b97a9a9129d8defbdd30a0bbd9d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/apple-theme",
+            "comment": "Bump @fluentui-react-native/theming-utils to v0.15.0",
+            "commit": "370259af6f245b97a9a9129d8defbdd30a0bbd9d"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sun, 24 Jul 2022 01:24:23 GMT",
+      "tag": "@fluentui-react-native/apple-theme_v0.13.2",
+      "version": "0.13.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "sanajmi@microsoft.com",
+            "package": "@fluentui-react-native/apple-theme",
+            "commit": "74da6a6410babb413c05e7a5d6df23b1d9bc4ae1",
+            "comment": "Fix dead link"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 19 Jul 2022 18:10:02 GMT",
       "tag": "@fluentui-react-native/apple-theme_v0.13.1",
       "version": "0.13.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,37 @@
 # Change Log - @fluentui-react-native/apple-theme
 
-This log was last generated on Tue, 19 Jul 2022 18:09:12 GMT and should not be manually modified.
+This log was last generated on Thu, 01 Sep 2022 16:59:59 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.14.0
+
+Thu, 01 Sep 2022 16:59:59 GMT
+
+### Minor changes
+
+- Added unit tests (nkhalil942@gmail.com)
+
+## 0.13.3
+
+Mon, 29 Aug 2022 23:21:44 GMT
+
+### Patches
+
+- Bump @fluentui-react-native/default-theme to v0.15.0
+- Bump @fluentui-react-native/theming-utils to v0.15.0
+
+## 0.13.2
+
+Sun, 24 Jul 2022 01:24:23 GMT
+
+### Patches
+
+- Fix dead link (sanajmi@microsoft.com)
+
 ## 0.13.1
 
-Tue, 19 Jul 2022 18:09:12 GMT
+Tue, 19 Jul 2022 18:10:02 GMT
 
 ### Patches
 

package/README.md

@@ -9,4 +9,4 @@ Some heuristics followed in this theme:
 - For most tokens, we default to prefer the apple system colors, using the FluentUI Apple Palette where it makes sense. These mappings are subject to change as we increment on the design.
 - On apple platforms, there tends to not be a "hover" state for components such as Button, so those tokens are mapped to be identical to the rest state (normal state) tokens.
 - Similarly, there is not a "checked" state for most components, so those tokens are mapped to the rest state tokens.
-- The typography is designed to match the variants provided by the [Apple HIG](https://developer.apple.com/design/human-interface-guidelines/macos/visual-design/typography/) for regular and "emphasized". As such, the "Semibold" variants do not always map to the semibold weight, but whatever weight the Apple HIG specifies.
+- The typography is designed to match the variants provided by the [Apple HIG](https://developer.apple.com/design/human-interface-guidelines/foundations/typography/) for regular and "emphasized". As such, the "Semibold" variants do not always map to the semibold weight, but whatever weight the Apple HIG specifies.

package/lib/__tests__/apple-theme.test.d.ts

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

package/lib/__tests__/apple-theme.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apple-theme.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/apple-theme.test.ts"],"names":[],"mappings":""}

package/lib/__tests__/apple-theme.test.js

@@ -0,0 +1,79 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { createAppleTheme } from '../createAppleTheme';
+import { createMacOSColorAliasTokens, createMacOSShadowAliasTokens } from '../createMacOSAliasTokens';
+import { getIsHighContrast, setIsHighContrast } from '../appleHighContrast.macos';
+var macOsAliasTokensTable = [
+    ['light', true],
+    ['light', false],
+    ['dark', true],
+    ['dark', false],
+    ['highContrast', null],
+];
+it('createAppleTheme test', function () {
+    var appleTheme = createAppleTheme().theme;
+    expect(appleTheme).toMatchSnapshot();
+});
+it('IsHighContrast test', function () {
+    setIsHighContrast(false);
+    expect(getIsHighContrast()).toBe(false);
+    setIsHighContrast(true);
+    expect(getIsHighContrast()).toBe(true);
+});
+it.concurrent.each(macOsAliasTokensTable)('createMacOSColorAliasTokens test mode: %s, isHighContrast: %p', function (mode, isHighContrast) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        if (mode === 'highContrast') {
+            expect(function () { return createMacOSColorAliasTokens(mode, isHighContrast); }).toThrow();
+        }
+        else {
+            expect(createMacOSColorAliasTokens(mode, isHighContrast)).toMatchSnapshot();
+        }
+        return [2 /*return*/];
+    });
+}); });
+it.concurrent.each(macOsAliasTokensTable)('createMacOSShadowAliasTokens test mode: %s, isHighContrast: %p', function (mode, isHighContrast) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        if (mode === 'highContrast') {
+            expect(function () { return createMacOSShadowAliasTokens(mode, isHighContrast); }).toThrow();
+        }
+        else {
+            expect(createMacOSShadowAliasTokens(mode, isHighContrast)).toMatchSnapshot();
+        }
+        return [2 /*return*/];
+    });
+}); });
+//# sourceMappingURL=apple-theme.test.js.map

package/lib/__tests__/apple-theme.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apple-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/apple-theme.test.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AACtG,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGlF,IAAM,qBAAqB,GAAmC;IAC5D,CAAC,OAAO,EAAE,IAAI,CAAC;IACf,CAAC,OAAO,EAAE,KAAK,CAAC;IAChB,CAAC,MAAM,EAAE,IAAI,CAAC;IACd,CAAC,MAAM,EAAE,KAAK,CAAC;IACf,CAAC,cAAc,EAAE,IAAI,CAAC;CACvB,CAAC;AAEF,EAAE,CAAC,uBAAuB,EAAE;IAC1B,IAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC,KAAK,CAAC;IAC5C,MAAM,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACvC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,qBAAqB,EAAE;IACxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACzB,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACxB,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACzC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,qBAAqB,CAAC,CACvC,+DAA+D,EAC/D,UAAO,IAAuB,EAAE,cAAuB;;QACrD,IAAI,IAAI,KAAK,cAAc,EAAE;YAC3B,MAAM,CAAC,cAAM,OAAA,2BAA2B,CAAC,IAAI,EAAE,cAAc,CAAC,EAAjD,CAAiD,CAAC,CAAC,OAAO,EAAE,CAAC;SAC3E;aAAM;YACL,MAAM,CAAC,2BAA2B,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;SAC7E;;;KACF,CACF,CAAC;AAEF,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,qBAAqB,CAAC,CACvC,gEAAgE,EAChE,UAAO,IAAuB,EAAE,cAAuB;;QACrD,IAAI,IAAI,KAAK,cAAc,EAAE;YAC3B,MAAM,CAAC,cAAM,OAAA,4BAA4B,CAAC,IAAI,EAAE,cAAc,CAAC,EAAlD,CAAkD,CAAC,CAAC,OAAO,EAAE,CAAC;SAC5E;aAAM;YACL,MAAM,CAAC,4BAA4B,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;SAC9E;;;KACF,CACF,CAAC"}

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

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

package/lib-commonjs/__tests__/apple-theme.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apple-theme.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/apple-theme.test.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,81 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var createAppleTheme_1 = require("../createAppleTheme");
+var createMacOSAliasTokens_1 = require("../createMacOSAliasTokens");
+var appleHighContrast_macos_1 = require("../appleHighContrast.macos");
+var macOsAliasTokensTable = [
+    ['light', true],
+    ['light', false],
+    ['dark', true],
+    ['dark', false],
+    ['highContrast', null],
+];
+it('createAppleTheme test', function () {
+    var appleTheme = (0, createAppleTheme_1.createAppleTheme)().theme;
+    expect(appleTheme).toMatchSnapshot();
+});
+it('IsHighContrast test', function () {
+    (0, appleHighContrast_macos_1.setIsHighContrast)(false);
+    expect((0, appleHighContrast_macos_1.getIsHighContrast)()).toBe(false);
+    (0, appleHighContrast_macos_1.setIsHighContrast)(true);
+    expect((0, appleHighContrast_macos_1.getIsHighContrast)()).toBe(true);
+});
+it.concurrent.each(macOsAliasTokensTable)('createMacOSColorAliasTokens test mode: %s, isHighContrast: %p', function (mode, isHighContrast) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        if (mode === 'highContrast') {
+            expect(function () { return (0, createMacOSAliasTokens_1.createMacOSColorAliasTokens)(mode, isHighContrast); }).toThrow();
+        }
+        else {
+            expect((0, createMacOSAliasTokens_1.createMacOSColorAliasTokens)(mode, isHighContrast)).toMatchSnapshot();
+        }
+        return [2 /*return*/];
+    });
+}); });
+it.concurrent.each(macOsAliasTokensTable)('createMacOSShadowAliasTokens test mode: %s, isHighContrast: %p', function (mode, isHighContrast) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        if (mode === 'highContrast') {
+            expect(function () { return (0, createMacOSAliasTokens_1.createMacOSShadowAliasTokens)(mode, isHighContrast); }).toThrow();
+        }
+        else {
+            expect((0, createMacOSAliasTokens_1.createMacOSShadowAliasTokens)(mode, isHighContrast)).toMatchSnapshot();
+        }
+        return [2 /*return*/];
+    });
+}); });
+//# sourceMappingURL=apple-theme.test.js.map

package/lib-commonjs/__tests__/apple-theme.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apple-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/apple-theme.test.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAuD;AACvD,oEAAsG;AACtG,sEAAkF;AAGlF,IAAM,qBAAqB,GAAmC;IAC5D,CAAC,OAAO,EAAE,IAAI,CAAC;IACf,CAAC,OAAO,EAAE,KAAK,CAAC;IAChB,CAAC,MAAM,EAAE,IAAI,CAAC;IACd,CAAC,MAAM,EAAE,KAAK,CAAC;IACf,CAAC,cAAc,EAAE,IAAI,CAAC;CACvB,CAAC;AAEF,EAAE,CAAC,uBAAuB,EAAE;IAC1B,IAAM,UAAU,GAAG,IAAA,mCAAgB,GAAE,CAAC,KAAK,CAAC;IAC5C,MAAM,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACvC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,qBAAqB,EAAE;IACxB,IAAA,2CAAiB,EAAC,KAAK,CAAC,CAAC;IACzB,MAAM,CAAC,IAAA,2CAAiB,GAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxC,IAAA,2CAAiB,EAAC,IAAI,CAAC,CAAC;IACxB,MAAM,CAAC,IAAA,2CAAiB,GAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACzC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,qBAAqB,CAAC,CACvC,+DAA+D,EAC/D,UAAO,IAAuB,EAAE,cAAuB;;QACrD,IAAI,IAAI,KAAK,cAAc,EAAE;YAC3B,MAAM,CAAC,cAAM,OAAA,IAAA,oDAA2B,EAAC,IAAI,EAAE,cAAc,CAAC,EAAjD,CAAiD,CAAC,CAAC,OAAO,EAAE,CAAC;SAC3E;aAAM;YACL,MAAM,CAAC,IAAA,oDAA2B,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;SAC7E;;;KACF,CACF,CAAC;AAEF,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,qBAAqB,CAAC,CACvC,gEAAgE,EAChE,UAAO,IAAuB,EAAE,cAAuB;;QACrD,IAAI,IAAI,KAAK,cAAc,EAAE;YAC3B,MAAM,CAAC,cAAM,OAAA,IAAA,qDAA4B,EAAC,IAAI,EAAE,cAAc,CAAC,EAAlD,CAAkD,CAAC,CAAC,OAAO,EAAE,CAAC;SAC5E;aAAM;YACL,MAAM,CAAC,IAAA,qDAA4B,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;SAC9E;;;KACF,CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/apple-theme",
-  "version": "0.13.1",
+  "version": "0.14.0",
   "description": "A FluentUI React Native theme that pulls constants from FluentUI Apple",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -27,12 +27,12 @@
     "directory": "packages/theming/apple-theme"
   },
   "dependencies": {
-    "@fluentui-react-native/default-theme": ">=0.14.0 <1.0.0",
+    "@fluentui-react-native/default-theme": ">=0.15.0 <1.0.0",
     "@fluentui-react-native/design-tokens-macos": "^0.13.0",
     "@fluentui-react-native/memo-cache": "^1.1.7",
     "@fluentui-react-native/theme": ">=0.7.0 <1.0.0",
     "@fluentui-react-native/theme-types": ">=0.18.0 <1.0.0",
-    "@fluentui-react-native/theming-utils": "^0.14.0",
+    "@fluentui-react-native/theming-utils": "^0.15.0",
     "assert-never": "^1.2.1"
   },
   "devDependencies": {