@fluentui-react-native/experimental-shimmer 0.10.8 → 0.11.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
@@ -2,7 +2,22 @@
2
2
  "name": "@fluentui-react-native/experimental-shimmer",
3
3
  "entries": [
4
4
  {
5
- "date": "Mon, 14 Aug 2023 20:10:30 GMT",
5
+ "date": "Wed, 16 Aug 2023 23:33:38 GMT",
6
+ "version": "0.11.0",
7
+ "tag": "@fluentui-react-native/experimental-shimmer_v0.11.0",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "author": "ayushsinghs@yahoo.in",
12
+ "package": "@fluentui-react-native/experimental-shimmer",
13
+ "commit": "ca1c6eb486e99b227b569c5ca18640bcc3c251ba",
14
+ "comment": "Add tokens for iOS"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Mon, 14 Aug 2023 20:14:41 GMT",
6
21
  "version": "0.10.8",
7
22
  "tag": "@fluentui-react-native/experimental-shimmer_v0.10.8",
8
23
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,20 @@
1
1
  # Change Log - @fluentui-react-native/experimental-shimmer
2
2
 
3
- This log was last generated on Mon, 14 Aug 2023 20:10:30 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 16 Aug 2023 23:33:38 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.11.0
8
+
9
+ Wed, 16 Aug 2023 23:33:38 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - Add tokens for iOS (ayushsinghs@yahoo.in)
14
+
7
15
  ## 0.10.8
8
16
 
9
- Mon, 14 Aug 2023 20:10:30 GMT
17
+ Mon, 14 Aug 2023 20:14:41 GMT
10
18
 
11
19
  ### Patches
12
20
 
@@ -1,2 +1,5 @@
1
- export { defaultShimmerTokens } from './ShimmerTokens.mobile';
1
+ import type { Theme } from '@fluentui-react-native/framework';
2
+ import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
+ import type { ShimmerTokens } from './Shimmer.types';
4
+ export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
2
5
  //# sourceMappingURL=ShimmerTokens.android.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ShimmerTokens.android.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"ShimmerTokens.android.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,EAAE,KAAK,CAShD,CAAC"}
@@ -1,2 +1,12 @@
1
- export { defaultShimmerTokens } from './ShimmerTokens.mobile';
1
+ export var defaultShimmerTokens = function (theme) {
2
+ return ({
3
+ angle: 45,
4
+ delay: 0,
5
+ duration: 1000,
6
+ shimmerColor: theme.colors.neutralStencil1,
7
+ shimmerColorOpacity: 1,
8
+ shimmerWaveColor: theme.colors.neutralStencil2,
9
+ shimmerWaveColorOpacity: 1,
10
+ });
11
+ };
2
12
  //# sourceMappingURL=ShimmerTokens.android.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ShimmerTokens.android.js","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"ShimmerTokens.android.js","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,IAAM,oBAAoB,GAAwC,UAAC,KAAY;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC1C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC9C,uBAAuB,EAAE,CAAC;KACT,CAAA;AARnB,CAQmB,CAAC"}
@@ -1,2 +1,5 @@
1
- export { defaultShimmerTokens } from './ShimmerTokens.mobile';
1
+ import type { Theme } from '@fluentui-react-native/framework';
2
+ import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
+ import type { ShimmerTokens } from './Shimmer.types';
4
+ export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
2
5
  //# sourceMappingURL=ShimmerTokens.ios.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ShimmerTokens.ios.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"ShimmerTokens.ios.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,EAAE,KAAK,CAShD,CAAC"}
@@ -1,2 +1,12 @@
1
- export { defaultShimmerTokens } from './ShimmerTokens.mobile';
1
+ export var defaultShimmerTokens = function (theme) {
2
+ return ({
3
+ angle: 0,
4
+ delay: 0,
5
+ duration: 1000,
6
+ shimmerColor: theme.colors.neutralStencil1,
7
+ shimmerColorOpacity: 1,
8
+ shimmerWaveColor: theme.colors.neutralStencil2,
9
+ shimmerWaveColorOpacity: 1,
10
+ });
11
+ };
2
12
  //# sourceMappingURL=ShimmerTokens.ios.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ShimmerTokens.ios.js","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"ShimmerTokens.ios.js","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,IAAM,oBAAoB,GAAwC,UAAC,KAAY;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC1C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC9C,uBAAuB,EAAE,CAAC;KACT,CAAA;AARnB,CAQmB,CAAC"}
@@ -1,2 +1,5 @@
1
- export { defaultShimmerTokens } from './ShimmerTokens.mobile';
1
+ import type { Theme } from '@fluentui-react-native/framework';
2
+ import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
+ import type { ShimmerTokens } from './Shimmer.types';
4
+ export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
2
5
  //# sourceMappingURL=ShimmerTokens.android.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ShimmerTokens.android.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"ShimmerTokens.android.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,EAAE,KAAK,CAShD,CAAC"}
@@ -1,6 +1,16 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.defaultShimmerTokens = void 0;
4
- var ShimmerTokens_mobile_1 = require("./ShimmerTokens.mobile");
5
- Object.defineProperty(exports, "defaultShimmerTokens", { enumerable: true, get: function () { return ShimmerTokens_mobile_1.defaultShimmerTokens; } });
4
+ var defaultShimmerTokens = function (theme) {
5
+ return ({
6
+ angle: 45,
7
+ delay: 0,
8
+ duration: 1000,
9
+ shimmerColor: theme.colors.neutralStencil1,
10
+ shimmerColorOpacity: 1,
11
+ shimmerWaveColor: theme.colors.neutralStencil2,
12
+ shimmerWaveColorOpacity: 1,
13
+ });
14
+ };
15
+ exports.defaultShimmerTokens = defaultShimmerTokens;
6
16
  //# sourceMappingURL=ShimmerTokens.android.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ShimmerTokens.android.js","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":";;;AAAA,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA"}
1
+ {"version":3,"file":"ShimmerTokens.android.js","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":";;;AAKO,IAAM,oBAAoB,GAAwC,UAAC,KAAY;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC1C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC9C,uBAAuB,EAAE,CAAC;KACT,CAAA;AARnB,CAQmB,CAAC;AATT,QAAA,oBAAoB,wBASX"}
@@ -1,2 +1,5 @@
1
- export { defaultShimmerTokens } from './ShimmerTokens.mobile';
1
+ import type { Theme } from '@fluentui-react-native/framework';
2
+ import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
+ import type { ShimmerTokens } from './Shimmer.types';
4
+ export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
2
5
  //# sourceMappingURL=ShimmerTokens.ios.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ShimmerTokens.ios.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"ShimmerTokens.ios.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,EAAE,KAAK,CAShD,CAAC"}
@@ -1,6 +1,16 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.defaultShimmerTokens = void 0;
4
- var ShimmerTokens_mobile_1 = require("./ShimmerTokens.mobile");
5
- Object.defineProperty(exports, "defaultShimmerTokens", { enumerable: true, get: function () { return ShimmerTokens_mobile_1.defaultShimmerTokens; } });
4
+ var defaultShimmerTokens = function (theme) {
5
+ return ({
6
+ angle: 0,
7
+ delay: 0,
8
+ duration: 1000,
9
+ shimmerColor: theme.colors.neutralStencil1,
10
+ shimmerColorOpacity: 1,
11
+ shimmerWaveColor: theme.colors.neutralStencil2,
12
+ shimmerWaveColorOpacity: 1,
13
+ });
14
+ };
15
+ exports.defaultShimmerTokens = defaultShimmerTokens;
6
16
  //# sourceMappingURL=ShimmerTokens.ios.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ShimmerTokens.ios.js","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":";;;AAAA,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA"}
1
+ {"version":3,"file":"ShimmerTokens.ios.js","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":";;;AAKO,IAAM,oBAAoB,GAAwC,UAAC,KAAY;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC1C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC9C,uBAAuB,EAAE,CAAC;KACT,CAAA;AARnB,CAQmB,CAAC;AATT,QAAA,oBAAoB,wBASX"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/experimental-shimmer",
3
- "version": "0.10.8",
3
+ "version": "0.11.0",
4
4
  "description": "A cross-platform Fluent Shimmer component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -1 +1,15 @@
1
- export { defaultShimmerTokens } from './ShimmerTokens.mobile';
1
+ import type { Theme } from '@fluentui-react-native/framework';
2
+ import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
+
4
+ import type { ShimmerTokens } from './Shimmer.types';
5
+
6
+ export const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme> = (theme: Theme) =>
7
+ ({
8
+ angle: 45,
9
+ delay: 0,
10
+ duration: 1000,
11
+ shimmerColor: theme.colors.neutralStencil1,
12
+ shimmerColorOpacity: 1,
13
+ shimmerWaveColor: theme.colors.neutralStencil2,
14
+ shimmerWaveColorOpacity: 1,
15
+ } as ShimmerTokens);
@@ -1 +1,15 @@
1
- export { defaultShimmerTokens } from './ShimmerTokens.mobile';
1
+ import type { Theme } from '@fluentui-react-native/framework';
2
+ import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
+
4
+ import type { ShimmerTokens } from './Shimmer.types';
5
+
6
+ export const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme> = (theme: Theme) =>
7
+ ({
8
+ angle: 0,
9
+ delay: 0,
10
+ duration: 1000,
11
+ shimmerColor: theme.colors.neutralStencil1,
12
+ shimmerColorOpacity: 1,
13
+ shimmerWaveColor: theme.colors.neutralStencil2,
14
+ shimmerWaveColorOpacity: 1,
15
+ } as ShimmerTokens);
@@ -1,5 +0,0 @@
1
- import type { Theme } from '@fluentui-react-native/framework';
2
- import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
- import type { ShimmerTokens } from './Shimmer.types';
4
- export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
5
- //# sourceMappingURL=ShimmerTokens.mobile.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ShimmerTokens.mobile.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.mobile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,EAAE,KAAK,CAShD,CAAC"}
@@ -1,12 +0,0 @@
1
- export var defaultShimmerTokens = function (theme) {
2
- return ({
3
- angle: 45,
4
- delay: 0,
5
- duration: 1000,
6
- shimmerColor: theme.colors.neutralStencil1,
7
- shimmerColorOpacity: 1,
8
- shimmerWaveColor: theme.colors.neutralStencil2,
9
- shimmerWaveColorOpacity: 1,
10
- });
11
- };
12
- //# sourceMappingURL=ShimmerTokens.mobile.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ShimmerTokens.mobile.js","sourceRoot":"","sources":["../src/ShimmerTokens.mobile.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,IAAM,oBAAoB,GAAwC,UAAC,KAAY;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC1C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC9C,uBAAuB,EAAE,CAAC;KACT,CAAA;AARnB,CAQmB,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { Theme } from '@fluentui-react-native/framework';
2
- import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
- import type { ShimmerTokens } from './Shimmer.types';
4
- export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
5
- //# sourceMappingURL=ShimmerTokens.mobile.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ShimmerTokens.mobile.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.mobile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,EAAE,KAAK,CAShD,CAAC"}
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.defaultShimmerTokens = void 0;
4
- var defaultShimmerTokens = function (theme) {
5
- return ({
6
- angle: 45,
7
- delay: 0,
8
- duration: 1000,
9
- shimmerColor: theme.colors.neutralStencil1,
10
- shimmerColorOpacity: 1,
11
- shimmerWaveColor: theme.colors.neutralStencil2,
12
- shimmerWaveColorOpacity: 1,
13
- });
14
- };
15
- exports.defaultShimmerTokens = defaultShimmerTokens;
16
- //# sourceMappingURL=ShimmerTokens.mobile.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ShimmerTokens.mobile.js","sourceRoot":"","sources":["../src/ShimmerTokens.mobile.ts"],"names":[],"mappings":";;;AAKO,IAAM,oBAAoB,GAAwC,UAAC,KAAY;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC1C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC9C,uBAAuB,EAAE,CAAC;KACT,CAAA;AARnB,CAQmB,CAAC;AATT,QAAA,oBAAoB,wBASX"}
@@ -1,15 +0,0 @@
1
- import type { Theme } from '@fluentui-react-native/framework';
2
- import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
-
4
- import type { ShimmerTokens } from './Shimmer.types';
5
-
6
- export const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme> = (theme: Theme) =>
7
- ({
8
- angle: 45,
9
- delay: 0,
10
- duration: 1000,
11
- shimmerColor: theme.colors.neutralStencil1,
12
- shimmerColorOpacity: 1,
13
- shimmerWaveColor: theme.colors.neutralStencil2,
14
- shimmerWaveColorOpacity: 1,
15
- } as ShimmerTokens);