@fluentui-react-native/experimental-shimmer 0.6.16 → 0.6.17

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 (10) hide show
  1. package/CHANGELOG.json +16 -1
  2. package/CHANGELOG.md +10 -2
  3. package/lib/Shimmer.styling.win32.d.ts.map +1 -1
  4. package/lib/Shimmer.styling.win32.js +4 -2
  5. package/lib/Shimmer.styling.win32.js.map +1 -1
  6. package/lib-commonjs/Shimmer.styling.win32.d.ts.map +1 -1
  7. package/lib-commonjs/Shimmer.styling.win32.js +4 -2
  8. package/lib-commonjs/Shimmer.styling.win32.js.map +1 -1
  9. package/package.json +1 -1
  10. package/src/Shimmer.styling.win32.ts +9 -4
package/CHANGELOG.json CHANGED
@@ -2,7 +2,22 @@
2
2
  "name": "@fluentui-react-native/experimental-shimmer",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 18 Feb 2022 23:25:56 GMT",
5
+ "date": "Tue, 01 Mar 2022 04:11:23 GMT",
6
+ "tag": "@fluentui-react-native/experimental-shimmer_v0.6.17",
7
+ "version": "0.6.17",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "patboyd@microsoft.com",
12
+ "package": "@fluentui-react-native/experimental-shimmer",
13
+ "commit": "adfc9d33eb2e84e19fe5a817e80889d18836a931",
14
+ "comment": "Set shimmer tokens as also props and set root style to overflow hidden so the shimmer elements don't overflow the container"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Fri, 18 Feb 2022 23:27:11 GMT",
6
21
  "tag": "@fluentui-react-native/experimental-shimmer_v0.6.16",
7
22
  "version": "0.6.16",
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 Fri, 18 Feb 2022 23:25:56 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 01 Mar 2022 04:11:23 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.6.17
8
+
9
+ Tue, 01 Mar 2022 04:11:23 GMT
10
+
11
+ ### Patches
12
+
13
+ - Set shimmer tokens as also props and set root style to overflow hidden so the shimmer elements don't overflow the container (patboyd@microsoft.com)
14
+
7
15
  ## 0.6.16
8
16
 
9
- Fri, 18 Feb 2022 23:25:56 GMT
17
+ Fri, 18 Feb 2022 23:27:11 GMT
10
18
 
11
19
  ### Patches
12
20
 
package/lib/Shimmer.styling.win32.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.styling.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACvG,OAAO,EAAe,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,CAWzC,CAAC;AAEtB;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CAkC5F,CAAC"}
1
+ {"version":3,"file":"Shimmer.styling.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACvG,OAAO,EAAe,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,CAWzC,CAAC;AAEtB;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CAuC5F,CAAC"}
package/lib/Shimmer.styling.win32.js CHANGED
@@ -18,11 +18,13 @@ export var defaultShimmerTokens = function (theme) {
18
18
  */
19
19
  export var stylingSettings = {
20
20
  tokens: [defaultShimmerTokens, shimmerName],
21
+ tokensThatAreAlsoProps: 'all',
21
22
  slotProps: {
22
- root: buildProps(function () { return ({
23
+ root: buildProps(function (tokens) { return ({
23
24
  accessibilityRole: 'progressbar',
24
25
  accessible: true,
25
- }); }),
26
+ style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
27
+ }); }, ['backgroundColor']),
26
28
  shimmerWaveContainer: buildProps(function (tokens) { return ({
27
29
  delay: tokens.delay,
28
30
  duration: tokens.duration,
package/lib/Shimmer.styling.win32.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.styling.win32.js","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAwB,MAAM,kCAAkC,CAAC;AACvG,OAAO,EAAE,WAAW,EAA+B,MAAM,iBAAiB,CAAC;AAG3E,MAAM,CAAC,IAAM,oBAAoB,GAAiC,UAAC,KAAY;IAC7E,OAAA,CAAC;QACC,KAAK,EAAE,CAAC;QACR,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QACxC,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;QAC3C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,SAAS;QAC3B,uBAAuB,EAAE,CAAC;QAC1B,gBAAgB,EAAE,MAAM;KACP,CAAA;AAVnB,CAUmB,CAAC;AAEtB;;GAEG;AACH,MAAM,CAAC,IAAM,eAAe,GAAqE;IAC/F,MAAM,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC;IAC3C,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CAAC,cAAM,OAAA,CAAC;YACtB,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;SACjB,CAAC,EAHqB,CAGrB,CAAC;QAEH,oBAAoB,EAAE,UAAU,CAC9B,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC,CAAC,EAJyB,CAIzB,EACF,CAAC,OAAO,EAAE,UAAU,EAAE,cAAc,CAAC,CACtC;QAED,WAAW,EAAE,UAAU,CACrB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,YAAY,EAAE,MAAM,CAAC,YAAY;YACjC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;SAC1C,CAAC,EALyB,CAKzB,EACF,CAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAClE;QAED,YAAY,EAAE,UAAU,CACtB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC,CAAC,EAFyB,CAEzB,EACF,CAAC,iBAAiB,CAAC,CACpB;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"Shimmer.styling.win32.js","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAwB,MAAM,kCAAkC,CAAC;AACvG,OAAO,EAAE,WAAW,EAA+B,MAAM,iBAAiB,CAAC;AAG3E,MAAM,CAAC,IAAM,oBAAoB,GAAiC,UAAC,KAAY;IAC7E,OAAA,CAAC;QACC,KAAK,EAAE,CAAC;QACR,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QACxC,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;QAC3C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,SAAS;QAC3B,uBAAuB,EAAE,CAAC;QAC1B,gBAAgB,EAAE,MAAM;KACP,CAAA;AAVnB,CAUmB,CAAC;AAEtB;;GAEG;AACH,MAAM,CAAC,IAAM,eAAe,GAAqE;IAC/F,MAAM,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC;IAC3C,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE;SACvE,CAAC,EAJyB,CAIzB,EACF,CAAC,iBAAiB,CAAC,CACpB;QAED,oBAAoB,EAAE,UAAU,CAC9B,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC,CAAC,EAJyB,CAIzB,EACF,CAAC,OAAO,EAAE,UAAU,EAAE,cAAc,CAAC,CACtC;QAED,WAAW,EAAE,UAAU,CACrB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,YAAY,EAAE,MAAM,CAAC,YAAY;YACjC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;SAC1C,CAAC,EALyB,CAKzB,EACF,CAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAClE;QAED,YAAY,EAAE,UAAU,CACtB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC,CAAC,EAFyB,CAEzB,EACF,CAAC,iBAAiB,CAAC,CACpB;KACF;CACF,CAAC"}
package/lib-commonjs/Shimmer.styling.win32.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.styling.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACvG,OAAO,EAAe,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,CAWzC,CAAC;AAEtB;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CAkC5F,CAAC"}
1
+ {"version":3,"file":"Shimmer.styling.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACvG,OAAO,EAAe,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,CAWzC,CAAC;AAEtB;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CAuC5F,CAAC"}
package/lib-commonjs/Shimmer.styling.win32.js CHANGED
@@ -22,11 +22,13 @@ exports.defaultShimmerTokens = defaultShimmerTokens;
22
22
  */
23
23
  exports.stylingSettings = {
24
24
  tokens: [exports.defaultShimmerTokens, Shimmer_types_1.shimmerName],
25
+ tokensThatAreAlsoProps: 'all',
25
26
  slotProps: {
26
- root: (0, framework_1.buildProps)(function () { return ({
27
+ root: (0, framework_1.buildProps)(function (tokens) { return ({
27
28
  accessibilityRole: 'progressbar',
28
29
  accessible: true,
29
- }); }),
30
+ style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
31
+ }); }, ['backgroundColor']),
30
32
  shimmerWaveContainer: (0, framework_1.buildProps)(function (tokens) { return ({
31
33
  delay: tokens.delay,
32
34
  duration: tokens.duration,
package/lib-commonjs/Shimmer.styling.win32.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.styling.win32.js","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":";;;AAAA,8DAAuG;AACvG,iDAA2E;AAGpE,IAAM,oBAAoB,GAAiC,UAAC,KAAY;IAC7E,OAAA,CAAC;QACC,KAAK,EAAE,CAAC;QACR,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QACxC,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;QAC3C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,SAAS;QAC3B,uBAAuB,EAAE,CAAC;QAC1B,gBAAgB,EAAE,MAAM;KACP,CAAA;AAVnB,CAUmB,CAAC;AAXT,QAAA,oBAAoB,wBAWX;AAEtB;;GAEG;AACU,QAAA,eAAe,GAAqE;IAC/F,MAAM,EAAE,CAAC,4BAAoB,EAAE,2BAAW,CAAC;IAC3C,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EAAC,cAAM,OAAA,CAAC;YACtB,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;SACjB,CAAC,EAHqB,CAGrB,CAAC;QAEH,oBAAoB,EAAE,IAAA,sBAAU,EAC9B,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC,CAAC,EAJyB,CAIzB,EACF,CAAC,OAAO,EAAE,UAAU,EAAE,cAAc,CAAC,CACtC;QAED,WAAW,EAAE,IAAA,sBAAU,EACrB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,YAAY,EAAE,MAAM,CAAC,YAAY;YACjC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;SAC1C,CAAC,EALyB,CAKzB,EACF,CAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAClE;QAED,YAAY,EAAE,IAAA,sBAAU,EACtB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC,CAAC,EAFyB,CAEzB,EACF,CAAC,iBAAiB,CAAC,CACpB;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"Shimmer.styling.win32.js","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":";;;AAAA,8DAAuG;AACvG,iDAA2E;AAGpE,IAAM,oBAAoB,GAAiC,UAAC,KAAY;IAC7E,OAAA,CAAC;QACC,KAAK,EAAE,CAAC;QACR,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QACxC,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;QAC3C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,SAAS;QAC3B,uBAAuB,EAAE,CAAC;QAC1B,gBAAgB,EAAE,MAAM;KACP,CAAA;AAVnB,CAUmB,CAAC;AAXT,QAAA,oBAAoB,wBAWX;AAEtB;;GAEG;AACU,QAAA,eAAe,GAAqE;IAC/F,MAAM,EAAE,CAAC,4BAAoB,EAAE,2BAAW,CAAC;IAC3C,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE;SACvE,CAAC,EAJyB,CAIzB,EACF,CAAC,iBAAiB,CAAC,CACpB;QAED,oBAAoB,EAAE,IAAA,sBAAU,EAC9B,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC,CAAC,EAJyB,CAIzB,EACF,CAAC,OAAO,EAAE,UAAU,EAAE,cAAc,CAAC,CACtC;QAED,WAAW,EAAE,IAAA,sBAAU,EACrB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,YAAY,EAAE,MAAM,CAAC,YAAY;YACjC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;SAC1C,CAAC,EALyB,CAKzB,EACF,CAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAClE;QAED,YAAY,EAAE,IAAA,sBAAU,EACtB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC,CAAC,EAFyB,CAEzB,EACF,CAAC,iBAAiB,CAAC,CACpB;KACF;CACF,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/experimental-shimmer",
3
- "version": "0.6.16",
3
+ "version": "0.6.17",
4
4
  "description": "A cross-platform Fluent Shimmer component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
package/src/Shimmer.styling.win32.ts CHANGED
@@ -20,11 +20,16 @@ export const defaultShimmerTokens: TokenSettings<ShimmerTokens> = (theme: Theme)
20
20
  */
21
21
  export const stylingSettings: UseStylingOptions<ShimmerProps, ShimmerSlotProps, ShimmerTokens> = {
22
22
  tokens: [defaultShimmerTokens, shimmerName],
23
+ tokensThatAreAlsoProps: 'all',
23
24
  slotProps: {
24
- root: buildProps(() => ({
25
- accessibilityRole: 'progressbar',
26
- accessible: true,
27
- })),
25
+ root: buildProps(
26
+ (tokens: ShimmerTokens) => ({
27
+ accessibilityRole: 'progressbar',
28
+ accessible: true,
29
+ style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
30
+ }),
31
+ ['backgroundColor'],
32
+ ),
28
33
 
29
34
  shimmerWaveContainer: buildProps(
30
35
  (tokens: ShimmerTokens) => ({