@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 +15 -0
- package/CHANGELOG.md +72 -1
- package/babel.config.js +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/themedStyleSheet.d.ts +5 -3
- package/lib/themedStyleSheet.js +7 -7
- package/lib/themedStyleSheet.js.map +1 -1
- package/lib/themedStyleSheet.test.d.ts +1 -1
- package/lib/themedStyleSheet.test.js +73 -73
- package/lib/themedStyleSheet.test.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js +10 -5
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themedStyleSheet.d.ts +5 -3
- package/lib-commonjs/themedStyleSheet.js +12 -13
- package/lib-commonjs/themedStyleSheet.js.map +1 -1
- package/lib-commonjs/themedStyleSheet.test.d.ts +1 -1
- package/lib-commonjs/themedStyleSheet.test.js +76 -76
- package/lib-commonjs/themedStyleSheet.test.js.map +1 -1
- package/package.json +41 -36
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
|
-
|
|
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/
|
|
1
|
+
module.exports = require('@fluentui-react-native/babel-config');
|
package/lib/index.d.ts
CHANGED
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
|
-
|
|
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>(
|
|
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
|
package/lib/themedStyleSheet.js
CHANGED
|
@@ -29,11 +29,11 @@ import { getMemoCache } from '@fluentui-react-native/framework-base';
|
|
|
29
29
|
*
|
|
30
30
|
*/
|
|
31
31
|
export function themedStyleSheet(generator) {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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;
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
return {
|
|
4
|
+
color1: 'blue',
|
|
5
|
+
color2: 'red',
|
|
6
|
+
fontSize: 10,
|
|
7
|
+
};
|
|
8
8
|
}
|
|
9
9
|
function _createTheme2() {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
return {
|
|
11
|
+
color1: 'green',
|
|
12
|
+
color2: 'black',
|
|
13
|
+
fontSize: 12,
|
|
14
|
+
};
|
|
15
15
|
}
|
|
16
16
|
const getStyles1 = themedStyleSheet((t) => {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
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
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
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
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
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
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
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":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,SAAS,aAAa;
|
|
1
|
+
{"version":3,"file":"themedStyleSheet.test.js","sourceRoot":"","sources":["../src/themedStyleSheet.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,SAAS,aAAa,GAAe;IACnC,OAAO;QACL,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,EAAE;KACb,CAAC;AAAA,CACH;AAED,SAAS,aAAa,GAAe;IACnC,OAAO;QACL,MAAM,EAAE,OAAO;QACf,MAAM,EAAE,OAAO;QACf,QAAQ,EAAE,EAAE;KACb,CAAC;AAAA,CACH;AAED,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,CAAa,EAAE,EAAE,CAAC;IACrD,OAAO;QACL,MAAM,EAAE;YACN,eAAe,EAAE,CAAC,CAAC,MAAM;YACzB,KAAK,EAAE,CAAC,CAAC,MAAM;YACf,QAAQ,EAAE,CAAC,CAAC,QAAQ;SACrB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,CAAC,CAAC,MAAM;YACf,eAAe,EAAE,QAAQ;YACzB,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;AAAA,CACH,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,gBAAgB,CAAC,CAAC,CAAa,EAAE,EAAE,CAAC;IACjE,OAAO;QACL,MAAM,EAAE;YACN,eAAe,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,OAAO;YAC3C,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,OAAO;YACjC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;SACjC;KACF,CAAC;AAAA,CACH,CAAC,CAAC;AAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE,CAAC;IACzC,IAAI,CAAC,yBAAyB,EAAE,GAAG,EAAE,CAAC;QACpC,MAAM,MAAM,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC;YAC5B,eAAe,EAAE,OAAO;YACxB,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,CAAC;SACZ,CAAC,CAAC;IAAA,CACJ,CAAC,CAAC;IAEH,IAAI,CAAC,gCAAgC,EAAE,GAAG,EAAE,CAAC;QAC3C,MAAM,OAAO,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,OAAO,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAAA,CAC/B,CAAC,CAAC;IAEH,IAAI,CAAC,6CAA6C,EAAE,GAAG,EAAE,CAAC;QACxD,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC;YAC5B,eAAe,EAAE,MAAM;YACvB,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;IAAA,CACJ,CAAC,CAAC;IAEH,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE,CAAC;QACtD,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC;YAC5B,eAAe,EAAE,MAAM;YACvB,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC;YAC5B,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,QAAQ;YACzB,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;IAAA,CACJ,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE,CAAC;QACnD,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;QAC/B,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;QACrC,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;QACrC,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;QACrC,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;QACrC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAClC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAClC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAAA,CACvC,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}
|
package/lib-commonjs/index.d.ts
CHANGED
package/lib-commonjs/index.js
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
3
|
exports.themedStyleSheet = void 0;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
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,
|
|
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
|
-
|
|
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>(
|
|
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
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
exports.themedStyleSheet =
|
|
4
|
-
const react_native_1 = require(
|
|
5
|
-
const framework_base_1 = require(
|
|
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
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
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
|
-
|
|
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,
|
|
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
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
const themedStyleSheet_1 = require(
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
|
+
const themedStyleSheet_1 = require('./themedStyleSheet');
|
|
4
4
|
function _createTheme1() {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
return {
|
|
6
|
+
color1: 'blue',
|
|
7
|
+
color2: 'red',
|
|
8
|
+
fontSize: 10,
|
|
9
|
+
};
|
|
10
10
|
}
|
|
11
11
|
function _createTheme2() {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
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
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
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
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
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
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
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":";;AAAA,yDAAsD;AAQtD,SAAS,aAAa;
|
|
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.
|
|
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
|
-
"
|
|
11
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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.
|
|
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/
|
|
44
|
-
"@react-native/
|
|
45
|
-
"@react-native/
|
|
46
|
-
"react": "
|
|
47
|
-
"react-native": "^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
|
|
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
|
+
}
|