@fluentui-react-native/experimental-activity-indicator 0.10.18 → 0.11.0

package/lib/CoreActivityIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoreActivityIndicator.d.ts","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,qBAAqB;AAQrB,OAAO,KAAK,EAA6B,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGnG;;;GAGG;AACH,eAAO,MAAM,iBAAiB,gRAU5B,CAAC"}
+{"version":3,"file":"CoreActivityIndicator.d.ts","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":"AAAA,6DAA6D;AAQ7D,OAAO,KAAK,EAA6B,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGnG;;;GAGG;AACH,eAAO,MAAM,iBAAiB,qRAU5B,CAAC"}

package/lib/CoreActivityIndicator.js

@@ -1,7 +1,7 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import { ActivityIndicator as CoreActivityIndicator } from 'react-native';
-import { compose, withSlots } from '@fluentui-react-native/framework';
+import { compose } from '@fluentui-react-native/framework';
 import { coreStylingSettings } from './ActivityIndicator.styling';
 import { activityIndicatorName } from './ActivityIndicator.types';
 /**
@@ -9,14 +9,14 @@ import { activityIndicatorName } from './ActivityIndicator.types';
  * have a custom FluentUI React Native ActivityIndicator defined.
  */
 export const ActivityIndicator = compose({
-    displayName: activityIndicatorName,
-    ...coreStylingSettings,
-    slots: {
-        root: CoreActivityIndicator,
-    },
-    useRender: (props, useSlots) => {
-        const Slots = useSlots(props);
-        return () => withSlots(Slots.root, null);
-    },
+  displayName: activityIndicatorName,
+  ...coreStylingSettings,
+  slots: {
+    root: CoreActivityIndicator,
+  },
+  useRender: (props, useSlots) => {
+    const Slots = useSlots(props);
+    return () => _jsx(Slots.root, {});
+  },
 });
-//# sourceMappingURL=CoreActivityIndicator.js.map
+//# sourceMappingURL=CoreActivityIndicator.js.map

package/lib/CoreActivityIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoreActivityIndicator.js","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,qBAAqB;AAErB,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAG1E,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAA4B;IAClE,WAAW,EAAE,qBAAqB;IAClC,GAAG,mBAAmB;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,qBAAqB;KAC5B;IACD,SAAS,EAAE,CAAC,KAA6B,EAAE,QAA6C,EAAE,EAAE;QAC1F,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE,CAAC,UAAC,KAAK,CAAC,IAAI,OAAG,CAAC;IAC9B,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"CoreActivityIndicator.js","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAE7D,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAG1E,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAA4B;IAClE,WAAW,EAAE,qBAAqB;IAClC,GAAG,mBAAmB;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,qBAAqB;KAC5B;IACD,SAAS,EAAE,CAAC,KAA6B,EAAE,QAA6C,EAAE,EAAE,CAAC;QAC3F,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE,CAAC,KAAC,KAAK,CAAC,IAAI,KAAG,CAAC;IAAA,CAC7B;CACF,CAAC,CAAC"}

package/lib/index.d.ts

@@ -1,2 +1,2 @@
 export { ActivityIndicator } from './ActivityIndicator';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,2 +1,2 @@
 export { ActivityIndicator } from './ActivityIndicator';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
 import { ActivityIndicator } from './ActivityIndicator.mobile';
 export { ActivityIndicator } from './ActivityIndicator.mobile';
 export default ActivityIndicator;
-//# sourceMappingURL=ActivityIndicator.android.d.ts.map
+//# sourceMappingURL=ActivityIndicator.android.d.ts.map

package/lib-commonjs/ActivityIndicator.android.js

@@ -1,8 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.ActivityIndicator = void 0;
-const ActivityIndicator_mobile_1 = require("./ActivityIndicator.mobile");
-var ActivityIndicator_mobile_2 = require("./ActivityIndicator.mobile");
-Object.defineProperty(exports, "ActivityIndicator", { enumerable: true, get: function () { return ActivityIndicator_mobile_2.ActivityIndicator; } });
+const ActivityIndicator_mobile_1 = require('./ActivityIndicator.mobile');
+const ActivityIndicator_mobile_2 = require('./ActivityIndicator.mobile');
+Object.defineProperty(exports, 'ActivityIndicator', {
+  enumerable: true,
+  get: function () {
+    return ActivityIndicator_mobile_2.ActivityIndicator;
+  },
+});
 exports.default = ActivityIndicator_mobile_1.ActivityIndicator;
-//# sourceMappingURL=ActivityIndicator.android.js.map
+//# sourceMappingURL=ActivityIndicator.android.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityIndicator.android.js","sourceRoot":"","sources":["../src/ActivityIndicator.android.tsx"],"names":[],"mappings":";;;AAAA,yEAA+D;AAC/D,uEAA+D;AAAtD,6HAAA,iBAAiB,OAAA;AAC1B,kBAAe,4CAAiB,CAAC"}
+{"version":3,"file":"ActivityIndicator.android.js","sourceRoot":"","sources":["../src/ActivityIndicator.android.tsx"],"names":[],"mappings":";;;AAAA,yEAA+D;AAC/D,yEAA+D;AAAtD,6HAAA,iBAAiB,OAAA;kBACX,4CAAiB"}

package/lib-commonjs/ActivityIndicator.d.ts

@@ -1,4 +1,4 @@
 import { ActivityIndicator } from './CoreActivityIndicator';
 export { ActivityIndicator } from './CoreActivityIndicator';
 export default ActivityIndicator;
-//# sourceMappingURL=ActivityIndicator.d.ts.map
+//# sourceMappingURL=ActivityIndicator.d.ts.map

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

@@ -1,4 +1,4 @@
 import { ActivityIndicator } from './ActivityIndicator.mobile';
 export { ActivityIndicator } from './ActivityIndicator.mobile';
 export default ActivityIndicator;
-//# sourceMappingURL=ActivityIndicator.ios.d.ts.map
+//# sourceMappingURL=ActivityIndicator.ios.d.ts.map

package/lib-commonjs/ActivityIndicator.ios.js

@@ -1,8 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.ActivityIndicator = void 0;
-const ActivityIndicator_mobile_1 = require("./ActivityIndicator.mobile");
-var ActivityIndicator_mobile_2 = require("./ActivityIndicator.mobile");
-Object.defineProperty(exports, "ActivityIndicator", { enumerable: true, get: function () { return ActivityIndicator_mobile_2.ActivityIndicator; } });
+const ActivityIndicator_mobile_1 = require('./ActivityIndicator.mobile');
+const ActivityIndicator_mobile_2 = require('./ActivityIndicator.mobile');
+Object.defineProperty(exports, 'ActivityIndicator', {
+  enumerable: true,
+  get: function () {
+    return ActivityIndicator_mobile_2.ActivityIndicator;
+  },
+});
 exports.default = ActivityIndicator_mobile_1.ActivityIndicator;
-//# sourceMappingURL=ActivityIndicator.ios.js.map
+//# sourceMappingURL=ActivityIndicator.ios.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityIndicator.ios.js","sourceRoot":"","sources":["../src/ActivityIndicator.ios.tsx"],"names":[],"mappings":";;;AAAA,yEAA+D;AAC/D,uEAA+D;AAAtD,6HAAA,iBAAiB,OAAA;AAC1B,kBAAe,4CAAiB,CAAC"}
+{"version":3,"file":"ActivityIndicator.ios.js","sourceRoot":"","sources":["../src/ActivityIndicator.ios.tsx"],"names":[],"mappings":";;;AAAA,yEAA+D;AAC/D,yEAA+D;AAAtD,6HAAA,iBAAiB,OAAA;kBACX,4CAAiB"}

package/lib-commonjs/ActivityIndicator.js

@@ -1,8 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.ActivityIndicator = void 0;
-const CoreActivityIndicator_1 = require("./CoreActivityIndicator");
-var CoreActivityIndicator_2 = require("./CoreActivityIndicator");
-Object.defineProperty(exports, "ActivityIndicator", { enumerable: true, get: function () { return CoreActivityIndicator_2.ActivityIndicator; } });
+const CoreActivityIndicator_1 = require('./CoreActivityIndicator');
+const CoreActivityIndicator_2 = require('./CoreActivityIndicator');
+Object.defineProperty(exports, 'ActivityIndicator', {
+  enumerable: true,
+  get: function () {
+    return CoreActivityIndicator_2.ActivityIndicator;
+  },
+});
 exports.default = CoreActivityIndicator_1.ActivityIndicator;
-//# sourceMappingURL=ActivityIndicator.js.map
+//# sourceMappingURL=ActivityIndicator.js.map

package/lib-commonjs/ActivityIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityIndicator.js","sourceRoot":"","sources":["../src/ActivityIndicator.tsx"],"names":[],"mappings":";;;AAAA,mEAA4D;AAC5D,iEAA4D;AAAnD,0HAAA,iBAAiB,OAAA;AAC1B,kBAAe,yCAAiB,CAAC"}
+{"version":3,"file":"ActivityIndicator.js","sourceRoot":"","sources":["../src/ActivityIndicator.tsx"],"names":[],"mappings":";;;AAAA,mEAA4D;AAC5D,mEAA4D;AAAnD,0HAAA,iBAAiB,OAAA;kBACX,yCAAiB"}

package/lib-commonjs/ActivityIndicator.mobile.d.ts

@@ -2,5 +2,10 @@ import { Animated } from 'react-native';
 import { Svg } from 'react-native-svg';
 import type { ActivityIndicatorProps } from './ActivityIndicator.types';
 export declare const AnimatedSvg: Animated.AnimatedComponent<typeof Svg>;
-export declare const ActivityIndicator: import("@fluentui-react-native/framework").ComposableComponent<ActivityIndicatorProps, import("./ActivityIndicator.types").FluentActivityIndicatorSlotProps, import("./ActivityIndicator.types").ActivityIndicatorTokens, import("@fluentui-react-native/framework").ObjectBase>;
-//# sourceMappingURL=ActivityIndicator.mobile.d.ts.map
+export declare const ActivityIndicator: import('@fluentui-react-native/framework').ComposableComponent<
+  ActivityIndicatorProps,
+  import('./ActivityIndicator.types').FluentActivityIndicatorSlotProps,
+  import('./ActivityIndicator.types').ActivityIndicatorTokens,
+  import('@fluentui-react-native/framework').ObjectBase
+>;
+//# sourceMappingURL=ActivityIndicator.mobile.d.ts.map

package/lib-commonjs/ActivityIndicator.mobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityIndicator.mobile.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.mobile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAgB,MAAM,cAAc,CAAC;AAItD,OAAO,EAAE,GAAG,EAAQ,MAAM,kBAAkB,CAAC;AAI7C,OAAO,KAAK,EAAE,sBAAsB,EAA+B,MAAM,2BAA2B,CAAC;AAcrG,eAAO,MAAM,WAAW,wCAAwC,CAAC;AAEjE,eAAO,MAAM,iBAAiB,kRAiG5B,CAAC"}
+{"version":3,"file":"ActivityIndicator.mobile.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.mobile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAgB,MAAM,cAAc,CAAC;AAItD,OAAO,EAAE,GAAG,EAAQ,MAAM,kBAAkB,CAAC;AAI7C,OAAO,KAAK,EAAE,sBAAsB,EAA+B,MAAM,2BAA2B,CAAC;AAcrG,eAAO,MAAM,WAAW,wCAAwC,CAAC;AAEjE,eAAO,MAAM,iBAAiB,kRAiG5B,CAAC"}

package/lib-commonjs/ActivityIndicator.mobile.js

@@ -1,104 +1,115 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.ActivityIndicator = exports.AnimatedSvg = void 0;
-/** @jsxRuntime classic */
-/** @jsx withSlots */
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const framework_1 = require("@fluentui-react-native/framework");
-const react_native_svg_1 = require("react-native-svg");
-const ActivityIndicator_styling_1 = require("./ActivityIndicator.styling");
-const ActivityIndicator_types_1 = require("./ActivityIndicator.types");
+const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+/** @jsxImportSource @fluentui-react-native/framework-base */
+const react_1 = require('react');
+const react_native_1 = require('react-native');
+const framework_1 = require('@fluentui-react-native/framework');
+const react_native_svg_1 = require('react-native-svg');
+const ActivityIndicator_styling_1 = require('./ActivityIndicator.styling');
+const ActivityIndicator_types_1 = require('./ActivityIndicator.types');
 const getActivityIndicatorPath = (diameter, width, color) => {
-    const start = {
-        x: width / 2,
-        y: diameter / 2,
-    };
-    const innerRadius = diameter / 2 - width / 2;
-    const path = `M${start.x} ${start.y} a${innerRadius} ${innerRadius} 0 1 1 ${innerRadius} ${innerRadius}`;
-    return (0, framework_1.withSlots)(react_native_svg_1.Path, { d: path, stroke: color, strokeWidth: width, strokeLinecap: "round", fill: 'transparent' });
+  const start = {
+    x: width / 2,
+    y: diameter / 2,
+  };
+  const innerRadius = diameter / 2 - width / 2;
+  const path = `M${start.x} ${start.y} a${innerRadius} ${innerRadius} 0 1 1 ${innerRadius} ${innerRadius}`;
+  return jsx_runtime_1.jsx(react_native_svg_1.Path, {
+    d: path,
+    stroke: color,
+    strokeWidth: width,
+    strokeLinecap: 'round',
+    fill: 'transparent',
+  });
 };
 exports.AnimatedSvg = react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Svg);
 const useStyling = (0, framework_1.buildUseStyling)(ActivityIndicator_styling_1.stylingSettings);
 exports.ActivityIndicator = (0, framework_1.compose)({
-    displayName: ActivityIndicator_types_1.activityIndicatorName,
-    ...ActivityIndicator_styling_1.stylingSettings,
-    slots: {
-        root: react_native_1.View,
-        svg: exports.AnimatedSvg,
-    },
-    useRender: (props, useSlots) => {
-        const Slots = useSlots(props);
-        const slotProps = useStyling(props);
-        const animating = props.animating != undefined ? props.animating : true;
-        const hidesWhenStopped = props.hidesWhenStopped != undefined ? props.hidesWhenStopped : true;
-        // React Native ActivityIndicator still takes up space when hidden, so to perfectly match would use opacity
-        // hiding opacity makes the screen reader on iOS and Android skip over it
-        const hideOpacity = animating == false && hidesWhenStopped == true ? 0 : 1;
-        const rotationAngle = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-        const rotationAnimation = (0, react_1.useRef)(undefined);
-        /**
-         * https://github.com/facebook/react-native/pull/29585
-         * For Animated.loop() to work with the native driver, React Native needs this fix.
-         * It's only available in React Native 0.66+, and React Native macOS 0.62+
-         * To workaround this, let's just rerun the loop everytime the animation finishes
-         */
-        const startRotation = (0, react_1.useCallback)(() => {
-            if (rotationAnimation.current) {
-                rotationAngle.setValue(0);
-                rotationAnimation.current.reset();
-                rotationAnimation.current.start((result) => {
-                    if (result.finished) {
-                        startRotation();
-                    }
-                });
-            }
-        }, [rotationAngle, animating]);
-        const stopRotation = () => {
-            if (rotationAnimation.current) {
-                rotationAnimation.current.stop();
-            }
-        };
-        (0, react_1.useEffect)(() => {
-            if (rotationAnimation.current === undefined) {
-                rotationAnimation.current = react_native_1.Animated.sequence([
-                    react_native_1.Animated.timing(rotationAngle, {
-                        toValue: 359,
-                        duration: 750,
-                        useNativeDriver: true,
-                        easing: react_native_1.Easing.linear,
-                    }),
-                ]);
-            }
-            if (animating) {
-                startRotation();
-            }
-            else {
-                stopRotation();
-            }
-        }, [animating, hidesWhenStopped, rotationAngle]);
-        const interpolateSpin = rotationAngle.interpolate({
-            inputRange: [0, 359],
-            outputRange: ['0deg', '359deg'],
+  displayName: ActivityIndicator_types_1.activityIndicatorName,
+  ...ActivityIndicator_styling_1.stylingSettings,
+  slots: {
+    root: react_native_1.View,
+    svg: exports.AnimatedSvg,
+  },
+  useRender: (props, useSlots) => {
+    const Slots = useSlots(props);
+    const slotProps = useStyling(props);
+    const animating = props.animating != undefined ? props.animating : true;
+    const hidesWhenStopped = props.hidesWhenStopped != undefined ? props.hidesWhenStopped : true;
+    // React Native ActivityIndicator still takes up space when hidden, so to perfectly match would use opacity
+    // hiding opacity makes the screen reader on iOS and Android skip over it
+    const hideOpacity = animating == false && hidesWhenStopped == true ? 0 : 1;
+    const rotationAngle = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    const rotationAnimation = (0, react_1.useRef)(undefined);
+    /**
+     * https://github.com/facebook/react-native/pull/29585
+     * For Animated.loop() to work with the native driver, React Native needs this fix.
+     * It's only available in React Native 0.66+, and React Native macOS 0.62+
+     * To workaround this, let's just rerun the loop everytime the animation finishes
+     */
+    const startRotation = (0, react_1.useCallback)(() => {
+      if (rotationAnimation.current) {
+        rotationAngle.setValue(0);
+        rotationAnimation.current.reset();
+        rotationAnimation.current.start((result) => {
+          if (result.finished) {
+            startRotation();
+          }
         });
-        const path = getActivityIndicatorPath(ActivityIndicator_styling_1.diameterSizeMap[slotProps.root.size], ActivityIndicator_styling_1.lineThicknessSizeMap[slotProps.root.lineThickness], slotProps.root.activityIndicatorColor);
-        // perspective is needed for animations to work on Android. See https://reactnative.dev/docs/animations#bear-in-mind
-        const animatedSvgProps = {
-            style: {
-                transform: [{ rotateZ: interpolateSpin }, { perspective: 10 }],
-            },
-        };
-        const otherRootProps = {
-            style: {
-                opacity: hideOpacity,
-            },
-            accessibilityState: { busy: animating },
-        };
-        return (rest) => {
-            const { ...mergedProps } = (0, framework_1.mergeProps)(props, rest, otherRootProps);
-            return ((0, framework_1.withSlots)(Slots.root, { ...mergedProps },
-                (0, framework_1.withSlots)(Slots.svg, { ...animatedSvgProps }, path)));
-        };
-    },
+      }
+    }, [rotationAngle, animating]);
+    const stopRotation = () => {
+      if (rotationAnimation.current) {
+        rotationAnimation.current.stop();
+      }
+    };
+    (0, react_1.useEffect)(() => {
+      if (rotationAnimation.current === undefined) {
+        rotationAnimation.current = react_native_1.Animated.sequence([
+          react_native_1.Animated.timing(rotationAngle, {
+            toValue: 359,
+            duration: 750,
+            useNativeDriver: true,
+            easing: react_native_1.Easing.linear,
+          }),
+        ]);
+      }
+      if (animating) {
+        startRotation();
+      } else {
+        stopRotation();
+      }
+    }, [animating, hidesWhenStopped, rotationAngle]);
+    const interpolateSpin = rotationAngle.interpolate({
+      inputRange: [0, 359],
+      outputRange: ['0deg', '359deg'],
+    });
+    const path = getActivityIndicatorPath(
+      ActivityIndicator_styling_1.diameterSizeMap[slotProps.root.size],
+      ActivityIndicator_styling_1.lineThicknessSizeMap[slotProps.root.lineThickness],
+      slotProps.root.activityIndicatorColor,
+    );
+    // perspective is needed for animations to work on Android. See https://reactnative.dev/docs/animations#bear-in-mind
+    const animatedSvgProps = {
+      style: {
+        transform: [{ rotateZ: interpolateSpin }, { perspective: 10 }],
+      },
+    };
+    const otherRootProps = {
+      style: {
+        opacity: hideOpacity,
+      },
+      accessibilityState: { busy: animating },
+    };
+    return (rest) => {
+      const { ...mergedProps } = (0, framework_1.mergeProps)(props, rest, otherRootProps);
+      return jsx_runtime_1.jsx(Slots.root, {
+        ...mergedProps,
+        children: jsx_runtime_1.jsx(Slots.svg, { ...animatedSvgProps, children: path }),
+      });
+    };
+  },
 });
-//# sourceMappingURL=ActivityIndicator.mobile.js.map
+//# sourceMappingURL=ActivityIndicator.mobile.js.map

package/lib-commonjs/ActivityIndicator.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityIndicator.mobile.js","sourceRoot":"","sources":["../src/ActivityIndicator.mobile.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActivityIndicator.mobile.js","sourceRoot":"","sources":["../src/ActivityIndicator.mobile.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/ActivityIndicator.styling.d.ts

@@ -1,13 +1,23 @@
 import type { ActivityIndicatorProps as CoreActivityIndicatorProps } from 'react-native';
 import type { UseStylingOptions } from '@fluentui-react-native/framework';
-import type { ActivityIndicatorProps, FluentActivityIndicatorSlotProps, ActivityIndicatorTokens, CoreActivityIndicatorSlotProps, ActivityIndicatorSize } from './ActivityIndicator.types';
+import type {
+  ActivityIndicatorProps,
+  FluentActivityIndicatorSlotProps,
+  ActivityIndicatorTokens,
+  CoreActivityIndicatorSlotProps,
+  ActivityIndicatorSize,
+} from './ActivityIndicator.types';
 export declare const diameterSizeMap: {
-    [key: string]: number;
+  [key: string]: number;
 };
 export declare const lineThicknessSizeMap: {
-    [key: string]: number;
+  [key: string]: number;
 };
 export declare function coreSizeFromFluentSize(fluentSize: ActivityIndicatorSize): CoreActivityIndicatorProps['size'];
 export declare const stylingSettings: UseStylingOptions<ActivityIndicatorProps, FluentActivityIndicatorSlotProps, ActivityIndicatorTokens>;
-export declare const coreStylingSettings: UseStylingOptions<ActivityIndicatorProps, CoreActivityIndicatorSlotProps, ActivityIndicatorTokens>;
-//# sourceMappingURL=ActivityIndicator.styling.d.ts.map
+export declare const coreStylingSettings: UseStylingOptions<
+  ActivityIndicatorProps,
+  CoreActivityIndicatorSlotProps,
+  ActivityIndicatorTokens
+>;
+//# sourceMappingURL=ActivityIndicator.styling.d.ts.map

package/lib-commonjs/ActivityIndicator.styling.js

@@ -1,90 +1,101 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.coreStylingSettings = exports.stylingSettings = exports.coreSizeFromFluentSize = exports.lineThicknessSizeMap = exports.diameterSizeMap = void 0;
-const react_native_1 = require("react-native");
-const framework_1 = require("@fluentui-react-native/framework");
-const assert_never_1 = __importDefault(require("assert-never"));
-const ActivityIndicator_types_1 = require("./ActivityIndicator.types");
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.coreStylingSettings = exports.stylingSettings = exports.lineThicknessSizeMap = exports.diameterSizeMap = void 0;
+exports.coreSizeFromFluentSize = coreSizeFromFluentSize;
+const react_native_1 = require('react-native');
+const framework_1 = require('@fluentui-react-native/framework');
+const assert_never_1 = __importDefault(require('assert-never'));
+const ActivityIndicator_types_1 = require('./ActivityIndicator.types');
 exports.diameterSizeMap = {
-    xSmall: 12,
-    small: 16,
-    medium: 24,
-    large: 32,
-    xLarge: 36,
+  xSmall: 12,
+  small: 16,
+  medium: 24,
+  large: 32,
+  xLarge: 36,
 };
 exports.lineThicknessSizeMap = {
-    xSmall: 1,
-    small: 1,
-    medium: 2,
-    large: 3,
-    xLarge: 4,
+  xSmall: 1,
+  small: 1,
+  medium: 2,
+  large: 3,
+  xLarge: 4,
 };
 // Size coversion ramp from the Fluent ActivityIndicator size to the RN ActivityIndicator.
 function coreSizeFromFluentSize(fluentSize) {
-    if (typeof fluentSize === 'undefined') {
-        return fluentSize;
-    }
-    switch (fluentSize) {
-        case 'xSmall':
-            return 'small';
-        case 'small':
-            return 'small';
-        case 'medium':
-            return 'small';
-        case 'large':
-            return 'large';
-        case 'xLarge':
-            return 'large';
-        default:
-            (0, assert_never_1.default)(fluentSize);
-    }
+  if (typeof fluentSize === 'undefined') {
+    return fluentSize;
+  }
+  switch (fluentSize) {
+    case 'xSmall':
+      return 'small';
+    case 'small':
+      return 'small';
+    case 'medium':
+      return 'small';
+    case 'large':
+      return 'large';
+    case 'xLarge':
+      return 'large';
+    default:
+      (0, assert_never_1.default)(fluentSize);
+  }
 }
-exports.coreSizeFromFluentSize = coreSizeFromFluentSize;
 exports.stylingSettings = {
-    tokens: [
-        () => ({
-            activityIndicatorColor: react_native_1.Appearance.getColorScheme() === 'light' ? '#BDBDBD' : '#666666',
-            lineThickness: 'medium',
-            size: 'medium',
-        }),
-        ActivityIndicator_types_1.activityIndicatorName,
-    ],
-    tokensThatAreAlsoProps: 'all',
-    slotProps: {
-        root: (0, framework_1.buildProps)((tokens) => ({
-            activityIndicatorColor: tokens.activityIndicatorColor,
-            size: tokens.size,
-            lineThickness: tokens.lineThickness != 'medium' ? tokens.lineThickness : tokens.size,
-            accessibilityLabel: 'progressbar',
-            accessible: true,
-            style: {
-                width: exports.diameterSizeMap[tokens.size],
-                height: exports.diameterSizeMap[tokens.size],
-            },
-        }), ['activityIndicatorColor', 'lineThickness', 'size']),
-        svg: (0, framework_1.buildProps)((tokens) => ({
-            width: exports.diameterSizeMap[tokens.size],
-            height: exports.diameterSizeMap[tokens.size],
-        }), ['size']),
-    },
+  tokens: [
+    () => ({
+      activityIndicatorColor: react_native_1.Appearance.getColorScheme() === 'light' ? '#BDBDBD' : '#666666',
+      lineThickness: 'medium',
+      size: 'medium',
+    }),
+    ActivityIndicator_types_1.activityIndicatorName,
+  ],
+  tokensThatAreAlsoProps: 'all',
+  slotProps: {
+    root: (0, framework_1.buildProps)(
+      (tokens) => ({
+        activityIndicatorColor: tokens.activityIndicatorColor,
+        size: tokens.size,
+        lineThickness: tokens.lineThickness != 'medium' ? tokens.lineThickness : tokens.size,
+        accessibilityLabel: 'progressbar',
+        accessible: true,
+        style: {
+          width: exports.diameterSizeMap[tokens.size],
+          height: exports.diameterSizeMap[tokens.size],
+        },
+      }),
+      ['activityIndicatorColor', 'lineThickness', 'size'],
+    ),
+    svg: (0, framework_1.buildProps)(
+      (tokens) => ({
+        width: exports.diameterSizeMap[tokens.size],
+        height: exports.diameterSizeMap[tokens.size],
+      }),
+      ['size'],
+    ),
+  },
 };
 // Minimal styling settings for the RN Core ActivityIndicator
 exports.coreStylingSettings = {
-    tokens: [
-        () => ({
-            size: 'small',
-        }),
-        ActivityIndicator_types_1.activityIndicatorName,
-    ],
-    tokensThatAreAlsoProps: 'all',
-    slotProps: {
-        root: (0, framework_1.buildProps)((tokens) => ({
-            color: tokens.activityIndicatorColor,
-            ...(tokens.size && { size: coreSizeFromFluentSize(tokens.size) }), // Only pass in the prop if defined
-        }), ['activityIndicatorColor', 'size']),
-    },
+  tokens: [
+    () => ({
+      size: 'small',
+    }),
+    ActivityIndicator_types_1.activityIndicatorName,
+  ],
+  tokensThatAreAlsoProps: 'all',
+  slotProps: {
+    root: (0, framework_1.buildProps)(
+      (tokens) => ({
+        color: tokens.activityIndicatorColor,
+        ...(tokens.size && { size: coreSizeFromFluentSize(tokens.size) }), // Only pass in the prop if defined
+      }),
+      ['activityIndicatorColor', 'size'],
+    ),
+  },
 };
-//# sourceMappingURL=ActivityIndicator.styling.js.map
+//# sourceMappingURL=ActivityIndicator.styling.js.map