@fluentui-react-native/themed-stylesheet 1.7.4 → 1.7.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.
Files changed (14) hide show
  1. package/CHANGELOG.json +42 -3
  2. package/CHANGELOG.md +14 -3
  3. package/babel.config.js +1 -1
  4. package/lib/themedStyleSheet.d.ts +3 -1
  5. package/lib/themedStyleSheet.d.ts.map +1 -1
  6. package/lib/themedStyleSheet.js +1 -2
  7. package/lib/themedStyleSheet.js.map +1 -1
  8. package/lib-commonjs/themedStyleSheet.d.ts +3 -1
  9. package/lib-commonjs/themedStyleSheet.d.ts.map +1 -1
  10. package/lib-commonjs/themedStyleSheet.js +2 -3
  11. package/lib-commonjs/themedStyleSheet.js.map +1 -1
  12. package/package.json +3 -2
  13. package/src/themedStyleSheet.ts +6 -3
  14. package/just.config.js +0 -3
package/CHANGELOG.json CHANGED
@@ -2,11 +2,32 @@
2
2
  "name": "@fluentui-react-native/themed-stylesheet",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 11 Jul 2025 19:50:41 GMT",
6
- "version": "1.7.4",
7
- "tag": "@fluentui-react-native/themed-stylesheet_v1.7.4",
5
+ "date": "Wed, 16 Jul 2025 20:02:38 GMT",
6
+ "version": "1.7.6",
7
+ "tag": "@fluentui-react-native/themed-stylesheet_v1.7.6",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "jasonmo@microsoft.com",
12
+ "package": "@fluentui-react-native/themed-stylesheet",
13
+ "commit": "6ed0a256caf94e287c6a9120ec5d0458bd5c7bfc",
14
+ "comment": "create common framework-base package to share common utiltities more broadly"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Tue, 15 Jul 2025 23:26:54 GMT",
21
+ "version": "1.7.5",
22
+ "tag": "@fluentui-react-native/themed-stylesheet_v1.7.5",
8
23
  "comments": {
9
24
  "none": [
25
+ {
26
+ "author": "jasonmo@microsoft.com",
27
+ "package": "@fluentui-react-native/themed-stylesheet",
28
+ "commit": "3e168e4363d1821818f219819d29532eace8d979",
29
+ "comment": "update scripts package to be fully js, use esm, and validate fully"
30
+ },
10
31
  {
11
32
  "author": "4123478+tido64@users.noreply.github.com",
12
33
  "package": "@fluentui-react-native/themed-stylesheet",
@@ -33,11 +54,29 @@
33
54
  }
34
55
  ],
35
56
  "patch": [
57
+ {
58
+ "author": "jasonmo@microsoft.com",
59
+ "package": "@fluentui-react-native/themed-stylesheet",
60
+ "commit": "3d36cc95620fdb938221cbe2c5ce002264108a50",
61
+ "comment": "fix repo linting with new configs and version, fixing linting errors as well"
62
+ },
63
+ {
64
+ "author": "sanajmi@microsoft.com",
65
+ "package": "@fluentui-react-native/themed-stylesheet",
66
+ "commit": "9cbe229ec7f6363d229dcaef506921b8d9f47d7d",
67
+ "comment": "fix: run beachball sync"
68
+ },
36
69
  {
37
70
  "author": "jasonmo@microsoft.com",
38
71
  "package": "@fluentui-react-native/themed-stylesheet",
39
72
  "commit": "479b93cea460a26df70c55b5d3335927ed374713",
40
73
  "comment": "update builds to use node16 settings and modern export maps"
74
+ },
75
+ {
76
+ "author": "jasonmo@microsoft.com",
77
+ "package": "@fluentui-react-native/themed-stylesheet",
78
+ "commit": "6b4d59227b1e9bbbf25cc93a3502015f663b363e",
79
+ "comment": "add react-native entrypoints that ensure metro targets TS files rather than JS files for bundling"
41
80
  }
42
81
  ]
43
82
  }
package/CHANGELOG.md CHANGED
@@ -1,16 +1,27 @@
1
1
  # Change Log - @fluentui-react-native/themed-stylesheet
2
2
 
3
- <!-- This log was last generated on Fri, 11 Jul 2025 19:50:41 GMT and should not be manually modified. -->
3
+ <!-- This log was last generated on Wed, 16 Jul 2025 20:02:38 GMT and should not be manually modified. -->
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## 1.7.4
7
+ ## 1.7.6
8
8
 
9
- Fri, 11 Jul 2025 19:50:41 GMT
9
+ Wed, 16 Jul 2025 20:02:38 GMT
10
10
 
11
11
  ### Patches
12
12
 
13
+ - create common framework-base package to share common utiltities more broadly (jasonmo@microsoft.com)
14
+
15
+ ## 1.7.5
16
+
17
+ Tue, 15 Jul 2025 23:26:54 GMT
18
+
19
+ ### Patches
20
+
21
+ - fix repo linting with new configs and version, fixing linting errors as well (jasonmo@microsoft.com)
22
+ - fix: run beachball sync (sanajmi@microsoft.com)
13
23
  - update builds to use node16 settings and modern export maps (jasonmo@microsoft.com)
24
+ - add react-native entrypoints that ensure metro targets TS files rather than JS files for bundling (jasonmo@microsoft.com)
14
25
 
15
26
  ## 1.7.2
16
27
 
package/babel.config.js CHANGED
@@ -1 +1 @@
1
- module.exports = require('@fluentui-react-native/scripts/babel.config');
1
+ module.exports = require('@fluentui-react-native/scripts/configs/babel.config');
package/lib/themedStyleSheet.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import type { ViewStyle, TextStyle, ImageStyle } from 'react-native';
2
+ type ObjectBase = {};
2
3
  /**
3
4
  * Signature for inputs and outputs for StyleSheet.create. This is a collection of named styles which can
4
5
  * be used as inputs for the style property on components and matches what StyleSheet.create accepts
@@ -34,5 +35,6 @@ export type NamedStyles<T> = {
34
35
  * @param generator - a function which will get run once per theme to create a cached style sheet.
35
36
  *
36
37
  */
37
- export declare function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends object>(generator: (theme: TTheme) => NamedStyles<TStyles>): (theme: TTheme) => NamedStyles<TStyles>;
38
+ export declare function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends ObjectBase>(generator: (theme: TTheme) => NamedStyles<TStyles>): (theme: TTheme) => NamedStyles<TStyles>;
39
+ export {};
38
40
  //# sourceMappingURL=themedStyleSheet.d.ts.map
package/lib/themedStyleSheet.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themedStyleSheet.d.ts","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAKrE;;;GAGG;AAEH,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU;CAAE,CAAC;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,wBAAgB,gBAAgB,CAAC,OAAO,SAAS,WAAW,CAAC,OAAO,CAAC,EAAE,MAAM,SAAS,MAAM,EAC1F,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,OAAO,CAAC,GACjD,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,OAAO,CAAC,CAQzC"}
1
+ {"version":3,"file":"themedStyleSheet.d.ts","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAMrE,KAAK,UAAU,GAAG,EAAE,CAAC;AAErB;;;GAGG;AAEH,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU;CAAE,CAAC;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,wBAAgB,gBAAgB,CAAC,OAAO,SAAS,WAAW,CAAC,OAAO,CAAC,EAAE,MAAM,SAAS,UAAU,EAC9F,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,OAAO,CAAC,GACjD,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,OAAO,CAAC,CAQzC"}
package/lib/themedStyleSheet.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { StyleSheet } from 'react-native';
2
- import { getMemoCache } from '@fluentui-react-native/memo-cache';
2
+ import { getMemoCache } from '@fluentui-react-native/framework-base';
3
3
  /**
4
4
  * A convenience wrapper to create style sheets which depend upon values in a theme, and use them in a manner
5
5
  * where they are built and cached once per theme. The return value of this routine will be a function
@@ -28,7 +28,6 @@ import { getMemoCache } from '@fluentui-react-native/memo-cache';
28
28
  * @param generator - a function which will get run once per theme to create a cached style sheet.
29
29
  *
30
30
  */
31
- // eslint-disable-next-line @typescript-eslint/ban-types
32
31
  export function themedStyleSheet(generator) {
33
32
  // create a memo cache for this themed stylesheet
34
33
  const cache = getMemoCache();
package/lib/themedStyleSheet.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themedStyleSheet.js","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AASjE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wDAAwD;AACxD,MAAM,UAAU,gBAAgB,CAC9B,SAAkD;IAElD,iDAAiD;IACjD,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,wCAAwC;IACxC,OAAO,CAAC,KAAa,EAAE,EAAE;QACvB,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,CAAC,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"themedStyleSheet.js","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAYrE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,MAAM,UAAU,gBAAgB,CAC9B,SAAkD;IAElD,iDAAiD;IACjD,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,wCAAwC;IACxC,OAAO,CAAC,KAAa,EAAE,EAAE;QACvB,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,CAAC,CAAC;AACJ,CAAC"}
package/lib-commonjs/themedStyleSheet.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import type { ViewStyle, TextStyle, ImageStyle } from 'react-native';
2
+ type ObjectBase = {};
2
3
  /**
3
4
  * Signature for inputs and outputs for StyleSheet.create. This is a collection of named styles which can
4
5
  * be used as inputs for the style property on components and matches what StyleSheet.create accepts
@@ -34,5 +35,6 @@ export type NamedStyles<T> = {
34
35
  * @param generator - a function which will get run once per theme to create a cached style sheet.
35
36
  *
36
37
  */
37
- export declare function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends object>(generator: (theme: TTheme) => NamedStyles<TStyles>): (theme: TTheme) => NamedStyles<TStyles>;
38
+ export declare function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends ObjectBase>(generator: (theme: TTheme) => NamedStyles<TStyles>): (theme: TTheme) => NamedStyles<TStyles>;
39
+ export {};
38
40
  //# sourceMappingURL=themedStyleSheet.d.ts.map
package/lib-commonjs/themedStyleSheet.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themedStyleSheet.d.ts","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAKrE;;;GAGG;AAEH,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU;CAAE,CAAC;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,wBAAgB,gBAAgB,CAAC,OAAO,SAAS,WAAW,CAAC,OAAO,CAAC,EAAE,MAAM,SAAS,MAAM,EAC1F,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,OAAO,CAAC,GACjD,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,OAAO,CAAC,CAQzC"}
1
+ {"version":3,"file":"themedStyleSheet.d.ts","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAMrE,KAAK,UAAU,GAAG,EAAE,CAAC;AAErB;;;GAGG;AAEH,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU;CAAE,CAAC;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,wBAAgB,gBAAgB,CAAC,OAAO,SAAS,WAAW,CAAC,OAAO,CAAC,EAAE,MAAM,SAAS,UAAU,EAC9F,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,OAAO,CAAC,GACjD,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,OAAO,CAAC,CAQzC"}
package/lib-commonjs/themedStyleSheet.js CHANGED
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.themedStyleSheet = void 0;
4
4
  const react_native_1 = require("react-native");
5
- const memo_cache_1 = require("@fluentui-react-native/memo-cache");
5
+ const framework_base_1 = require("@fluentui-react-native/framework-base");
6
6
  /**
7
7
  * A convenience wrapper to create style sheets which depend upon values in a theme, and use them in a manner
8
8
  * where they are built and cached once per theme. The return value of this routine will be a function
@@ -31,10 +31,9 @@ const memo_cache_1 = require("@fluentui-react-native/memo-cache");
31
31
  * @param generator - a function which will get run once per theme to create a cached style sheet.
32
32
  *
33
33
  */
34
- // eslint-disable-next-line @typescript-eslint/ban-types
35
34
  function themedStyleSheet(generator) {
36
35
  // create a memo cache for this themed stylesheet
37
- const cache = (0, memo_cache_1.getMemoCache)();
36
+ const cache = (0, framework_base_1.getMemoCache)();
38
37
  // now return a theme => styles function
39
38
  return (theme) => {
40
39
  return cache(() => react_native_1.StyleSheet.create(generator(theme)), [theme])[0];
package/lib-commonjs/themedStyleSheet.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themedStyleSheet.js","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":";;;AACA,+CAA0C;AAE1C,kEAAiE;AASjE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wDAAwD;AACxD,SAAgB,gBAAgB,CAC9B,SAAkD;IAElD,iDAAiD;IACjD,MAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;IAE7B,wCAAwC;IACxC,OAAO,CAAC,KAAa,EAAE,EAAE;QACvB,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,yBAAU,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,CAAC,CAAC;AACJ,CAAC;AAVD,4CAUC"}
1
+ {"version":3,"file":"themedStyleSheet.js","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":";;;AACA,+CAA0C;AAE1C,0EAAqE;AAYrE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,SAAgB,gBAAgB,CAC9B,SAAkD;IAElD,iDAAiD;IACjD,MAAM,KAAK,GAAG,IAAA,6BAAY,GAAE,CAAC;IAE7B,wCAAwC;IACxC,OAAO,CAAC,KAAa,EAAE,EAAE;QACvB,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,yBAAU,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,CAAC,CAAC;AACJ,CAAC;AAVD,4CAUC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/themed-stylesheet",
3
- "version": "1.7.4",
3
+ "version": "1.7.6",
4
4
  "description": "Helper for using react-native StyleSheets with themes",
5
5
  "repository": {
6
6
  "type": "git",
@@ -9,6 +9,7 @@
9
9
  },
10
10
  "main": "lib-commonjs/index.js",
11
11
  "module": "lib/index.js",
12
+ "react-native": "src/index.ts",
12
13
  "exports": {
13
14
  ".": {
14
15
  "import": "./lib/index.js",
@@ -34,7 +35,7 @@
34
35
  "author": "",
35
36
  "license": "MIT",
36
37
  "dependencies": {
37
- "@fluentui-react-native/memo-cache": "1.3.5"
38
+ "@fluentui-react-native/framework-base": "0.1.1"
38
39
  },
39
40
  "devDependencies": {
40
41
  "@babel/core": "^7.20.0",
package/src/themedStyleSheet.ts CHANGED
@@ -1,7 +1,10 @@
1
1
  import type { ViewStyle, TextStyle, ImageStyle } from 'react-native';
2
2
  import { StyleSheet } from 'react-native';
3
3
 
4
- import { getMemoCache } from '@fluentui-react-native/memo-cache';
4
+ import { getMemoCache } from '@fluentui-react-native/framework-base';
5
+
6
+ // eslint-disable-next-line @typescript-eslint/no-empty-object-type
7
+ type ObjectBase = {};
5
8
 
6
9
  /**
7
10
  * Signature for inputs and outputs for StyleSheet.create. This is a collection of named styles which can
@@ -38,8 +41,8 @@ export type NamedStyles<T> = { [P in keyof T]: ViewStyle | TextStyle | ImageStyl
38
41
  * @param generator - a function which will get run once per theme to create a cached style sheet.
39
42
  *
40
43
  */
41
- // eslint-disable-next-line @typescript-eslint/ban-types
42
- export function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends object>(
44
+
45
+ export function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends ObjectBase>(
43
46
  generator: (theme: TTheme) => NamedStyles<TStyles>,
44
47
  ): (theme: TTheme) => NamedStyles<TStyles> {
45
48
  // create a memo cache for this themed stylesheet
package/just.config.js DELETED
@@ -1,3 +0,0 @@
1
- const { preset } = require('@fluentui-react-native/scripts');
2
-
3
- preset();