@fluentui-react-native/apple-theme 0.29.5 → 0.29.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.cache/tsconfig.tsbuildinfo +1 -1
- package/CHANGELOG.md +29 -0
- package/lib/__tests__/apple-theme.test.js +3 -3
- package/lib/__tests__/apple-theme.test.js.map +1 -1
- package/lib/appleColors.ios.d.ts +1 -1
- package/lib/appleColors.ios.d.ts.map +1 -1
- package/lib/appleColors.ios.js +3 -3
- package/lib/appleColors.ios.js.map +1 -1
- package/lib/appleColors.macos.d.ts +1 -1
- package/lib/appleColors.macos.d.ts.map +1 -1
- package/lib/appleHighContrast.macos.js +1 -1
- package/lib/appleHighContrast.macos.js.map +1 -1
- package/lib/appleShadows.ios.d.ts +1 -1
- package/lib/appleShadows.ios.d.ts.map +1 -1
- package/lib/appleShadows.ios.js +1 -1
- package/lib/appleShadows.ios.js.map +1 -1
- package/lib/appleShadows.macos.d.ts +1 -1
- package/lib/appleShadows.macos.d.ts.map +1 -1
- package/lib/appleTheme.ios.d.ts +1 -4
- package/lib/appleTheme.ios.d.ts.map +1 -1
- package/lib/appleTheme.macos.d.ts +2 -4
- package/lib/appleTheme.macos.d.ts.map +1 -1
- package/lib/appleTypography.ios.d.ts +1 -1
- package/lib/appleTypography.ios.d.ts.map +1 -1
- package/lib/appleTypography.macos.d.ts +1 -1
- package/lib/appleTypography.macos.d.ts.map +1 -1
- package/lib/createAppleTheme.d.ts +1 -1
- package/lib/createAppleTheme.d.ts.map +1 -1
- package/lib/createAppleTheme.ios.d.ts +1 -1
- package/lib/createAppleTheme.ios.d.ts.map +1 -1
- package/lib/createAppleTheme.ios.js +1 -1
- package/lib/createAppleTheme.ios.js.map +1 -1
- package/lib/createAppleTheme.js +1 -1
- package/lib/createAppleTheme.js.map +1 -1
- package/lib/createAppleTheme.macos.d.ts +1 -1
- package/lib/createAppleTheme.macos.d.ts.map +1 -1
- package/lib/createAppleTheme.macos.js +1 -3
- package/lib/createAppleTheme.macos.js.map +1 -1
- package/lib/createFontAliasTokens.ios.d.ts +1 -4
- package/lib/createFontAliasTokens.ios.d.ts.map +1 -1
- package/lib/createMacOSAliasTokens.d.ts +2 -7
- package/lib/createMacOSAliasTokens.d.ts.map +1 -1
- package/lib/createiOSAliasTokens.d.ts +2 -7
- package/lib/createiOSAliasTokens.d.ts.map +1 -1
- package/lib/getMacOSTokens.d.ts +1 -1
- package/lib/getMacOSTokens.d.ts.map +1 -1
- package/package.json +8 -10
- package/src/__tests__/apple-theme.test.ts +4 -4
- package/src/appleColors.ios.ts +4 -4
- package/src/appleColors.macos.ts +1 -1
- package/src/appleHighContrast.macos.ts +1 -1
- package/src/appleShadows.ios.ts +2 -2
- package/src/appleShadows.macos.ts +1 -1
- package/src/appleTheme.ios.ts +1 -1
- package/src/appleTheme.macos.ts +1 -1
- package/src/appleTypography.ios.ts +1 -1
- package/src/appleTypography.macos.ts +1 -1
- package/src/createAppleTheme.ios.ts +2 -2
- package/src/createAppleTheme.macos.ts +2 -4
- package/src/createAppleTheme.ts +1 -1
- package/src/createFontAliasTokens.ios.ts +1 -1
- package/src/createMacOSAliasTokens.ts +2 -2
- package/src/createiOSAliasTokens.ts +2 -2
- package/src/getMacOSTokens.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,34 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/apple-theme
|
|
2
2
|
|
|
3
|
+
## 0.29.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 01ed385: Switch packages that referenced globalTokens by object to use the new constant references instead
|
|
8
|
+
- 801d8b1: Switch to the released typescript 7
|
|
9
|
+
- 80bf14d: Move platform theming utilities into the design package, update usage in the repo to use the new source"
|
|
10
|
+
- 5b5afea: Remove depcheck script, allow jest to run tests with platform module suffixes
|
|
11
|
+
- d2690c9: Move theme type definitions into the `@fluentui-react-native/design` package under the new `@fluentui-react-native/design/theming` submodule export. The `@fluentui-react-native/theme-types` package is now a thin compatibility shim that re-exports from `@fluentui-react-native/design/theming`, and all in-repo consumers now reference the new submodule.
|
|
12
|
+
- Updated dependencies [e37b04b]
|
|
13
|
+
- Updated dependencies [01ed385]
|
|
14
|
+
- Updated dependencies [1eef74e]
|
|
15
|
+
- Updated dependencies [e37b04b]
|
|
16
|
+
- Updated dependencies [801d8b1]
|
|
17
|
+
- Updated dependencies [e2a4065]
|
|
18
|
+
- Updated dependencies [80bf14d]
|
|
19
|
+
- Updated dependencies [b28f021]
|
|
20
|
+
- Updated dependencies [5b5afea]
|
|
21
|
+
- Updated dependencies [c1de024]
|
|
22
|
+
- Updated dependencies [d2690c9]
|
|
23
|
+
- Updated dependencies [03ba7ef]
|
|
24
|
+
- Updated dependencies [9d2bb3e]
|
|
25
|
+
- @fluentui-react-native/design@0.2.0
|
|
26
|
+
- @fluentui-react-native/theming-utils@0.27.6
|
|
27
|
+
- @fluentui-react-native/theme-tokens@0.29.0
|
|
28
|
+
- @fluentui-react-native/framework-base@0.5.0
|
|
29
|
+
- @fluentui-react-native/experimental-appearance-additions@0.8.6
|
|
30
|
+
- @fluentui-react-native/default-theme@0.27.6
|
|
31
|
+
|
|
3
32
|
## 0.29.5
|
|
4
33
|
|
|
5
34
|
### Patch Changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { isHighContrast, setIsHighContrast } from '@fluentui-react-native/design/theming';
|
|
2
2
|
import { createAppleTheme } from '../createAppleTheme';
|
|
3
3
|
import { createMacOSColorAliasTokens, createMacOSShadowAliasTokens } from '../createMacOSAliasTokens';
|
|
4
4
|
jest.mock('react-native-macos/Libraries/Components/AccessibilityInfo/AccessibilityInfo', () => ({
|
|
@@ -33,9 +33,9 @@ it('createAppleTheme test', () => {
|
|
|
33
33
|
});
|
|
34
34
|
it('IsHighContrast test', () => {
|
|
35
35
|
setIsHighContrast(false);
|
|
36
|
-
expect(
|
|
36
|
+
expect(isHighContrast()).toBe(false);
|
|
37
37
|
setIsHighContrast(true);
|
|
38
|
-
expect(
|
|
38
|
+
expect(isHighContrast()).toBe(true);
|
|
39
39
|
});
|
|
40
40
|
it.concurrent.each(macOSAliasTokensTable)('createMacOSColorAliasTokens test mode: %s, isHighContrast: %p', async (mode, isHighContrast) => {
|
|
41
41
|
if (mode === 'highContrast') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"apple-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/apple-theme.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"apple-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/apple-theme.test.ts"],"names":[],"mappings":"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"}
|
package/lib/appleColors.ios.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ThemeColorDefinition } from '@fluentui-react-native/
|
|
1
|
+
import type { ThemeColorDefinition } from '@fluentui-react-native/design/theming';
|
|
2
2
|
/** Creates a palette of colors for the apple theme, using the appropriate FluentUI Apple Palette based on appearance */
|
|
3
3
|
export declare function paletteFromAppleColors(isLightMode: boolean, isElevated: boolean): ThemeColorDefinition;
|
|
4
4
|
//# sourceMappingURL=appleColors.ios.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleColors.ios.d.ts","sourceRoot":"","sources":["../src/appleColors.ios.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"appleColors.ios.d.ts","sourceRoot":"","sources":["../src/appleColors.ios.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAiDlF,wHAAwH;AACxH,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,GAAG,oBAAoB,CAkLtG"}
|
package/lib/appleColors.ios.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Appearance } from 'react-native';
|
|
2
|
-
import {
|
|
3
|
-
import { getCurrentAppearance } from '@fluentui-react-native/theming
|
|
2
|
+
import { colorGrey26 } from '@fluentui-react-native/design/tokens/global';
|
|
3
|
+
import { getCurrentAppearance } from '@fluentui-react-native/design/theming';
|
|
4
4
|
import { createiOSColorAliasTokens } from './createiOSAliasTokens';
|
|
5
5
|
//TODO: remove and replace with Fluent 2 alias color tokens
|
|
6
6
|
function getFluentUIAppleLightPalette() {
|
|
@@ -178,7 +178,7 @@ export function paletteFromAppleColors(isLightMode, isElevated) {
|
|
|
178
178
|
defaultPressedSecondaryContent: fluentApple.communicationBlueTint20,
|
|
179
179
|
checkboxBackground: fluentApple.communicationBlue,
|
|
180
180
|
checkboxBackgroundDisabled: fluent2AliasColorTokens.neutralBackground1,
|
|
181
|
-
checkboxBorderColor:
|
|
181
|
+
checkboxBorderColor: colorGrey26,
|
|
182
182
|
checkmarkColor: fluent2AliasColorTokens.neutralForegroundOnColor,
|
|
183
183
|
personaActivityGlow: 'transparent',
|
|
184
184
|
personaActivityRing: fluent2AliasColorTokens.neutralBackground1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleColors.ios.js","sourceRoot":"","sources":["../src/appleColors.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"appleColors.ios.js","sourceRoot":"","sources":["../src/appleColors.ios.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ThemeColorDefinition, AppearanceOptions } from '@fluentui-react-native/
|
|
1
|
+
import type { ThemeColorDefinition, AppearanceOptions } from '@fluentui-react-native/design/theming';
|
|
2
2
|
/** Creates a palette of colors for the apple theme, given the FluentUI Apple Palette and Apple Semantic Palette
|
|
3
3
|
* The fallback palette is loaded while we wait for the native theming module to load, or if the module is not found
|
|
4
4
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleColors.macos.d.ts","sourceRoot":"","sources":["../src/appleColors.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"appleColors.macos.d.ts","sourceRoot":"","sources":["../src/appleColors.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAgQrG;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,iBAAiB,GAAG,oBAAoB,CAuKlF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { isHighContrast, setIsHighContrast as setIsHighContrastCore } from '@fluentui-react-native/theming
|
|
1
|
+
import { isHighContrast, setIsHighContrast as setIsHighContrastCore } from '@fluentui-react-native/design/theming';
|
|
2
2
|
export function setIsHighContrast(newIsHighContrast) {
|
|
3
3
|
setIsHighContrastCore(newIsHighContrast);
|
|
4
4
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleHighContrast.macos.js","sourceRoot":"","sources":["../src/appleHighContrast.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"appleHighContrast.macos.js","sourceRoot":"","sources":["../src/appleHighContrast.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAEnH,MAAM,UAAU,iBAAiB,CAAC,iBAA0B;IAC1D,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO,cAAc,EAAE,CAAC;AAC1B,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { ThemeShadowDefinition } from '@fluentui-react-native/
|
|
1
|
+
import type { ThemeShadowDefinition } from '@fluentui-react-native/design/theming';
|
|
2
2
|
export declare function iOSShadows(): ThemeShadowDefinition;
|
|
3
3
|
//# sourceMappingURL=appleShadows.ios.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleShadows.ios.d.ts","sourceRoot":"","sources":["../src/appleShadows.ios.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"appleShadows.ios.d.ts","sourceRoot":"","sources":["../src/appleShadows.ios.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAKnF,wBAAgB,UAAU,IAAI,qBAAqB,CAIlD"}
|
package/lib/appleShadows.ios.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Appearance } from 'react-native';
|
|
2
|
-
import { getCurrentAppearance } from '@fluentui-react-native/theming
|
|
2
|
+
import { getCurrentAppearance } from '@fluentui-react-native/design/theming';
|
|
3
3
|
import { createiOSShadowAliasTokens } from './createiOSAliasTokens';
|
|
4
4
|
export function iOSShadows() {
|
|
5
5
|
const appearance = Appearance.getColorScheme();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleShadows.ios.js","sourceRoot":"","sources":["../src/appleShadows.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"appleShadows.ios.js","sourceRoot":"","sources":["../src/appleShadows.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAE7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,UAAU,UAAU;IACxB,MAAM,UAAU,GAAG,UAAU,CAAC,cAAc,EAAE,CAAC;IAC/C,MAAM,IAAI,GAAG,oBAAoB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACvD,OAAO,0BAA0B,CAAC,IAAI,CAAC,CAAC;AAC1C,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { ThemeShadowDefinition, AppearanceOptions } from '@fluentui-react-native/
|
|
1
|
+
import type { ThemeShadowDefinition, AppearanceOptions } from '@fluentui-react-native/design/theming';
|
|
2
2
|
export declare function fallbackAppleShadows(mode: AppearanceOptions): ThemeShadowDefinition;
|
|
3
3
|
//# sourceMappingURL=appleShadows.macos.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleShadows.macos.d.ts","sourceRoot":"","sources":["../src/appleShadows.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"appleShadows.macos.d.ts","sourceRoot":"","sources":["../src/appleShadows.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAKtG,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,iBAAiB,GAAG,qBAAqB,CAEnF"}
|
package/lib/appleTheme.ios.d.ts
CHANGED
|
@@ -1,5 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
declare function getBaseAppleThemeIOSWorker(isLightMode: boolean, isElevated: boolean): Theme;
|
|
3
|
-
export declare const getBaseAppleThemeIOS: typeof getBaseAppleThemeIOSWorker;
|
|
4
|
-
export {};
|
|
1
|
+
export declare const getBaseAppleThemeIOS: any;
|
|
5
2
|
//# sourceMappingURL=appleTheme.ios.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleTheme.ios.d.ts","sourceRoot":"","sources":["../src/appleTheme.ios.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"appleTheme.ios.d.ts","sourceRoot":"","sources":["../src/appleTheme.ios.ts"],"names":[],"mappings":"AA8IA,eAAO,MAAM,oBAAoB,KAAsC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Spacing
|
|
1
|
+
import type { Spacing } from '@fluentui-react-native/design/theming';
|
|
2
2
|
export declare function appleSpacing(): Spacing;
|
|
3
3
|
export declare const appleComponents: {
|
|
4
4
|
Button: {
|
|
@@ -55,7 +55,5 @@ export declare const appleComponents: {
|
|
|
55
55
|
_precedence: string[];
|
|
56
56
|
};
|
|
57
57
|
};
|
|
58
|
-
declare
|
|
59
|
-
export declare const getBaseAppleThemeMacOS: typeof getBaseAppleThemeMacOSWorker;
|
|
60
|
-
export {};
|
|
58
|
+
export declare const getBaseAppleThemeMacOS: any;
|
|
61
59
|
//# sourceMappingURL=appleTheme.macos.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleTheme.macos.d.ts","sourceRoot":"","sources":["../src/appleTheme.macos.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"appleTheme.macos.d.ts","sourceRoot":"","sources":["../src/appleTheme.macos.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAA4B,MAAM,uCAAuC,CAAC;AAM/F,wBAAgB,YAAY,IAAI,OAAO,CAQtC;AAED,eAAO,MAAM,eAAe;IAE1B,MAAM;QACJ,MAAM;YACJ,YAAY;YACZ,WAAW;YACX,SAAS;YACT,QAAQ;;QAEV,IAAI;YACF,KAAK;gBACH,MAAM;;;QAGV,KAAK;YACH,KAAK;gBACH,eAAe;gBACf,SAAS;;;QAGb,IAAI;YACF,KAAK;gBACH,SAAS;;;QAGb,OAAO;YACL,QAAQ;;;IAGZ,OAAO;QACL,MAAM;YACJ,OAAO;;;IAGX,QAAQ;QACN,QAAQ;YACN,KAAK;gBACH,WAAW;gBACX,WAAW;gBACX,YAAY;gBACZ,SAAS;gBACT,QAAQ;gBACR,SAAS;;;QAGb,aAAa;YACX,KAAK;YACL,MAAM;YACN,KAAK;gBACH,cAAc;gBACd,gBAAgB;;;QAIpB,WAAW;;CAEd,CAAC;AAaF,eAAO,MAAM,sBAAsB,KAAwC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleTypography.ios.d.ts","sourceRoot":"","sources":["../src/appleTypography.ios.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAwC,UAAU,EAAY,MAAM,
|
|
1
|
+
{"version":3,"file":"appleTypography.ios.d.ts","sourceRoot":"","sources":["../src/appleTypography.ios.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAwC,UAAU,EAAY,MAAM,uCAAuC,CAAC;AAKxH,wBAAgB,eAAe,IAAI,UAAU,CAmD5C"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Typography } from '@fluentui-react-native/
|
|
1
|
+
import type { Typography } from '@fluentui-react-native/design/theming';
|
|
2
2
|
/**
|
|
3
3
|
* The Typography is designed to match the styles defined in the Apple HIG:
|
|
4
4
|
* https://developer.apple.com/design/human-interface-guidelines/typography
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleTypography.macos.d.ts","sourceRoot":"","sources":["../src/appleTypography.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAwC,UAAU,EAAY,MAAM,
|
|
1
|
+
{"version":3,"file":"appleTypography.macos.d.ts","sourceRoot":"","sources":["../src/appleTypography.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAwC,UAAU,EAAY,MAAM,uCAAuC,CAAC;AAExH;;;;;GAKG;AAEH,wBAAgB,uBAAuB,IAAI,UAAU,CA+DpD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.d.ts","sourceRoot":"","sources":["../src/createAppleTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"createAppleTheme.d.ts","sourceRoot":"","sources":["../src/createAppleTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAEvE,wBAAgB,gBAAgB,IAAI,cAAc,CAGjD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.ios.d.ts","sourceRoot":"","sources":["../src/createAppleTheme.ios.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"createAppleTheme.ios.d.ts","sourceRoot":"","sources":["../src/createAppleTheme.ios.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAKvE,wBAAgB,gBAAgB,IAAI,cAAc,CAiBjD"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Appearance, NativeEventEmitter } from 'react-native';
|
|
2
2
|
import { NativeAppearanceAdditions } from '@fluentui-react-native/experimental-appearance-additions';
|
|
3
|
-
import { ThemeReference } from '@fluentui-react-native/
|
|
3
|
+
import { ThemeReference } from '@fluentui-react-native/design/theming';
|
|
4
4
|
import { getBaseAppleThemeIOS } from './appleTheme.ios';
|
|
5
5
|
export function createAppleTheme() {
|
|
6
6
|
const appleThemeReference = new ThemeReference({}, () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.ios.js","sourceRoot":"","sources":["../src/createAppleTheme.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,0DAA0D,CAAC;AACrG,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"createAppleTheme.ios.js","sourceRoot":"","sources":["../src/createAppleTheme.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,0DAA0D,CAAC;AACrG,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAGvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,UAAU,gBAAgB;IAC9B,MAAM,mBAAmB,GAAG,IAAI,cAAc,CAAC,EAAW,EAAE,GAAG,EAAE;QAC/D,MAAM,WAAW,GAAG,UAAU,CAAC,cAAc,EAAE,KAAK,OAAO,CAAC;QAC5D,MAAM,UAAU,GAAG,yBAAyB,CAAC,kBAAkB,EAAE,KAAK,UAAU,CAAC;QACjF,OAAO,oBAAoB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAE;QAChC,mBAAmB,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAI,kBAAkB,CAAC,yBAAyB,CAAC,CAAC;IACvE,YAAY,CAAC,WAAW,CAAC,mBAAmB,EAAE,CAAC,UAAU,EAAE,EAAE;QAC3D,mBAAmB,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,OAAO,mBAAmB,CAAC;AAC7B,CAAC"}
|
package/lib/createAppleTheme.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createDefaultTheme } from '@fluentui-react-native/default-theme';
|
|
2
|
-
import { ThemeReference } from '@fluentui-react-native/
|
|
2
|
+
import { ThemeReference } from '@fluentui-react-native/design/theming';
|
|
3
3
|
export function createAppleTheme() {
|
|
4
4
|
console.warn('Platform is not supported by apple theme, using default theme');
|
|
5
5
|
return new ThemeReference(createDefaultTheme());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.js","sourceRoot":"","sources":["../src/createAppleTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"createAppleTheme.js","sourceRoot":"","sources":["../src/createAppleTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAEvE,MAAM,UAAU,gBAAgB;IAC9B,OAAO,CAAC,IAAI,CAAC,+DAA+D,CAAC,CAAC;IAC9E,OAAO,IAAI,cAAc,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAClD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.macos.d.ts","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"createAppleTheme.macos.d.ts","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"AAEA,OAAO,EAA2C,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAQhH,wBAAgB,gBAAgB,IAAI,cAAc,CAiBjD"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { Appearance } from 'react-native';
|
|
2
|
-
import { ThemeReference } from '@fluentui-react-native/
|
|
3
|
-
import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
|
|
2
|
+
import { getCurrentAppearance, setIsHighContrast, ThemeReference } from '@fluentui-react-native/design/theming';
|
|
4
3
|
import { AccessibilityInfo } from 'react-native-macos';
|
|
5
|
-
import { setIsHighContrast } from './appleHighContrast.macos';
|
|
6
4
|
import { getBaseAppleThemeMacOS } from './appleTheme.macos';
|
|
7
5
|
let appleThemeReference;
|
|
8
6
|
export function createAppleTheme() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.macos.js","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"createAppleTheme.macos.js","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAEhH,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,IAAI,mBAAmC,CAAC;AAExC,MAAM,UAAU,gBAAgB;IAC9B,mBAAmB,GAAG,IAAI,cAAc,CAAC,EAAW,EAAE,GAAG,EAAE;QACzD,MAAM,UAAU,GAAG,UAAU,CAAC,cAAc,EAAE,CAAC;QAC/C,MAAM,IAAI,GAAG,oBAAoB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QACvD,OAAO,sBAAsB,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,uDAAuD;IACvD,mBAAmB,EAAE,CAAC;IACtB,mEAAmE;IACnE,iBAAiB,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC7D,mBAAmB,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAE;QAChC,mBAAmB,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IACH,OAAO,mBAAmB,CAAC;AAC7B,CAAC;AAED,SAAS,mBAAmB;IAC1B,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE;QAC3D,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC7B,mBAAmB,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1,5 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
declare function createFontAliasTokensWorker(): Partial<Variants>;
|
|
3
|
-
export declare const createFontAliasTokens: typeof createFontAliasTokensWorker;
|
|
4
|
-
export {};
|
|
1
|
+
export declare const createFontAliasTokens: any;
|
|
5
2
|
//# sourceMappingURL=createFontAliasTokens.ios.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFontAliasTokens.ios.d.ts","sourceRoot":"","sources":["../src/createFontAliasTokens.ios.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createFontAliasTokens.ios.d.ts","sourceRoot":"","sources":["../src/createFontAliasTokens.ios.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,qBAAqB,KAAuC,CAAC"}
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
declare function createMacOSColorAliasTokensWorker(mode: AppearanceOptions, isHighContrast: boolean): AliasColorTokens;
|
|
4
|
-
export declare const createMacOSColorAliasTokens: typeof createMacOSColorAliasTokensWorker;
|
|
5
|
-
declare function createMacOSShadowAliasTokensWorker(mode: AppearanceOptions, isHighContrast: boolean): ThemeShadowDefinition;
|
|
6
|
-
export declare const createMacOSShadowAliasTokens: typeof createMacOSShadowAliasTokensWorker;
|
|
7
|
-
export {};
|
|
1
|
+
export declare const createMacOSColorAliasTokens: any;
|
|
2
|
+
export declare const createMacOSShadowAliasTokens: any;
|
|
8
3
|
//# sourceMappingURL=createMacOSAliasTokens.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createMacOSAliasTokens.d.ts","sourceRoot":"","sources":["../src/createMacOSAliasTokens.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createMacOSAliasTokens.d.ts","sourceRoot":"","sources":["../src/createMacOSAliasTokens.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,2BAA2B,KAA6C,CAAC;AAOtF,eAAO,MAAM,4BAA4B,KAA8C,CAAC"}
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
declare function createiOSColorAliasTokensWorker(mode: AppearanceOptions): AliasColorTokens;
|
|
4
|
-
export declare const createiOSColorAliasTokens: typeof createiOSColorAliasTokensWorker;
|
|
5
|
-
declare function createiOSShadowAliasTokensWorker(mode: AppearanceOptions): ThemeShadowDefinition;
|
|
6
|
-
export declare const createiOSShadowAliasTokens: typeof createiOSShadowAliasTokensWorker;
|
|
7
|
-
export {};
|
|
1
|
+
export declare const createiOSColorAliasTokens: any;
|
|
2
|
+
export declare const createiOSShadowAliasTokens: any;
|
|
8
3
|
//# sourceMappingURL=createiOSAliasTokens.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createiOSAliasTokens.d.ts","sourceRoot":"","sources":["../src/createiOSAliasTokens.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createiOSAliasTokens.d.ts","sourceRoot":"","sources":["../src/createiOSAliasTokens.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,yBAAyB,KAA2C,CAAC;AAOlF,eAAO,MAAM,0BAA0B,KAA4C,CAAC"}
|
package/lib/getMacOSTokens.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { AppearanceOptions } from '@fluentui-react-native/
|
|
1
|
+
import type { AppearanceOptions } from '@fluentui-react-native/design/theming';
|
|
2
2
|
export declare function getMacOSAliasTokens(mode: AppearanceOptions, isHighContrast: boolean): {
|
|
3
3
|
brandBackground: {
|
|
4
4
|
rest: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getMacOSTokens.d.ts","sourceRoot":"","sources":["../src/getMacOSTokens.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"getMacOSTokens.d.ts","sourceRoot":"","sources":["../src/getMacOSTokens.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,iBAAiB,EAAE,cAAc,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBnF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,iBAAiB,EAAE,cAAc,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBpF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/apple-theme",
|
|
3
|
-
"version": "0.29.
|
|
3
|
+
"version": "0.29.6",
|
|
4
4
|
"description": "A FluentUI React Native theme that pulls constants from FluentUI Apple",
|
|
5
5
|
"homepage": "https://github.com/microsoft/fluentui-react-native",
|
|
6
6
|
"license": "MIT",
|
|
@@ -23,9 +23,8 @@
|
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
25
|
"scripts": {
|
|
26
|
-
"build": "
|
|
26
|
+
"build": "tsc -b",
|
|
27
27
|
"clean": "fluentui-scripts clean",
|
|
28
|
-
"depcheck": "fluentui-scripts depcheck",
|
|
29
28
|
"format": "fluentui-scripts format",
|
|
30
29
|
"lint": "fluentui-scripts lint",
|
|
31
30
|
"start": "fluentui-scripts dev",
|
|
@@ -34,15 +33,14 @@
|
|
|
34
33
|
"update-snapshots": "fluentui-scripts jest -u"
|
|
35
34
|
},
|
|
36
35
|
"dependencies": {
|
|
37
|
-
"@fluentui-react-native/default-theme": "0.27.
|
|
36
|
+
"@fluentui-react-native/default-theme": "0.27.6",
|
|
37
|
+
"@fluentui-react-native/design": "0.2.0",
|
|
38
38
|
"@fluentui-react-native/design-tokens-ios": "^0.53.0",
|
|
39
39
|
"@fluentui-react-native/design-tokens-macos": "^0.53.0",
|
|
40
|
-
"@fluentui-react-native/experimental-appearance-additions": "0.8.
|
|
41
|
-
"@fluentui-react-native/framework-base": "0.
|
|
42
|
-
"@fluentui-react-native/theme": "0.
|
|
43
|
-
"@fluentui-react-native/
|
|
44
|
-
"@fluentui-react-native/theme-types": "0.44.5",
|
|
45
|
-
"@fluentui-react-native/theming-utils": "0.27.5",
|
|
40
|
+
"@fluentui-react-native/experimental-appearance-additions": "0.8.6",
|
|
41
|
+
"@fluentui-react-native/framework-base": "0.5.0",
|
|
42
|
+
"@fluentui-react-native/theme-tokens": "0.29.0",
|
|
43
|
+
"@fluentui-react-native/theming-utils": "0.27.6",
|
|
46
44
|
"assert-never": "^1.2.1"
|
|
47
45
|
},
|
|
48
46
|
"devDependencies": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { isHighContrast, setIsHighContrast } from '@fluentui-react-native/design/theming';
|
|
2
|
+
import type { AppearanceOptions } from '@fluentui-react-native/design/theming';
|
|
2
3
|
|
|
3
|
-
import { getIsHighContrast, setIsHighContrast } from '../appleHighContrast.macos';
|
|
4
4
|
import { createAppleTheme } from '../createAppleTheme';
|
|
5
5
|
import { createMacOSColorAliasTokens, createMacOSShadowAliasTokens } from '../createMacOSAliasTokens';
|
|
6
6
|
|
|
@@ -39,9 +39,9 @@ it('createAppleTheme test', () => {
|
|
|
39
39
|
|
|
40
40
|
it('IsHighContrast test', () => {
|
|
41
41
|
setIsHighContrast(false);
|
|
42
|
-
expect(
|
|
42
|
+
expect(isHighContrast()).toBe(false);
|
|
43
43
|
setIsHighContrast(true);
|
|
44
|
-
expect(
|
|
44
|
+
expect(isHighContrast()).toBe(true);
|
|
45
45
|
});
|
|
46
46
|
|
|
47
47
|
it.concurrent.each(macOSAliasTokensTable)(
|
package/src/appleColors.ios.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Appearance } from 'react-native';
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import { getCurrentAppearance } from '@fluentui-react-native/theming
|
|
3
|
+
import type { ThemeColorDefinition } from '@fluentui-react-native/design/theming';
|
|
4
|
+
import { colorGrey26 } from '@fluentui-react-native/design/tokens/global';
|
|
5
|
+
import { getCurrentAppearance } from '@fluentui-react-native/design/theming';
|
|
6
6
|
|
|
7
7
|
import type { ApplePalette } from './appleColors.types.ios';
|
|
8
8
|
import { createiOSColorAliasTokens } from './createiOSAliasTokens';
|
|
@@ -222,7 +222,7 @@ export function paletteFromAppleColors(isLightMode: boolean, isElevated: boolean
|
|
|
222
222
|
|
|
223
223
|
checkboxBackground: fluentApple.communicationBlue,
|
|
224
224
|
checkboxBackgroundDisabled: fluent2AliasColorTokens.neutralBackground1,
|
|
225
|
-
checkboxBorderColor:
|
|
225
|
+
checkboxBorderColor: colorGrey26,
|
|
226
226
|
checkmarkColor: fluent2AliasColorTokens.neutralForegroundOnColor,
|
|
227
227
|
|
|
228
228
|
personaActivityGlow: 'transparent',
|
package/src/appleColors.macos.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ThemeColorDefinition, AppearanceOptions } from '@fluentui-react-native/
|
|
1
|
+
import type { ThemeColorDefinition, AppearanceOptions } from '@fluentui-react-native/design/theming';
|
|
2
2
|
import { PlatformColor, DynamicColorMacOS, ColorWithSystemEffectMacOS } from 'react-native-macos';
|
|
3
3
|
|
|
4
4
|
import type { AppleSemanticPalette, FluentUIApplePalette } from './appleColors.types.macos';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { isHighContrast, setIsHighContrast as setIsHighContrastCore } from '@fluentui-react-native/theming
|
|
1
|
+
import { isHighContrast, setIsHighContrast as setIsHighContrastCore } from '@fluentui-react-native/design/theming';
|
|
2
2
|
|
|
3
3
|
export function setIsHighContrast(newIsHighContrast: boolean) {
|
|
4
4
|
setIsHighContrastCore(newIsHighContrast);
|
package/src/appleShadows.ios.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Appearance } from 'react-native';
|
|
2
2
|
|
|
3
|
-
import type { ThemeShadowDefinition } from '@fluentui-react-native/
|
|
4
|
-
import { getCurrentAppearance } from '@fluentui-react-native/theming
|
|
3
|
+
import type { ThemeShadowDefinition } from '@fluentui-react-native/design/theming';
|
|
4
|
+
import { getCurrentAppearance } from '@fluentui-react-native/design/theming';
|
|
5
5
|
|
|
6
6
|
import { createiOSShadowAliasTokens } from './createiOSAliasTokens';
|
|
7
7
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ThemeShadowDefinition, AppearanceOptions } from '@fluentui-react-native/
|
|
1
|
+
import type { ThemeShadowDefinition, AppearanceOptions } from '@fluentui-react-native/design/theming';
|
|
2
2
|
|
|
3
3
|
import { getIsHighContrast } from './appleHighContrast.macos';
|
|
4
4
|
import { createMacOSShadowAliasTokens } from './createMacOSAliasTokens';
|
package/src/appleTheme.ios.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { memoize } from '@fluentui-react-native/framework-base';
|
|
2
|
-
import type { Theme, Spacing } from '@fluentui-react-native/
|
|
2
|
+
import type { Theme, Spacing } from '@fluentui-react-native/design/theming';
|
|
3
3
|
|
|
4
4
|
import { paletteFromAppleColors } from './appleColors.ios';
|
|
5
5
|
import { iOSShadows } from './appleShadows.ios';
|
package/src/appleTheme.macos.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { memoize } from '@fluentui-react-native/framework-base';
|
|
2
|
-
import type { Spacing, Theme, AppearanceOptions } from '@fluentui-react-native/
|
|
2
|
+
import type { Spacing, Theme, AppearanceOptions } from '@fluentui-react-native/design/theming';
|
|
3
3
|
|
|
4
4
|
import { fallbackApplePalette } from './appleColors.macos';
|
|
5
5
|
import { fallbackAppleShadows } from './appleShadows.macos';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { FontSize, FontSizes, FontWeightValue, Typography, Variants } from '@fluentui-react-native/
|
|
1
|
+
import type { FontSize, FontSizes, FontWeightValue, Typography, Variants } from '@fluentui-react-native/design/theming';
|
|
2
2
|
|
|
3
3
|
import { createFontAliasTokens } from './createFontAliasTokens.ios';
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { FontSize, FontSizes, FontWeightValue, Typography, Variants } from '@fluentui-react-native/
|
|
1
|
+
import type { FontSize, FontSizes, FontWeightValue, Typography, Variants } from '@fluentui-react-native/design/theming';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* The Typography is designed to match the styles defined in the Apple HIG:
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Appearance, NativeEventEmitter } from 'react-native';
|
|
2
2
|
|
|
3
3
|
import { NativeAppearanceAdditions } from '@fluentui-react-native/experimental-appearance-additions';
|
|
4
|
-
import { ThemeReference } from '@fluentui-react-native/
|
|
5
|
-
import type { Theme } from '@fluentui-react-native/
|
|
4
|
+
import { ThemeReference } from '@fluentui-react-native/design/theming';
|
|
5
|
+
import type { Theme } from '@fluentui-react-native/design/theming';
|
|
6
6
|
|
|
7
7
|
import { getBaseAppleThemeIOS } from './appleTheme.ios';
|
|
8
8
|
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { Appearance } from 'react-native';
|
|
2
2
|
|
|
3
|
-
import { ThemeReference } from '@fluentui-react-native/
|
|
4
|
-
import type { Theme } from '@fluentui-react-native/
|
|
5
|
-
import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
|
|
3
|
+
import { getCurrentAppearance, setIsHighContrast, ThemeReference } from '@fluentui-react-native/design/theming';
|
|
4
|
+
import type { Theme } from '@fluentui-react-native/design/theming';
|
|
6
5
|
import { AccessibilityInfo } from 'react-native-macos';
|
|
7
6
|
|
|
8
|
-
import { setIsHighContrast } from './appleHighContrast.macos';
|
|
9
7
|
import { getBaseAppleThemeMacOS } from './appleTheme.macos';
|
|
10
8
|
|
|
11
9
|
let appleThemeReference: ThemeReference;
|
package/src/createAppleTheme.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createDefaultTheme } from '@fluentui-react-native/default-theme';
|
|
2
|
-
import { ThemeReference } from '@fluentui-react-native/
|
|
2
|
+
import { ThemeReference } from '@fluentui-react-native/design/theming';
|
|
3
3
|
|
|
4
4
|
export function createAppleTheme(): ThemeReference {
|
|
5
5
|
console.warn('Platform is not supported by apple theme, using default theme');
|