@fluentui-react-native/framework 0.16.1 → 0.17.2

package/lib/useTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTokens.js","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEzF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAMpH,MAAM,UAAU,cAAc,CAAU,GAAG,MAAgC;IACzE,OAAO,kBAAkB,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,MAAM,CAAC,CAAC;AACrE,CAAC"}
+{"version":3,"file":"useTokens.js","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEzF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAMpH,MAAM,UAAU,cAAc,CAAU,GAAG,MAAgC;IACzE,OAAO,kBAAkB,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,MAAM,CAAC,CAAC;AACrE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/framework",
-  "version": "0.16.1",
+  "version": "0.17.2",
   "description": "Component framework used by fluentui react native controls",
   "license": "MIT",
   "author": "",
@@ -22,9 +22,8 @@
     }
   },
   "scripts": {
-    "build": "tsgo -b",
+    "build": "tsc -b",
     "clean": "fluentui-scripts clean",
-    "depcheck": "fluentui-scripts depcheck",
     "format": "fluentui-scripts format",
     "lint": "fluentui-scripts lint",
     "start-test": "fluentui-scripts jest-watch",
@@ -33,15 +32,14 @@
     "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/composition": "0.13.1",
-    "@fluentui-react-native/default-theme": "0.27.5",
-    "@fluentui-react-native/framework-base": "0.4.1",
-    "@fluentui-react-native/theme-types": "0.44.5",
-    "@fluentui-react-native/tokens": "0.24.5",
-    "@fluentui-react-native/use-slot": "0.8.1",
-    "@fluentui-react-native/use-slots": "0.12.1",
-    "@fluentui-react-native/use-styling": "0.15.1",
-    "@fluentui-react-native/use-tokens": "0.8.1"
+    "@fluentui-react-native/composition": "0.14.2",
+    "@fluentui-react-native/default-theme": "0.27.8",
+    "@fluentui-react-native/design": "0.3.1",
+    "@fluentui-react-native/framework-base": "0.6.1",
+    "@fluentui-react-native/tokens": "0.24.8",
+    "@fluentui-react-native/use-slots": "0.13.2",
+    "@fluentui-react-native/use-styling": "0.16.2",
+    "@fluentui-react-native/use-tokens": "0.9.2"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
@@ -51,7 +49,7 @@
     "@react-native-community/cli-platform-ios": "^20.0.0",
     "@react-native/babel-preset": "^0.81.0",
     "@react-native/metro-config": "^0.81.0",
-    "@rnx-kit/cli": "^2.0.1",
+    "@rnx-kit/cli": "^2.0.2",
     "@types/react": "~19.1.4",
     "@types/react-test-renderer": "^19.1.0",
     "react": "19.1.4",

package/src/compose.ts

@@ -1,9 +1,9 @@
 import type { ComposeFactoryOptions, ComposeFactoryComponent, UseStyledSlots } from '@fluentui-react-native/composition';
 import { composeFactory } from '@fluentui-react-native/composition';
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { ObjectBase } from '@fluentui-react-native/framework-base';
 
-import { themeHelper } from './themeHelper.ts';
+import { themeHelper } from './themeHelper';
 
 /**
  * This is an object used purely for configuring the typings on composable.  It is not necessary to define

package/src/compressible.test.tsx

@@ -4,15 +4,14 @@ import { act } from 'react';
 import type { TextProps, TextStyle } from 'react-native';
 import { Text, View } from 'react-native';
 
-import { mergeStyles } from '@fluentui-react-native/framework-base';
-import type { Theme } from '@fluentui-react-native/theme-types';
-import { useSlot } from '@fluentui-react-native/use-slot';
+import { mergeStyles, useSlot } from '@fluentui-react-native/framework-base';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import { applyTokenLayers } from '@fluentui-react-native/use-tokens';
 import * as renderer from 'react-test-renderer';
 
-import { compressible } from './compressible.ts';
-import { buildUseTokens } from './useTokens.ts';
-import type { UseTokens } from './useTokens.ts';
+import { compressible } from './compressible';
+import { buildUseTokens } from './useTokens';
+import type { UseTokens } from './useTokens';
 
 type Variant = 'normal' | 'header' | 'caption';
 interface VariantTextTokens {

package/src/compressible.ts

@@ -1,10 +1,10 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
-import type { StagedRender } from '@fluentui-react-native/framework-base';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import { stagedComponent } from '@fluentui-react-native/framework-base';
 import type { CustomizableComponent } from '@fluentui-react-native/use-tokens';
 
-import type { TokenSettings } from './useStyling.ts';
-import type { UseTokens } from './useTokens.ts';
+import type { TokenSettings } from './useStyling';
+import type { UseTokens } from './useTokens';
+import type { LegacyFunctionComponent } from '@fluentui-react-native/framework-base';
 
 /**
  * Utility function which can create function components that can be tree compressed (using the stagedRender pattern),
@@ -14,13 +14,13 @@ import type { UseTokens } from './useTokens.ts';
  * @returns A tree compressed function component with the `.customize` method exposed to it
  */
 export function compressible<TProps, TTokens>(
-  fn: StagedRender<TProps>,
+  fn: (props: TProps, useTokens: UseTokens<TTokens>) => LegacyFunctionComponent<TProps>,
   useTokens: UseTokens<TTokens>,
 ): CustomizableComponent<TProps, TTokens, Theme> {
   type ThisComponent = CustomizableComponent<TProps, TTokens, Theme>;
 
-  const injectedWrapper = (props: TProps) => fn(props, useTokens);
-  const component = stagedComponent(injectedWrapper) as ThisComponent;
+  const injectedWrapper = (props: Partial<TProps>) => fn(props as TProps, useTokens);
+  const component = stagedComponent(injectedWrapper) as unknown as ThisComponent;
 
   component.customize = (...tokens: TokenSettings<TTokens>[]) => {
     const useTokensNew = useTokens.customize(...tokens);

package/src/index.ts

@@ -32,9 +32,8 @@ export type {
   TokenBuilder,
 } from '@fluentui-react-native/tokens';
 
-export { useSlot } from '@fluentui-react-native/use-slot';
-export { renderSlot, stagedComponent, withSlots } from '@fluentui-react-native/framework-base';
-export type { ComposableFunction, FinalRender, NativeReactType, SlotFn, StagedRender } from '@fluentui-react-native/framework-base';
+export { renderSlot, stagedComponent, withSlots, useSlot } from '@fluentui-react-native/framework-base';
+export type { RenderType as NativeReactType } from '@fluentui-react-native/framework-base';
 
 export { buildUseSlots } from '@fluentui-react-native/use-slots';
 export type { GetSlotProps, Slots, UseSlotOptions, UseSlotsBase } from '@fluentui-react-native/use-slots';
@@ -49,7 +48,7 @@ export type {
   RecursionOption,
 } from '@fluentui-react-native/framework-base';
 
-export { ThemeContext, useTheme } from '@fluentui-react-native/theme-types';
+export { ThemeContext, useTheme } from '@fluentui-react-native/design/theming';
 export type {
   AliasColorTokens,
   AppearanceOptions,
@@ -79,9 +78,9 @@ export type {
   Variant,
   VariantValue,
   Variants,
-} from '@fluentui-react-native/theme-types';
+} from '@fluentui-react-native/design/theming';
 
-export { compose } from './compose.ts';
+export { compose } from './compose';
 export type {
   ComposableComponent,
   ComposeOptions,
@@ -91,11 +90,11 @@ export type {
   ExtractStatics,
   ExtractTokens,
   UseSlots,
-} from './compose.ts';
-export { compressible } from './compressible.ts';
-export { useFluentTheme } from './useFluentTheme.ts';
-export type { HasLayer, TokensThatAreAlsoProps, UseStyling } from './useStyling.ts';
-export { buildProps, buildUseStyling } from './useStyling.ts';
-export type { BuildProps, TokenSettings, TokensFromTheme, UseStylingOptions } from './useStyling.ts';
-export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens.ts';
-export type { UseTokens, CustomizableComponent } from './useTokens.ts';
+} from './compose';
+export { compressible } from './compressible';
+export { useFluentTheme } from './useFluentTheme';
+export type { HasLayer, TokensThatAreAlsoProps, UseStyling } from './useStyling';
+export { buildProps, buildUseStyling } from './useStyling';
+export type { BuildProps, TokenSettings, TokensFromTheme, UseStylingOptions } from './useStyling';
+export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens';
+export type { UseTokens, CustomizableComponent } from './useTokens';

package/src/themeHelper.ts

@@ -1,7 +1,7 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { ThemeHelper } from '@fluentui-react-native/use-styling';
 
-import { useFluentTheme } from './useFluentTheme.ts';
+import { useFluentTheme } from './useFluentTheme';
 
 export const themeHelper: ThemeHelper<Theme> = {
   useTheme: () => useFluentTheme(),

package/src/useFluentTheme.ts

@@ -1,6 +1,6 @@
 import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
-import type { Theme } from '@fluentui-react-native/theme-types';
-import { useTheme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
+import { useTheme } from '@fluentui-react-native/design/theming';
 
 /**
  * Attempts to obtain a theme via the react context, failing that the default fluent theme will be returned. Used to ensure some theme

package/src/useStyling.ts

@@ -3,7 +3,7 @@
  * as to be dependent on the core theme type
  */
 export type { TokensThatAreAlsoProps, HasLayer, UseStyling } from '@fluentui-react-native/use-styling';
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type {
   TokensFromTheme as TokensFromThemeBase,
   TokenSettings as TokenSettingsBase,
@@ -13,7 +13,7 @@ import type {
 } from '@fluentui-react-native/use-styling';
 import { buildUseStyling as buildUseStylingBase, buildProps as buildPropsBase } from '@fluentui-react-native/use-styling';
 
-import { themeHelper } from './themeHelper.ts';
+import { themeHelper } from './themeHelper';
 
 export type BuildProps<TProps, TTokens> = BuildPropsBase<TProps, TTokens, Theme>;
 

package/src/useTokens.ts

@@ -1,9 +1,9 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { UseTokens as UseTokensCore } from '@fluentui-react-native/use-tokens';
 import { buildUseTokens as buildUseTokensCore } from '@fluentui-react-native/use-tokens';
 
-import { themeHelper } from './themeHelper.ts';
-import type { TokenSettings } from './useStyling.ts';
+import { themeHelper } from './themeHelper';
+import type { TokenSettings } from './useStyling';
 
 export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';