@fluentui-react-native/themed-stylesheet 1.7.10 → 1.8.0

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/CHANGELOG.json CHANGED
@@ -1,6 +1,21 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/themed-stylesheet",
3
3
  "entries": [
4
+ {
5
+ "date": "Tue, 05 Aug 2025 18:50:38 GMT",
6
+ "version": "1.7.11",
7
+ "tag": "@fluentui-react-native/themed-stylesheet_v1.7.11",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "jasonmo@microsoft.com",
12
+ "package": "@fluentui-react-native/themed-stylesheet",
13
+ "commit": "1ed213f1b48036479e39ace7f25f9a31f46042bf",
14
+ "comment": "move repo to pnpm, create babel and jest config packages, fix dependencies"
15
+ }
16
+ ]
17
+ }
18
+ },
4
19
  {
5
20
  "date": "Wed, 16 Jul 2025 20:06:46 GMT",
6
21
  "version": "1.7.6",
package/CHANGELOG.md CHANGED
@@ -1,9 +1,53 @@
1
1
  # Change Log - @fluentui-react-native/themed-stylesheet
2
2
 
3
- <!-- This log was last generated on Wed, 16 Jul 2025 20:06:46 GMT and should not be manually modified. -->
3
+ ## 1.8.0
4
+
5
+ ### Minor Changes
6
+
7
+ - d7adbdd: # Migration from Beachball to Changesets
8
+
9
+ This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
10
+
11
+ All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
12
+
13
+ ## What Changed
14
+
15
+ Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
16
+
17
+ - ❌ 440+ beachball change files from `change/` directory
18
+ - ❌ `beachball` package dependency
19
+ - ❌ Beachball scripts from `package.json`
20
+ - ❌ `beachball.config.js` configuration file
21
+ - ❌ Beachball publish steps from Azure Pipelines
22
+
23
+ ## New Workflow
24
+
25
+ ✅ **Create changes**: Run `yarn changeset` to document changes
26
+ ✅ **Version bump PRs**: Automatically created by GitHub Actions
27
+ ✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
28
+ ✅ **Validation**: CI validates changesets and blocks major version bumps
29
+
30
+ For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
31
+
32
+ ### Patch Changes
33
+
34
+ - d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
35
+ - Updated dependencies [d7adbdd]
36
+ - Updated dependencies [d1d8c26]
37
+ - @fluentui-react-native/framework-base@0.3.0
38
+
39
+ <!-- This log was last generated on Tue, 05 Aug 2025 18:50:38 GMT and should not be manually modified. -->
4
40
 
5
41
  <!-- Start content -->
6
42
 
43
+ ## 1.7.11
44
+
45
+ Tue, 05 Aug 2025 18:50:38 GMT
46
+
47
+ ### Patches
48
+
49
+ - move repo to pnpm, create babel and jest config packages, fix dependencies (jasonmo@microsoft.com)
50
+
7
51
  ## 1.7.6
8
52
 
9
53
  Wed, 16 Jul 2025 20:06:46 GMT
@@ -307,85 +351,112 @@ Thu, 16 Apr 2020 23:57:38 GMT
307
351
  - publish with correct main/module references (jasonmo@microsoft.com)
308
352
 
309
353
  ## 0.2.13
354
+
310
355
  Thu, 09 Apr 2020 18:39:15 GMT
311
356
 
312
357
  ### Patches
313
358
 
314
359
  - merge conflicts (ppatboyd@outlook.com)
360
+
315
361
  ## 0.2.11
362
+
316
363
  Fri, 03 Apr 2020 20:40:51 GMT
317
364
 
318
365
  ### Patches
319
366
 
320
367
  - switch the bin name from just-script to fluent-scripts to disambiguate names (jasonmo@microsoft.com)
368
+
321
369
  ## 0.2.10
370
+
322
371
  Tue, 31 Mar 2020 18:01:09 GMT
323
372
 
324
373
  ### Patches
325
374
 
326
375
  - Merge branch 'sammy/checkboxV1' of https://github.com/samuelfreiberg/fluentui-react-native into sammy/checkboxV1 (safreibe@microsoft.com)
376
+
327
377
  ## 0.2.9
378
+
328
379
  Mon, 30 Mar 2020 16:27:00 GMT
329
380
 
330
381
  ### Patches
331
382
 
332
383
  - Update main attribute to specify TypeScript index file. (kinhln@microsoft.com)
384
+
333
385
  ## 0.2.8
386
+
334
387
  Tue, 10 Mar 2020 22:28:00 GMT
335
388
 
336
389
  ### Patches
337
390
 
338
391
  - switch symbol based caching to use WeakMaps (jasonmo@microsoft.com)
392
+
339
393
  ## 0.2.7
394
+
340
395
  Sat, 07 Mar 2020 00:42:50 GMT
341
396
 
342
397
  ### Patches
343
398
 
344
399
  - fix broken react-native jest configurations (jasonmo@microsoft.com)
400
+
345
401
  ## 0.2.6
402
+
346
403
  Fri, 28 Feb 2020 00:04:18 GMT
347
404
 
348
405
  ### Patches
349
406
 
350
407
  - fix builds with moved packages (jasonmo@microsoft.com)
408
+
351
409
  ## 0.2.5
410
+
352
411
  Thu, 20 Feb 2020 01:36:35 GMT
353
412
 
354
413
  ### Patches
355
414
 
356
415
  - restructure directories in project (jasonmo@microsoft.com)
416
+
357
417
  ## 0.2.4
418
+
358
419
  Fri, 07 Feb 2020 00:29:25 GMT
359
420
 
360
421
  ### Patches
361
422
 
362
423
  - fix packages for react-native to unblock builds (jasonmo@microsoft.com)
424
+
363
425
  ## 0.2.3
426
+
364
427
  Thu, 06 Feb 2020 01:00:13 GMT
365
428
 
366
429
  ### Patches
367
430
 
368
431
  - Temporarily disable test to work around test error. (email not defined)
369
432
  - fix packages for react-native to unblock builds (jasonmo@microsoft.com)
433
+
370
434
  ## 0.2.2
435
+
371
436
  Wed, 04 Dec 2019 23:08:56 GMT
372
437
 
373
438
  ### Patches
374
439
 
375
440
  - Fix typings for theme object (adrum@microsoft.com)
441
+
376
442
  ## 0.2.1
443
+
377
444
  Fri, 22 Nov 2019 23:33:23 GMT
378
445
 
379
446
  ### Patches
380
447
 
381
448
  - 🐛 Fix themed stylesheet typings (adrum@microsoft.com)
449
+
382
450
  ## 0.2.0
451
+
383
452
  Wed, 20 Nov 2019 19:37:06 GMT
384
453
 
385
454
  ### Minor changes
386
455
 
387
456
  - 📦 fix package entrypoints to distinguish CJS/ES6 (adrum@microsoft.com)
457
+
388
458
  ## 0.1.2
459
+
389
460
  Fri, 15 Nov 2019 00:49:28 GMT
390
461
 
391
462
  ### Patches
package/babel.config.js CHANGED
@@ -1 +1 @@
1
- module.exports = require('@fluentui-react-native/scripts/configs/babel.config');
1
+ module.exports = require('@fluentui-react-native/babel-config');
package/lib/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export { themedStyleSheet } from './themedStyleSheet';
2
2
  export type { NamedStyles } from './themedStyleSheet';
3
- //# sourceMappingURL=index.d.ts.map
3
+ //# sourceMappingURL=index.d.ts.map
package/lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export { themedStyleSheet } from './themedStyleSheet';
2
- //# sourceMappingURL=index.js.map
2
+ //# sourceMappingURL=index.js.map
@@ -5,7 +5,7 @@ type ObjectBase = {};
5
5
  * be used as inputs for the style property on components and matches what StyleSheet.create accepts
6
6
  */
7
7
  export type NamedStyles<T> = {
8
- [P in keyof T]: ViewStyle | TextStyle | ImageStyle;
8
+ [P in keyof T]: ViewStyle | TextStyle | ImageStyle;
9
9
  };
10
10
  /**
11
11
  * A convenience wrapper to create style sheets which depend upon values in a theme, and use them in a manner
@@ -35,6 +35,8 @@ export type NamedStyles<T> = {
35
35
  * @param generator - a function which will get run once per theme to create a cached style sheet.
36
36
  *
37
37
  */
38
- export declare function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends ObjectBase>(generator: (theme: TTheme) => NamedStyles<TStyles>): (theme: TTheme) => NamedStyles<TStyles>;
38
+ export declare function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends ObjectBase>(
39
+ generator: (theme: TTheme) => NamedStyles<TStyles>,
40
+ ): (theme: TTheme) => NamedStyles<TStyles>;
39
41
  export {};
40
- //# sourceMappingURL=themedStyleSheet.d.ts.map
42
+ //# sourceMappingURL=themedStyleSheet.d.ts.map
@@ -29,11 +29,11 @@ import { getMemoCache } from '@fluentui-react-native/framework-base';
29
29
  *
30
30
  */
31
31
  export function themedStyleSheet(generator) {
32
- // create a memo cache for this themed stylesheet
33
- const cache = getMemoCache();
34
- // now return a theme => styles function
35
- return (theme) => {
36
- return cache(() => StyleSheet.create(generator(theme)), [theme])[0];
37
- };
32
+ // create a memo cache for this themed stylesheet
33
+ const cache = getMemoCache();
34
+ // now return a theme => styles function
35
+ return (theme) => {
36
+ return cache(() => StyleSheet.create(generator(theme)), [theme])[0];
37
+ };
38
38
  }
39
- //# sourceMappingURL=themedStyleSheet.js.map
39
+ //# sourceMappingURL=themedStyleSheet.js.map
@@ -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,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"}
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,EACT;IACzC,iDAAiD;IACjD,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,wCAAwC;IACxC,OAAO,CAAC,KAAa,EAAE,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAAA,CACrE,CAAC;AAAA,CACH"}
@@ -1,2 +1,2 @@
1
1
  export {};
2
- //# sourceMappingURL=themedStyleSheet.test.d.ts.map
2
+ //# sourceMappingURL=themedStyleSheet.test.d.ts.map
@@ -1,88 +1,88 @@
1
1
  import { themedStyleSheet } from './themedStyleSheet';
2
2
  function _createTheme1() {
3
- return {
4
- color1: 'blue',
5
- color2: 'red',
6
- fontSize: 10,
7
- };
3
+ return {
4
+ color1: 'blue',
5
+ color2: 'red',
6
+ fontSize: 10,
7
+ };
8
8
  }
9
9
  function _createTheme2() {
10
- return {
11
- color1: 'green',
12
- color2: 'black',
13
- fontSize: 12,
14
- };
10
+ return {
11
+ color1: 'green',
12
+ color2: 'black',
13
+ fontSize: 12,
14
+ };
15
15
  }
16
16
  const getStyles1 = themedStyleSheet((t) => {
17
- return {
18
- style1: {
19
- backgroundColor: t.color1,
20
- color: t.color2,
21
- fontSize: t.fontSize,
22
- },
23
- style2: {
24
- color: t.color1,
25
- backgroundColor: 'purple',
26
- fontSize: 50,
27
- },
28
- };
17
+ return {
18
+ style1: {
19
+ backgroundColor: t.color1,
20
+ color: t.color2,
21
+ fontSize: t.fontSize,
22
+ },
23
+ style2: {
24
+ color: t.color1,
25
+ backgroundColor: 'purple',
26
+ fontSize: 50,
27
+ },
28
+ };
29
29
  });
30
30
  const getThemeOptionalStyles = themedStyleSheet((t) => {
31
- return {
32
- style3: {
33
- backgroundColor: (t && t.color1) || 'white',
34
- color: (t && t.color2) || 'black',
35
- fontSize: (t && t.fontSize) || 8,
36
- },
37
- };
31
+ return {
32
+ style3: {
33
+ backgroundColor: (t && t.color1) || 'white',
34
+ color: (t && t.color2) || 'black',
35
+ fontSize: (t && t.fontSize) || 8,
36
+ },
37
+ };
38
38
  });
39
39
  describe('Themed style sheet tests', () => {
40
- test('get no theme stylesheet', () => {
41
- const styles = getThemeOptionalStyles(undefined);
42
- expect(styles.style3).toEqual({
43
- backgroundColor: 'white',
44
- color: 'black',
45
- fontSize: 8,
46
- });
40
+ test('get no theme stylesheet', () => {
41
+ const styles = getThemeOptionalStyles(undefined);
42
+ expect(styles.style3).toEqual({
43
+ backgroundColor: 'white',
44
+ color: 'black',
45
+ fontSize: 8,
47
46
  });
48
- test('get no theme stylesheet caches', () => {
49
- const styles1 = getThemeOptionalStyles(undefined);
50
- const styles2 = getThemeOptionalStyles(undefined);
51
- expect(styles1).toBe(styles2);
47
+ });
48
+ test('get no theme stylesheet caches', () => {
49
+ const styles1 = getThemeOptionalStyles(undefined);
50
+ const styles2 = getThemeOptionalStyles(undefined);
51
+ expect(styles1).toBe(styles2);
52
+ });
53
+ test('get conditional stylesheet works with theme', () => {
54
+ const theme = _createTheme1();
55
+ const styles = getThemeOptionalStyles(theme);
56
+ expect(styles.style3).toEqual({
57
+ backgroundColor: 'blue',
58
+ color: 'red',
59
+ fontSize: 10,
52
60
  });
53
- test('get conditional stylesheet works with theme', () => {
54
- const theme = _createTheme1();
55
- const styles = getThemeOptionalStyles(theme);
56
- expect(styles.style3).toEqual({
57
- backgroundColor: 'blue',
58
- color: 'red',
59
- fontSize: 10,
60
- });
61
+ });
62
+ test('get themed stylesheet works for multiples', () => {
63
+ const theme = _createTheme1();
64
+ const styles = getStyles1(theme);
65
+ expect(styles.style1).toEqual({
66
+ backgroundColor: 'blue',
67
+ color: 'red',
68
+ fontSize: 10,
61
69
  });
62
- test('get themed stylesheet works for multiples', () => {
63
- const theme = _createTheme1();
64
- const styles = getStyles1(theme);
65
- expect(styles.style1).toEqual({
66
- backgroundColor: 'blue',
67
- color: 'red',
68
- fontSize: 10,
69
- });
70
- expect(styles.style2).toEqual({
71
- color: 'blue',
72
- backgroundColor: 'purple',
73
- fontSize: 50,
74
- });
75
- });
76
- test('get themed stylesheet caches correctly', () => {
77
- const theme1 = _createTheme1();
78
- const theme2 = _createTheme2();
79
- const stylest1a = getStyles1(theme1);
80
- const stylest2a = getStyles1(theme2);
81
- const stylest1b = getStyles1(theme1);
82
- const stylest2b = getStyles1(theme2);
83
- expect(stylest1a).toBe(stylest1b);
84
- expect(stylest2a).toBe(stylest2b);
85
- expect(stylest1a).not.toBe(stylest2a);
70
+ expect(styles.style2).toEqual({
71
+ color: 'blue',
72
+ backgroundColor: 'purple',
73
+ fontSize: 50,
86
74
  });
75
+ });
76
+ test('get themed stylesheet caches correctly', () => {
77
+ const theme1 = _createTheme1();
78
+ const theme2 = _createTheme2();
79
+ const stylest1a = getStyles1(theme1);
80
+ const stylest2a = getStyles1(theme2);
81
+ const stylest1b = getStyles1(theme1);
82
+ const stylest2b = getStyles1(theme2);
83
+ expect(stylest1a).toBe(stylest1b);
84
+ expect(stylest2a).toBe(stylest2b);
85
+ expect(stylest1a).not.toBe(stylest2a);
86
+ });
87
87
  });
88
- //# sourceMappingURL=themedStyleSheet.test.js.map
88
+ //# sourceMappingURL=themedStyleSheet.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"themedStyleSheet.test.js","sourceRoot":"","sources":["../src/themedStyleSheet.test.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"themedStyleSheet.test.js","sourceRoot":"","sources":["../src/themedStyleSheet.test.ts"],"names":[],"mappings":"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"}
@@ -1,3 +1,3 @@
1
1
  export { themedStyleSheet } from './themedStyleSheet';
2
2
  export type { NamedStyles } from './themedStyleSheet';
3
- //# sourceMappingURL=index.d.ts.map
3
+ //# sourceMappingURL=index.d.ts.map
@@ -1,6 +1,11 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', { value: true });
3
3
  exports.themedStyleSheet = void 0;
4
- var themedStyleSheet_1 = require("./themedStyleSheet");
5
- Object.defineProperty(exports, "themedStyleSheet", { enumerable: true, get: function () { return themedStyleSheet_1.themedStyleSheet; } });
6
- //# sourceMappingURL=index.js.map
4
+ const themedStyleSheet_1 = require('./themedStyleSheet');
5
+ Object.defineProperty(exports, 'themedStyleSheet', {
6
+ enumerable: true,
7
+ get: function () {
8
+ return themedStyleSheet_1.themedStyleSheet;
9
+ },
10
+ });
11
+ //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAAsD;AAA7C,oHAAA,gBAAgB,OAAA"}
@@ -5,7 +5,7 @@ type ObjectBase = {};
5
5
  * be used as inputs for the style property on components and matches what StyleSheet.create accepts
6
6
  */
7
7
  export type NamedStyles<T> = {
8
- [P in keyof T]: ViewStyle | TextStyle | ImageStyle;
8
+ [P in keyof T]: ViewStyle | TextStyle | ImageStyle;
9
9
  };
10
10
  /**
11
11
  * A convenience wrapper to create style sheets which depend upon values in a theme, and use them in a manner
@@ -35,6 +35,8 @@ export type NamedStyles<T> = {
35
35
  * @param generator - a function which will get run once per theme to create a cached style sheet.
36
36
  *
37
37
  */
38
- export declare function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends ObjectBase>(generator: (theme: TTheme) => NamedStyles<TStyles>): (theme: TTheme) => NamedStyles<TStyles>;
38
+ export declare function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends ObjectBase>(
39
+ generator: (theme: TTheme) => NamedStyles<TStyles>,
40
+ ): (theme: TTheme) => NamedStyles<TStyles>;
39
41
  export {};
40
- //# sourceMappingURL=themedStyleSheet.d.ts.map
42
+ //# sourceMappingURL=themedStyleSheet.d.ts.map
@@ -1,8 +1,8 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.themedStyleSheet = void 0;
4
- const react_native_1 = require("react-native");
5
- const framework_base_1 = require("@fluentui-react-native/framework-base");
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', { value: true });
3
+ exports.themedStyleSheet = themedStyleSheet;
4
+ const react_native_1 = require('react-native');
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
@@ -32,12 +32,11 @@ const framework_base_1 = require("@fluentui-react-native/framework-base");
32
32
  *
33
33
  */
34
34
  function themedStyleSheet(generator) {
35
- // create a memo cache for this themed stylesheet
36
- const cache = (0, framework_base_1.getMemoCache)();
37
- // now return a theme => styles function
38
- return (theme) => {
39
- return cache(() => react_native_1.StyleSheet.create(generator(theme)), [theme])[0];
40
- };
35
+ // create a memo cache for this themed stylesheet
36
+ const cache = (0, framework_base_1.getMemoCache)();
37
+ // now return a theme => styles function
38
+ return (theme) => {
39
+ return cache(() => react_native_1.StyleSheet.create(generator(theme)), [theme])[0];
40
+ };
41
41
  }
42
- exports.themedStyleSheet = themedStyleSheet;
43
- //# sourceMappingURL=themedStyleSheet.js.map
42
+ //# sourceMappingURL=themedStyleSheet.js.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"themedStyleSheet.js","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":";;;AACA,+CAA0C;AAE1C,0EAAqE;AAYrE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,0BACE,SAAkD,EACT;IACzC,iDAAiD;IACjD,MAAM,KAAK,GAAG,IAAA,6BAAY,GAAE,CAAC;IAE7B,wCAAwC;IACxC,OAAO,CAAC,KAAa,EAAE,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,yBAAU,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAAA,CACrE,CAAC;AAAA,CACH"}
@@ -1,2 +1,2 @@
1
1
  export {};
2
- //# sourceMappingURL=themedStyleSheet.test.d.ts.map
2
+ //# sourceMappingURL=themedStyleSheet.test.d.ts.map
@@ -1,90 +1,90 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const themedStyleSheet_1 = require("./themedStyleSheet");
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', { value: true });
3
+ const themedStyleSheet_1 = require('./themedStyleSheet');
4
4
  function _createTheme1() {
5
- return {
6
- color1: 'blue',
7
- color2: 'red',
8
- fontSize: 10,
9
- };
5
+ return {
6
+ color1: 'blue',
7
+ color2: 'red',
8
+ fontSize: 10,
9
+ };
10
10
  }
11
11
  function _createTheme2() {
12
- return {
13
- color1: 'green',
14
- color2: 'black',
15
- fontSize: 12,
16
- };
12
+ return {
13
+ color1: 'green',
14
+ color2: 'black',
15
+ fontSize: 12,
16
+ };
17
17
  }
18
18
  const getStyles1 = (0, themedStyleSheet_1.themedStyleSheet)((t) => {
19
- return {
20
- style1: {
21
- backgroundColor: t.color1,
22
- color: t.color2,
23
- fontSize: t.fontSize,
24
- },
25
- style2: {
26
- color: t.color1,
27
- backgroundColor: 'purple',
28
- fontSize: 50,
29
- },
30
- };
19
+ return {
20
+ style1: {
21
+ backgroundColor: t.color1,
22
+ color: t.color2,
23
+ fontSize: t.fontSize,
24
+ },
25
+ style2: {
26
+ color: t.color1,
27
+ backgroundColor: 'purple',
28
+ fontSize: 50,
29
+ },
30
+ };
31
31
  });
32
32
  const getThemeOptionalStyles = (0, themedStyleSheet_1.themedStyleSheet)((t) => {
33
- return {
34
- style3: {
35
- backgroundColor: (t && t.color1) || 'white',
36
- color: (t && t.color2) || 'black',
37
- fontSize: (t && t.fontSize) || 8,
38
- },
39
- };
33
+ return {
34
+ style3: {
35
+ backgroundColor: (t && t.color1) || 'white',
36
+ color: (t && t.color2) || 'black',
37
+ fontSize: (t && t.fontSize) || 8,
38
+ },
39
+ };
40
40
  });
41
41
  describe('Themed style sheet tests', () => {
42
- test('get no theme stylesheet', () => {
43
- const styles = getThemeOptionalStyles(undefined);
44
- expect(styles.style3).toEqual({
45
- backgroundColor: 'white',
46
- color: 'black',
47
- fontSize: 8,
48
- });
42
+ test('get no theme stylesheet', () => {
43
+ const styles = getThemeOptionalStyles(undefined);
44
+ expect(styles.style3).toEqual({
45
+ backgroundColor: 'white',
46
+ color: 'black',
47
+ fontSize: 8,
49
48
  });
50
- test('get no theme stylesheet caches', () => {
51
- const styles1 = getThemeOptionalStyles(undefined);
52
- const styles2 = getThemeOptionalStyles(undefined);
53
- expect(styles1).toBe(styles2);
49
+ });
50
+ test('get no theme stylesheet caches', () => {
51
+ const styles1 = getThemeOptionalStyles(undefined);
52
+ const styles2 = getThemeOptionalStyles(undefined);
53
+ expect(styles1).toBe(styles2);
54
+ });
55
+ test('get conditional stylesheet works with theme', () => {
56
+ const theme = _createTheme1();
57
+ const styles = getThemeOptionalStyles(theme);
58
+ expect(styles.style3).toEqual({
59
+ backgroundColor: 'blue',
60
+ color: 'red',
61
+ fontSize: 10,
54
62
  });
55
- test('get conditional stylesheet works with theme', () => {
56
- const theme = _createTheme1();
57
- const styles = getThemeOptionalStyles(theme);
58
- expect(styles.style3).toEqual({
59
- backgroundColor: 'blue',
60
- color: 'red',
61
- fontSize: 10,
62
- });
63
+ });
64
+ test('get themed stylesheet works for multiples', () => {
65
+ const theme = _createTheme1();
66
+ const styles = getStyles1(theme);
67
+ expect(styles.style1).toEqual({
68
+ backgroundColor: 'blue',
69
+ color: 'red',
70
+ fontSize: 10,
63
71
  });
64
- test('get themed stylesheet works for multiples', () => {
65
- const theme = _createTheme1();
66
- const styles = getStyles1(theme);
67
- expect(styles.style1).toEqual({
68
- backgroundColor: 'blue',
69
- color: 'red',
70
- fontSize: 10,
71
- });
72
- expect(styles.style2).toEqual({
73
- color: 'blue',
74
- backgroundColor: 'purple',
75
- fontSize: 50,
76
- });
77
- });
78
- test('get themed stylesheet caches correctly', () => {
79
- const theme1 = _createTheme1();
80
- const theme2 = _createTheme2();
81
- const stylest1a = getStyles1(theme1);
82
- const stylest2a = getStyles1(theme2);
83
- const stylest1b = getStyles1(theme1);
84
- const stylest2b = getStyles1(theme2);
85
- expect(stylest1a).toBe(stylest1b);
86
- expect(stylest2a).toBe(stylest2b);
87
- expect(stylest1a).not.toBe(stylest2a);
72
+ expect(styles.style2).toEqual({
73
+ color: 'blue',
74
+ backgroundColor: 'purple',
75
+ fontSize: 50,
88
76
  });
77
+ });
78
+ test('get themed stylesheet caches correctly', () => {
79
+ const theme1 = _createTheme1();
80
+ const theme2 = _createTheme2();
81
+ const stylest1a = getStyles1(theme1);
82
+ const stylest2a = getStyles1(theme2);
83
+ const stylest1b = getStyles1(theme1);
84
+ const stylest2b = getStyles1(theme2);
85
+ expect(stylest1a).toBe(stylest1b);
86
+ expect(stylest2a).toBe(stylest2b);
87
+ expect(stylest1a).not.toBe(stylest2a);
88
+ });
89
89
  });
90
- //# sourceMappingURL=themedStyleSheet.test.js.map
90
+ //# sourceMappingURL=themedStyleSheet.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"themedStyleSheet.test.js","sourceRoot":"","sources":["../src/themedStyleSheet.test.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"themedStyleSheet.test.js","sourceRoot":"","sources":["../src/themedStyleSheet.test.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,75 +1,80 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/themed-stylesheet",
3
- "version": "1.7.10",
3
+ "version": "1.8.0",
4
4
  "description": "Helper for using react-native StyleSheets with themes",
5
+ "keywords": [],
5
6
  "repository": {
6
7
  "type": "git",
7
8
  "url": "https://github.com/microsoft/fluentui-react-native",
8
9
  "directory": "packages/framework/themed-stylesheet"
9
10
  },
10
- "main": "lib-commonjs/index.js",
11
- "module": "lib/index.js",
12
- "react-native": "src/index.ts",
11
+ "license": "MIT",
12
+ "author": "",
13
13
  "exports": {
14
14
  ".": {
15
+ "types": "./lib/index.d.ts",
15
16
  "import": "./lib/index.js",
16
- "require": "./lib-commonjs/index.js",
17
- "types": "./lib/index.d.ts"
17
+ "require": "./lib-commonjs/index.js"
18
18
  }
19
19
  },
20
- "typings": "lib/index.d.ts",
20
+ "main": "lib-commonjs/index.js",
21
+ "module": "lib/index.js",
22
+ "types": "lib/index.d.ts",
21
23
  "scripts": {
22
24
  "build": "fluentui-scripts build",
23
- "just": "fluentui-scripts",
25
+ "build-cjs": "tsgo --outDir lib-commonjs",
26
+ "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
24
27
  "clean": "fluentui-scripts clean",
25
28
  "depcheck": "fluentui-scripts depcheck",
26
29
  "lint": "fluentui-scripts eslint",
30
+ "lint-package": "fluentui-scripts lint-package",
31
+ "prettier": "fluentui-scripts prettier",
27
32
  "start": "fluentui-scripts dev",
28
33
  "start-test": "fluentui-scripts jest-watch",
29
34
  "test": "fluentui-scripts jest",
30
- "update-snapshots": "fluentui-scripts jest -u",
31
- "prettier": "fluentui-scripts prettier",
32
- "prettier-fix": "fluentui-scripts prettier --fix true"
35
+ "update-snapshots": "fluentui-scripts jest -u"
33
36
  },
34
- "keywords": [],
35
- "author": "",
36
- "license": "MIT",
37
37
  "dependencies": {
38
- "@fluentui-react-native/framework-base": "0.2.0"
38
+ "@fluentui-react-native/framework-base": "0.3.0"
39
39
  },
40
40
  "devDependencies": {
41
41
  "@babel/core": "^7.20.0",
42
+ "@fluentui-react-native/babel-config": "0.1.1",
42
43
  "@fluentui-react-native/eslint-config-rules": "0.1.1",
43
- "@fluentui-react-native/scripts": "0.1.1",
44
- "@react-native/babel-preset": "^0.74.0",
45
- "@react-native/metro-config": "^0.74.0",
46
- "react": "18.2.0",
47
- "react-native": "^0.74.0"
44
+ "@fluentui-react-native/jest-config": "0.1.1",
45
+ "@fluentui-react-native/kit-config": "0.1.2",
46
+ "@fluentui-react-native/scripts": "0.1.2",
47
+ "@react-native-community/cli": "^20.0.0",
48
+ "@react-native-community/cli-platform-android": "^20.0.0",
49
+ "@react-native-community/cli-platform-ios": "^20.0.0",
50
+ "@react-native/babel-preset": "^0.81.0",
51
+ "@react-native/metro-config": "^0.81.0",
52
+ "@types/react": "~19.1.0",
53
+ "react": "19.1.0",
54
+ "react-native": "^0.81.0"
48
55
  },
49
56
  "peerDependencies": {
50
- "react": "18.2.0",
51
- "react-native": "^0.73.0 || ^0.74.0"
57
+ "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
58
+ "react": "18.2.0 || 19.0.0 || 19.1.0",
59
+ "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
60
+ },
61
+ "peerDependenciesMeta": {
62
+ "@types/react": {
63
+ "optional": true
64
+ }
52
65
  },
53
66
  "rnx-kit": {
54
67
  "kitType": "library",
55
68
  "alignDeps": {
56
- "presets": [
57
- "microsoft/react-native"
58
- ],
59
- "requirements": {
60
- "development": [
61
- "react-native@0.74"
62
- ],
63
- "production": [
64
- "react-native@0.73 || 0.74"
65
- ]
66
- },
67
69
  "capabilities": [
68
70
  "babel-preset-react-native",
69
71
  "core",
70
72
  "core-android",
71
- "core-ios"
73
+ "core-ios",
74
+ "tools-core",
75
+ "tools-jest"
72
76
  ]
73
- }
77
+ },
78
+ "extends": "@fluentui-react-native/kit-config"
74
79
  }
75
- }
80
+ }