@fluentui-react-native/experimental-shimmer 0.14.0 → 0.14.3

package/lib-commonjs/Shimmer.win32.js

@@ -1,179 +1,135 @@
-'use strict';
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Shimmer = void 0;
-const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
 /**
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
  * @format
  */
 /** @jsxImportSource @fluentui-react-native/framework-base */
-const react_native_1 = require('react-native');
-const framework_1 = require('@fluentui-react-native/framework');
-const assert_never_1 = require('assert-never');
-const react_native_svg_1 = require('react-native-svg');
-const Shimmer_styling_win32_1 = require('./Shimmer.styling.win32');
-const Shimmer_types_shared_1 = require('./Shimmer.types.shared');
-const SvgShapeToPath_1 = require('./SvgShapeToPath');
-const Win32ShimmerNativeComponent_1 = __importDefault(require('./Win32ShimmerNativeComponent'));
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const assert_never_1 = require("assert-never");
+const react_native_svg_1 = require("react-native-svg");
+const Shimmer_styling_win32_1 = require("./Shimmer.styling.win32");
+const Shimmer_types_shared_1 = require("./Shimmer.types.shared");
+const SvgShapeToPath_1 = require("./SvgShapeToPath");
+const Win32ShimmerNativeComponent_1 = __importDefault(require("./Win32ShimmerNativeComponent"));
 const clippingMask = (props) => {
-  /**
-   * Absolute positioning is used to overlay the clipping mask on top of the shimmer wave.
-   *
-   * preserveAspectRatio = 'xMinYMin slice' asks the SVG to scale the viewBox up to fit the
-   * viewPort, starting from the origin of the viewPort and minimum coordinates of the viewBox.
-   * 'slice' removes the unnecessary remainder.
-   */
-  const { backgroundColor, viewBoxHeight, viewBoxWidth } = props;
-  const svgProps = {
-    style: { position: 'absolute', height: viewBoxHeight, width: viewBoxWidth },
-    viewBox: '0 0 ' + viewBoxWidth + ' ' + viewBoxHeight,
-    preserveAspectRatio: 'xMinYMin slice',
-  };
-  return jsx_runtime_1.jsxs(react_native_svg_1.Svg, {
-    ...svgProps,
-    children: [
-      jsx_runtime_1.jsx(react_native_svg_1.Defs, {
-        children: jsx_runtime_1.jsx(react_native_svg_1.ClipPath, {
-          id: 'shimmerCuts',
-          children: jsx_runtime_1.jsx(react_native_svg_1.Path, { d: props.clipPath, clipRule: 'evenodd' }),
-        }),
-      }),
-      jsx_runtime_1.jsx(react_native_svg_1.Rect, { width: '100%', height: '100%', fill: backgroundColor, clipPath: 'url(#shimmerCuts)' }),
-    ],
-  });
+    /**
+     * Absolute positioning is used to overlay the clipping mask on top of the shimmer wave.
+     *
+     * preserveAspectRatio = 'xMinYMin slice' asks the SVG to scale the viewBox up to fit the
+     * viewPort, starting from the origin of the viewPort and minimum coordinates of the viewBox.
+     * 'slice' removes the unnecessary remainder.
+     */
+    const { backgroundColor, viewBoxHeight, viewBoxWidth } = props;
+    const svgProps = {
+        style: { position: 'absolute', height: viewBoxHeight, width: viewBoxWidth },
+        viewBox: '0 0 ' + viewBoxWidth + ' ' + viewBoxHeight,
+        preserveAspectRatio: 'xMinYMin slice',
+    };
+    return (jsx_runtime_1.jsxs(react_native_svg_1.Svg, { ...svgProps, children: [
+            jsx_runtime_1.jsx(react_native_svg_1.Defs, { children: jsx_runtime_1.jsx(react_native_svg_1.ClipPath, { id: "shimmerCuts", children: jsx_runtime_1.jsx(react_native_svg_1.Path, { d: props.clipPath, clipRule: "evenodd" }) }) }), jsx_runtime_1.jsx(react_native_svg_1.Rect, { width: "100%", height: "100%", fill: backgroundColor, clipPath: "url(#shimmerCuts)" })
+        ] }));
 };
 const wave = (props) => {
-  const { shimmerColor, shimmerColorOpacity, shimmerWaveColor, shimmerWaveColorOpacity, viewBoxHeight, viewBoxWidth } = props;
-  /**
-   * See the comment above for an explanation of preserveAspectRatio.
-   */
-  const svgProps = {
-    style: { height: viewBoxHeight, width: viewBoxWidth },
-    viewBox: '0 0 ' + viewBoxWidth + ' ' + viewBoxHeight,
-    preserveAspectRatio: 'xMinYMin slice',
-  };
-  /**
-   * React-Native-SVG doesn't process opaque color values correctly for gradients, directly invoking `processColor`
-   * and squashing in the opacity value of the color stop.  This handling scheme is incompatible with OpaqueColorValue type
-   * colors e.g. PlatformColor, and will show nothing.  As a short-term solution, provide alternate non-gradient handling
-   * of the wave color as a solid color.
-   */
-  if (
-    typeof (0, react_native_1.processColor)(shimmerWaveColor) !== 'object' &&
-    typeof (0, react_native_1.processColor)(shimmerColor) !== 'object'
-  ) {
-    // The typical path where the provided shimmer colors are not OpaqueColorValues.
-    return jsx_runtime_1.jsxs(react_native_svg_1.Svg, {
-      ...svgProps,
-      children: [
-        jsx_runtime_1.jsxs(react_native_svg_1.LinearGradient, {
-          id: 'gradient',
-          children: [
-            jsx_runtime_1.jsx(react_native_svg_1.Stop, { stopColor: shimmerColor, stopOpacity: shimmerColorOpacity }),
-            jsx_runtime_1.jsx(react_native_svg_1.Stop, {
-              offset: '20%',
-              stopColor: shimmerWaveColor,
-              stopOpacity: shimmerWaveColorOpacity,
-            }),
-            jsx_runtime_1.jsx(react_native_svg_1.Stop, { offset: '40%', stopColor: shimmerColor, stopOpacity: shimmerColorOpacity }),
-          ],
-        }),
-        jsx_runtime_1.jsx(react_native_svg_1.Rect, { width: props.shimmerWaveWidth, height: '100%', fill: 'url(#gradient)' }),
-      ],
-    });
-  } else {
-    // The unexpected path where either of the provided shimmer colors are OpaqueColorValues.
-    // scaleX is used to mimic the gradient occupying 40% of the fill since we don't know the provided width of the
-    // shimmer wave.
-    return jsx_runtime_1.jsx(react_native_svg_1.Svg, {
-      ...svgProps,
-      children: jsx_runtime_1.jsx(react_native_svg_1.Rect, {
-        width: props.shimmerWaveWidth,
-        height: '100%',
-        fill: shimmerWaveColor,
-        fillOpacity: shimmerWaveColorOpacity,
-        scaleX: '0.4',
-      }),
-    });
-  }
+    const { shimmerColor, shimmerColorOpacity, shimmerWaveColor, shimmerWaveColorOpacity, viewBoxHeight, viewBoxWidth } = props;
+    /**
+     * See the comment above for an explanation of preserveAspectRatio.
+     */
+    const svgProps = {
+        style: { height: viewBoxHeight, width: viewBoxWidth },
+        viewBox: '0 0 ' + viewBoxWidth + ' ' + viewBoxHeight,
+        preserveAspectRatio: 'xMinYMin slice',
+    };
+    /**
+     * React-Native-SVG doesn't process opaque color values correctly for gradients, directly invoking `processColor`
+     * and squashing in the opacity value of the color stop.  This handling scheme is incompatible with OpaqueColorValue type
+     * colors e.g. PlatformColor, and will show nothing.  As a short-term solution, provide alternate non-gradient handling
+     * of the wave color as a solid color.
+     */
+    if (typeof (0, react_native_1.processColor)(shimmerWaveColor) !== 'object' && typeof (0, react_native_1.processColor)(shimmerColor) !== 'object') {
+        // The typical path where the provided shimmer colors are not OpaqueColorValues.
+        return (jsx_runtime_1.jsxs(react_native_svg_1.Svg, { ...svgProps, children: [
+                jsx_runtime_1.jsxs(react_native_svg_1.LinearGradient, { id: "gradient", children: [
+                        jsx_runtime_1.jsx(react_native_svg_1.Stop, { stopColor: shimmerColor, stopOpacity: shimmerColorOpacity }), jsx_runtime_1.jsx(react_native_svg_1.Stop, { offset: "20%", stopColor: shimmerWaveColor, stopOpacity: shimmerWaveColorOpacity }), jsx_runtime_1.jsx(react_native_svg_1.Stop, { offset: "40%", stopColor: shimmerColor, stopOpacity: shimmerColorOpacity })
+                    ] }), jsx_runtime_1.jsx(react_native_svg_1.Rect, { width: props.shimmerWaveWidth, height: "100%", fill: "url(#gradient)" })
+            ] }));
+    }
+    else {
+        // The unexpected path where either of the provided shimmer colors are OpaqueColorValues.
+        // scaleX is used to mimic the gradient occupying 40% of the fill since we don't know the provided width of the
+        // shimmer wave.
+        return (jsx_runtime_1.jsx(react_native_svg_1.Svg, { ...svgProps, children: jsx_runtime_1.jsx(react_native_svg_1.Rect, { width: props.shimmerWaveWidth, height: "100%", fill: shimmerWaveColor, fillOpacity: shimmerWaveColorOpacity, scaleX: "0.4" }) }));
+    }
 };
 const waveContainer = (props) => {
-  const { shimmerColor, viewBoxHeight, viewBoxWidth } = props;
-  return jsx_runtime_1.jsx(Win32ShimmerNativeComponent_1.default, {
-    ...props,
-    style: { backgroundColor: shimmerColor, height: viewBoxHeight, width: viewBoxWidth, overflow: 'hidden' },
-  });
+    const { shimmerColor, viewBoxHeight, viewBoxWidth } = props;
+    return (jsx_runtime_1.jsx(Win32ShimmerNativeComponent_1.default, { ...props, style: { backgroundColor: shimmerColor, height: viewBoxHeight, width: viewBoxWidth, overflow: 'hidden' } }));
 };
 exports.Shimmer = (0, framework_1.compose)({
-  displayName: Shimmer_types_shared_1.shimmerName,
-  ...Shimmer_styling_win32_1.stylingSettings,
-  slots: {
-    root: react_native_1.View,
-    clippingMask: clippingMask,
-    shimmerWave: wave,
-    shimmerWaveContainer: waveContainer,
-  },
-  useRender: (props, useSlots) => {
-    const Slots = useSlots(props);
-    return (rest) => {
-      const { elements, ...mergedProps } = (0, framework_1.mergeProps)(props, rest);
-      /**
-       * Generate a clip path from the provided element shapes, with their path parameter strings generated from their corresponding properties.
-       * Ideally this would be better possible with functions from the shape elements themselves and not to rely on our own calculations.
-       *
-       * One nuanced consideration is scaling the SVG with DPI.  Without specifying a viewBox, points are considered to be pixels on an SVG canvas.
-       * When the native control is scaled the SVG canvas will scale up -- but pixel coordinates will not, changing the visual for different pixel densities.
-       * By providing a viewBox appropriate for our SVG the viewBox containing the graphics will be scaled up to fit the viewPort.
-       * Since we're programmatically generating the visual, we can assert our viewBox is `0 0 xMax yMax` where xMax and yMax are the greatest
-       * X and Y points used by a shape.
-       */
-      let clipPathsAsMask = [];
-      let xMax = 0;
-      let yMax = 0;
-      if (elements) {
-        elements.forEach((element) => {
-          if (element.type == 'circle') {
-            clipPathsAsMask = clipPathsAsMask.concat((0, SvgShapeToPath_1.convertCircleToSvgPath)(element));
-            const xMaxCandidate = element.cx + element.radius;
-            const yMaxCandidate = element.cy + element.radius;
-            xMax = xMax >= xMaxCandidate ? xMax : xMaxCandidate;
-            yMax = yMax >= yMaxCandidate ? yMax : yMaxCandidate;
-          } else if (element.type == 'rect') {
-            clipPathsAsMask = clipPathsAsMask.concat((0, SvgShapeToPath_1.convertRectToSvgPath)(element));
-            const xMaxCandidate = element.x + element.width;
-            const yMaxCandidate = element.y + element.height;
-            xMax = xMax >= xMaxCandidate ? xMax : xMaxCandidate;
-            yMax = yMax >= yMaxCandidate ? yMax : yMaxCandidate;
-          } else {
-            (0, assert_never_1.assertNever)(element);
-          }
-        });
-      }
-      /**
-       * Win32 D2D1 doesn't directly support SVG mask elements, so we're going to generate a mask
-       * by manipulating our clip path for the same effect.  We do so utilizing the clip-rule='evenodd'
-       * and drawing a rectangle around the entire svg viewBox, causing all inner elements to be "clipped out"
-       * instead of "clipped around," generating the visual we desire with the linear gradient below the mask.
-       */
-      const mergedClipPath = clipPathsAsMask.join(' ').concat('M  0 0 h ' + xMax + ' v ' + yMax + ' h -' + xMax + ' z ');
-      return jsx_runtime_1.jsxs(Slots.root, {
-        ...mergedProps,
-        children: [
-          jsx_runtime_1.jsx(Slots.shimmerWaveContainer, {
-            viewBoxHeight: yMax,
-            viewBoxWidth: xMax,
-            children: jsx_runtime_1.jsx(Slots.shimmerWave, { viewBoxHeight: yMax, viewBoxWidth: xMax }),
-          }),
-          jsx_runtime_1.jsx(Slots.clippingMask, { clipPath: mergedClipPath, viewBoxHeight: yMax, viewBoxWidth: xMax }),
-        ],
-      });
-    };
-  },
+    displayName: Shimmer_types_shared_1.shimmerName,
+    ...Shimmer_styling_win32_1.stylingSettings,
+    slots: {
+        root: react_native_1.View,
+        clippingMask: clippingMask,
+        shimmerWave: wave,
+        shimmerWaveContainer: waveContainer,
+    },
+    useRender: (props, useSlots) => {
+        const Slots = useSlots(props);
+        return (rest) => {
+            const { elements, ...mergedProps } = (0, framework_1.mergeProps)(props, rest);
+            /**
+             * Generate a clip path from the provided element shapes, with their path parameter strings generated from their corresponding properties.
+             * Ideally this would be better possible with functions from the shape elements themselves and not to rely on our own calculations.
+             *
+             * One nuanced consideration is scaling the SVG with DPI.  Without specifying a viewBox, points are considered to be pixels on an SVG canvas.
+             * When the native control is scaled the SVG canvas will scale up -- but pixel coordinates will not, changing the visual for different pixel densities.
+             * By providing a viewBox appropriate for our SVG the viewBox containing the graphics will be scaled up to fit the viewPort.
+             * Since we're programmatically generating the visual, we can assert our viewBox is `0 0 xMax yMax` where xMax and yMax are the greatest
+             * X and Y points used by a shape.
+             */
+            let clipPathsAsMask = [];
+            let xMax = 0;
+            let yMax = 0;
+            if (elements) {
+                elements.forEach((element) => {
+                    if (element.type == 'circle') {
+                        clipPathsAsMask = clipPathsAsMask.concat((0, SvgShapeToPath_1.convertCircleToSvgPath)(element));
+                        const xMaxCandidate = element.cx + element.radius;
+                        const yMaxCandidate = element.cy + element.radius;
+                        xMax = xMax >= xMaxCandidate ? xMax : xMaxCandidate;
+                        yMax = yMax >= yMaxCandidate ? yMax : yMaxCandidate;
+                    }
+                    else if (element.type == 'rect') {
+                        clipPathsAsMask = clipPathsAsMask.concat((0, SvgShapeToPath_1.convertRectToSvgPath)(element));
+                        const xMaxCandidate = element.x + element.width;
+                        const yMaxCandidate = element.y + element.height;
+                        xMax = xMax >= xMaxCandidate ? xMax : xMaxCandidate;
+                        yMax = yMax >= yMaxCandidate ? yMax : yMaxCandidate;
+                    }
+                    else {
+                        (0, assert_never_1.assertNever)(element);
+                    }
+                });
+            }
+            /**
+             * Win32 D2D1 doesn't directly support SVG mask elements, so we're going to generate a mask
+             * by manipulating our clip path for the same effect.  We do so utilizing the clip-rule='evenodd'
+             * and drawing a rectangle around the entire svg viewBox, causing all inner elements to be "clipped out"
+             * instead of "clipped around," generating the visual we desire with the linear gradient below the mask.
+             */
+            const mergedClipPath = clipPathsAsMask.join(' ').concat('M  0 0 h ' + xMax + ' v ' + yMax + ' h -' + xMax + ' z ');
+            return (jsx_runtime_1.jsxs(Slots.root, { ...mergedProps, children: [
+                    jsx_runtime_1.jsx(Slots.shimmerWaveContainer, { viewBoxHeight: yMax, viewBoxWidth: xMax, children: jsx_runtime_1.jsx(Slots.shimmerWave, { viewBoxHeight: yMax, viewBoxWidth: xMax }) }), jsx_runtime_1.jsx(Slots.clippingMask, { clipPath: mergedClipPath, viewBoxHeight: yMax, viewBoxWidth: xMax })
+                ] }));
+        };
+    },
 });
-//# sourceMappingURL=Shimmer.win32.js.map
+//# sourceMappingURL=Shimmer.win32.js.map

package/lib-commonjs/ShimmerTokens.android.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { ShimmerTokens } from './Shimmer.types';
 export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
-//# sourceMappingURL=ShimmerTokens.android.d.ts.map
+//# sourceMappingURL=ShimmerTokens.android.d.ts.map

package/lib-commonjs/ShimmerTokens.android.js

@@ -1,15 +1,15 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultShimmerTokens = void 0;
-const consts_1 = require('./consts');
+const consts_1 = require("./consts");
 const defaultShimmerTokens = (theme) => ({
-  angle: consts_1.shimmerDefaultAngle,
-  delay: consts_1.shimmerDefaultDelay,
-  duration: consts_1.shimmerDefaultDuration,
-  shimmerColor: theme.colors.neutralStencil1,
-  shimmerColorOpacity: 1,
-  shimmerWaveColor: theme.colors.neutralStencil2,
-  shimmerWaveColorOpacity: 1,
+    angle: consts_1.shimmerDefaultAngle,
+    delay: consts_1.shimmerDefaultDelay,
+    duration: consts_1.shimmerDefaultDuration,
+    shimmerColor: theme.colors.neutralStencil1,
+    shimmerColorOpacity: 1,
+    shimmerWaveColor: theme.colors.neutralStencil2,
+    shimmerWaveColorOpacity: 1,
 });
 exports.defaultShimmerTokens = defaultShimmerTokens;
-//# sourceMappingURL=ShimmerTokens.android.js.map
+//# sourceMappingURL=ShimmerTokens.android.js.map

package/lib-commonjs/ShimmerTokens.android.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShimmerTokens.android.js","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":";;;AAGA,qCAA4F;AAGrF,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,EACvF;IACC,KAAK,EAAE,4BAAmB;IAC1B,KAAK,EAAE,4BAAmB;IAC1B,QAAQ,EAAE,+BAAsB;IAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC1C,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC9C,uBAAuB,EAAE,CAAC;CACT,CAAA,CAAC;AATT,QAAA,oBAAoB,GAApB,oBAAoB,CASX"}
+{"version":3,"file":"ShimmerTokens.android.js","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":";;;AAGA,qCAA4F;AAGrF,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,CACxF,CAAC;IACC,KAAK,EAAE,4BAAmB;IAC1B,KAAK,EAAE,4BAAmB;IAC1B,QAAQ,EAAE,+BAAsB;IAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC1C,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC9C,uBAAuB,EAAE,CAAC;CAC3B,CAAkB,CAAC;AATT,QAAA,oBAAoB,GAApB,oBAAoB,CASX"}

package/lib-commonjs/ShimmerTokens.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { ShimmerTokens } from './Shimmer.types';
 export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
-//# sourceMappingURL=ShimmerTokens.d.ts.map
+//# sourceMappingURL=ShimmerTokens.d.ts.map

package/lib-commonjs/ShimmerTokens.ios.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { ShimmerTokens } from './Shimmer.types';
 export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
-//# sourceMappingURL=ShimmerTokens.ios.d.ts.map
+//# sourceMappingURL=ShimmerTokens.ios.d.ts.map

package/lib-commonjs/ShimmerTokens.ios.js

@@ -1,15 +1,15 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultShimmerTokens = void 0;
-const consts_1 = require('./consts');
+const consts_1 = require("./consts");
 const defaultShimmerTokens = (theme) => ({
-  angle: consts_1.shimmerDefaultAngle,
-  delay: consts_1.shimmerDefaultDelay,
-  duration: consts_1.shimmerDefaultDuration,
-  shimmerColor: theme.colors.neutralStencil1,
-  shimmerColorOpacity: 1,
-  shimmerWaveColor: theme.colors.neutralStencil2,
-  shimmerWaveColorOpacity: 1,
+    angle: consts_1.shimmerDefaultAngle,
+    delay: consts_1.shimmerDefaultDelay,
+    duration: consts_1.shimmerDefaultDuration,
+    shimmerColor: theme.colors.neutralStencil1,
+    shimmerColorOpacity: 1,
+    shimmerWaveColor: theme.colors.neutralStencil2,
+    shimmerWaveColorOpacity: 1,
 });
 exports.defaultShimmerTokens = defaultShimmerTokens;
-//# sourceMappingURL=ShimmerTokens.ios.js.map
+//# sourceMappingURL=ShimmerTokens.ios.js.map

package/lib-commonjs/ShimmerTokens.ios.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShimmerTokens.ios.js","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":";;;AAGA,qCAA4F;AAGrF,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,EACvF;IACC,KAAK,EAAE,4BAAmB;IAC1B,KAAK,EAAE,4BAAmB;IAC1B,QAAQ,EAAE,+BAAsB;IAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC1C,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC9C,uBAAuB,EAAE,CAAC;CACT,CAAA,CAAC;AATT,QAAA,oBAAoB,GAApB,oBAAoB,CASX"}
+{"version":3,"file":"ShimmerTokens.ios.js","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":";;;AAGA,qCAA4F;AAGrF,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,CACxF,CAAC;IACC,KAAK,EAAE,4BAAmB;IAC1B,KAAK,EAAE,4BAAmB;IAC1B,QAAQ,EAAE,+BAAsB;IAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC1C,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC9C,uBAAuB,EAAE,CAAC;CAC3B,CAAkB,CAAC;AATT,QAAA,oBAAoB,GAApB,oBAAoB,CASX"}

package/lib-commonjs/ShimmerTokens.js

@@ -1,17 +1,17 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultShimmerTokens = void 0;
-const theming_utils_1 = require('@fluentui-react-native/theming-utils');
-const consts_1 = require('./consts');
+const theming_utils_1 = require("@fluentui-react-native/theming-utils");
+const consts_1 = require("./consts");
 const defaultShimmerTokens = (theme) => ({
-  angle: consts_1.shimmerDefaultAngle,
-  backgroundColor: theme.colors.transparentBackground,
-  delay: consts_1.shimmerDefaultDelay,
-  duration: consts_1.shimmerDefaultDuration,
-  shimmerColor: (0, theming_utils_1.getCurrentAppearance)(theme.host.appearance, 'light') === 'light' ? '#E1E1E1' : '#404040',
-  shimmerColorOpacity: 1,
-  shimmerWaveColor: (0, theming_utils_1.getCurrentAppearance)(theme.host.appearance, 'light') === 'light' ? 'white' : 'black',
-  shimmerWaveColorOpacity: 1,
+    angle: consts_1.shimmerDefaultAngle,
+    backgroundColor: theme.colors.transparentBackground,
+    delay: consts_1.shimmerDefaultDelay,
+    duration: consts_1.shimmerDefaultDuration,
+    shimmerColor: (0, theming_utils_1.getCurrentAppearance)(theme.host.appearance, 'light') === 'light' ? '#E1E1E1' : '#404040',
+    shimmerColorOpacity: 1,
+    shimmerWaveColor: (0, theming_utils_1.getCurrentAppearance)(theme.host.appearance, 'light') === 'light' ? 'white' : 'black',
+    shimmerWaveColorOpacity: 1,
 });
 exports.defaultShimmerTokens = defaultShimmerTokens;
-//# sourceMappingURL=ShimmerTokens.js.map
+//# sourceMappingURL=ShimmerTokens.js.map

package/lib-commonjs/ShimmerTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShimmerTokens.js","sourceRoot":"","sources":["../src/ShimmerTokens.ts"],"names":[],"mappings":";;;AACA,wEAA4E;AAG5E,qCAA4F;AAGrF,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,EACvF;IACC,KAAK,EAAE,4BAAmB;IAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB;IACnD,KAAK,EAAE,4BAAmB;IAC1B,QAAQ,EAAE,+BAAsB;IAChC,YAAY,EAAE,IAAA,oCAAoB,EAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;IACtG,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,IAAA,oCAAoB,EAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;IACtG,uBAAuB,EAAE,CAAC;CACT,CAAA,CAAC;AAVT,QAAA,oBAAoB,GAApB,oBAAoB,CAUX"}
+{"version":3,"file":"ShimmerTokens.js","sourceRoot":"","sources":["../src/ShimmerTokens.ts"],"names":[],"mappings":";;;AACA,wEAA4E;AAG5E,qCAA4F;AAGrF,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,CACxF,CAAC;IACC,KAAK,EAAE,4BAAmB;IAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB;IACnD,KAAK,EAAE,4BAAmB;IAC1B,QAAQ,EAAE,+BAAsB;IAChC,YAAY,EAAE,IAAA,oCAAoB,EAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;IACtG,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,IAAA,oCAAoB,EAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;IACtG,uBAAuB,EAAE,CAAC;CAC3B,CAAkB,CAAC;AAVT,QAAA,oBAAoB,GAApB,oBAAoB,CAUX"}

package/lib-commonjs/ShimmerTokens.win32.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { ShimmerTokens } from './Shimmer.types';
 export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
-//# sourceMappingURL=ShimmerTokens.win32.d.ts.map
+//# sourceMappingURL=ShimmerTokens.win32.d.ts.map

package/lib-commonjs/ShimmerTokens.win32.js

@@ -1,17 +1,17 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultShimmerTokens = void 0;
-const consts_1 = require('./consts');
+const consts_1 = require("./consts");
 const defaultShimmerTokens = (theme) => ({
-  angle: consts_1.shimmerDefaultAngle,
-  backgroundColor: theme.colors.background,
-  delay: consts_1.shimmerDefaultDelay,
-  duration: consts_1.shimmerDefaultDuration,
-  shimmerColor: theme.colors.bodyFrameDivider,
-  shimmerColorOpacity: 1,
-  shimmerWaveColor: '#E1E1E1',
-  shimmerWaveColorOpacity: 1,
-  shimmerWaveWidth: '100%',
+    angle: consts_1.shimmerDefaultAngle,
+    backgroundColor: theme.colors.background,
+    delay: consts_1.shimmerDefaultDelay,
+    duration: consts_1.shimmerDefaultDuration,
+    shimmerColor: theme.colors.bodyFrameDivider,
+    shimmerColorOpacity: 1,
+    shimmerWaveColor: '#E1E1E1',
+    shimmerWaveColorOpacity: 1,
+    shimmerWaveWidth: '100%',
 });
 exports.defaultShimmerTokens = defaultShimmerTokens;
-//# sourceMappingURL=ShimmerTokens.win32.js.map
+//# sourceMappingURL=ShimmerTokens.win32.js.map

package/lib-commonjs/ShimmerTokens.win32.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShimmerTokens.win32.js","sourceRoot":"","sources":["../src/ShimmerTokens.win32.ts"],"names":[],"mappings":";;;AAGA,qCAA4F;AAGrF,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,EACvF;IACC,KAAK,EAAE,4BAAmB;IAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;IACxC,KAAK,EAAE,4BAAmB;IAC1B,QAAQ,EAAE,+BAAsB;IAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;IAC3C,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,SAAS;IAC3B,uBAAuB,EAAE,CAAC;IAC1B,gBAAgB,EAAE,MAAM;CACP,CAAA,CAAC;AAXT,QAAA,oBAAoB,GAApB,oBAAoB,CAWX"}
+{"version":3,"file":"ShimmerTokens.win32.js","sourceRoot":"","sources":["../src/ShimmerTokens.win32.ts"],"names":[],"mappings":";;;AAGA,qCAA4F;AAGrF,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,CACxF,CAAC;IACC,KAAK,EAAE,4BAAmB;IAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;IACxC,KAAK,EAAE,4BAAmB;IAC1B,QAAQ,EAAE,+BAAsB;IAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;IAC3C,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,SAAS;IAC3B,uBAAuB,EAAE,CAAC;IAC1B,gBAAgB,EAAE,MAAM;CACzB,CAAkB,CAAC;AAXT,QAAA,oBAAoB,GAApB,oBAAoB,CAWX"}

package/lib-commonjs/SvgShapeToPath.d.ts

@@ -15,4 +15,4 @@
 import type { ShimmerCircleElement, ShimmerRectElement } from './Shimmer.types';
 export declare function convertRectToSvgPath(rectShape: ShimmerRectElement): string;
 export declare function convertCircleToSvgPath(circleShape: ShimmerCircleElement): string;
-//# sourceMappingURL=SvgShapeToPath.d.ts.map
+//# sourceMappingURL=SvgShapeToPath.d.ts.map