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

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Change Log - @fluentui-react-native/experimental-activity-indicator
 
+## 0.11.3
+
+### Patch Changes
+
+- 9cf4444: Migrate from ESLint to oxlint
+- Updated dependencies [9cf4444]
+  - @fluentui-react-native/framework@0.15.3
+
+## 0.11.2
+
+### Patch Changes
+
+- 8a7b549: Update to the latest rnx-kit versions, fix some typing issues, and correct the vscode settings
+- Updated dependencies [8a7b549]
+  - @fluentui-react-native/framework@0.15.2
+
+## 0.11.1
+
+### Patch Changes
+
+- 0d6e9c1: chore: migrate to `oxfmt`
+- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
+- Updated dependencies [0d6e9c1]
+- Updated dependencies [ac6e7af]
+  - @fluentui-react-native/framework@0.15.1
+
 ## 0.11.0
 
 ### Minor Changes

package/lib/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/ActivityIndicator.android.js

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

package/lib/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/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/ActivityIndicator.ios.js

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

package/lib/ActivityIndicator.js

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

package/lib/ActivityIndicator.mobile.d.ts

@@ -2,10 +2,5 @@ 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-base').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-base").ObjectBase>;
+//# sourceMappingURL=ActivityIndicator.mobile.d.ts.map

package/lib/ActivityIndicator.mobile.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
+import { jsx as _jsx } from "@fluentui-react-native/framework-base/jsx-runtime";
 /** @jsxImportSource @fluentui-react-native/framework-base */
 import { useRef, useEffect, useCallback } from 'react';
 import { Animated, Easing, View } from 'react-native';
@@ -7,97 +7,94 @@ import { Svg, Path } from 'react-native-svg';
 import { diameterSizeMap, lineThicknessSizeMap, stylingSettings } from './ActivityIndicator.styling';
 import { activityIndicatorName } from './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 _jsx(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(Path, { d: path, stroke: color, strokeWidth: width, strokeLinecap: "round", fill: 'transparent' });
 };
 export const AnimatedSvg = Animated.createAnimatedComponent(Svg);
 const useStyling = buildUseStyling(stylingSettings);
 export const ActivityIndicator = compose({
-  displayName: activityIndicatorName,
-  ...stylingSettings,
-  slots: {
-    root: View,
-    svg: 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 = useRef(new Animated.Value(0)).current;
-    const rotationAnimation = 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 = useCallback(() => {
-      if (rotationAnimation.current) {
-        rotationAngle.setValue(0);
-        rotationAnimation.current.reset();
-        rotationAnimation.current.start((result) => {
-          if (result.finished) {
-            startRotation();
-          }
+    displayName: activityIndicatorName,
+    ...stylingSettings,
+    slots: {
+        root: View,
+        svg: 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 = useRef(new Animated.Value(0)).current;
+        const rotationAnimation = 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 = useCallback(() => {
+            if (rotationAnimation.current) {
+                rotationAngle.setValue(0);
+                rotationAnimation.current.reset();
+                rotationAnimation.current.start((result) => {
+                    if (result.finished) {
+                        startRotation();
+                    }
+                });
+            }
+        }, [rotationAngle]);
+        const stopRotation = () => {
+            if (rotationAnimation.current) {
+                rotationAnimation.current.stop();
+            }
+        };
+        useEffect(() => {
+            if (rotationAnimation.current === undefined) {
+                rotationAnimation.current = Animated.sequence([
+                    Animated.timing(rotationAngle, {
+                        toValue: 359,
+                        duration: 750,
+                        useNativeDriver: true,
+                        easing: Easing.linear,
+                    }),
+                ]);
+            }
+            if (animating) {
+                startRotation();
+            }
+            else {
+                stopRotation();
+            }
+        }, [animating, rotationAngle, startRotation]);
+        const interpolateSpin = rotationAngle.interpolate({
+            inputRange: [0, 359],
+            outputRange: ['0deg', '359deg'],
         });
-      }
-    }, [rotationAngle, animating]);
-    const stopRotation = () => {
-      if (rotationAnimation.current) {
-        rotationAnimation.current.stop();
-      }
-    };
-    useEffect(() => {
-      if (rotationAnimation.current === undefined) {
-        rotationAnimation.current = Animated.sequence([
-          Animated.timing(rotationAngle, {
-            toValue: 359,
-            duration: 750,
-            useNativeDriver: true,
-            easing: Easing.linear,
-          }),
-        ]);
-      }
-      if (animating) {
-        startRotation();
-      } else {
-        stopRotation();
-      }
-    }, [animating, hidesWhenStopped, rotationAngle]);
-    const interpolateSpin = rotationAngle.interpolate({
-      inputRange: [0, 359],
-      outputRange: ['0deg', '359deg'],
-    });
-    const path = getActivityIndicatorPath(
-      diameterSizeMap[slotProps.root.size],
-      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 } = mergeProps(props, rest, otherRootProps);
-      return _jsx(Slots.root, { ...mergedProps, children: _jsx(Slots.svg, { ...animatedSvgProps, children: path }) });
-    };
-  },
+        const path = getActivityIndicatorPath(diameterSizeMap[slotProps.root.size], 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 } = mergeProps(props, rest, otherRootProps);
+            return (_jsx(Slots.root, { ...mergedProps, children: _jsx(Slots.svg, { ...animatedSvgProps, children: path }) }));
+        };
+    },
 });
-//# sourceMappingURL=ActivityIndicator.mobile.js.map
+//# sourceMappingURL=ActivityIndicator.mobile.js.map

package/lib/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":";AAAA,6DAA6D;AAC7D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAG7C,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAErG,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,wBAAwB,GAAG,CAAC,QAAgB,EAAE,KAAa,EAAE,KAAa,EAAE,EAAE,CAAC;IACnF,MAAM,KAAK,GAAG;QACZ,CAAC,EAAE,KAAK,GAAG,CAAC;QACZ,CAAC,EAAE,QAAQ,GAAG,CAAC;KAChB,CAAC;IACF,MAAM,WAAW,GAAG,QAAQ,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;IAC7C,MAAM,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,WAAW,IAAI,WAAW,UAAU,WAAW,IAAI,WAAW,EAAE,CAAC;IAEzG,OAAO,KAAC,IAAI,IAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI,CAAC;AAAA,CACxG,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC;AACjE,MAAM,UAAU,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;AACpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAA8B;IACpE,WAAW,EAAE,qBAAqB;IAClC,GAAG,eAAe;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;QACV,GAAG,EAAE,WAAW;KACjB;IACD,SAAS,EAAE,CAAC,KAA6B,EAAE,QAA+C,EAAE,EAAE,CAAC;QAC7F,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QAEpC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;QACxE,MAAM,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;QAC7F,2GAA2G;QAC3G,yEAAyE;QACzE,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,IAAI,gBAAgB,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAE3E,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QAE5D,MAAM,iBAAiB,GAAG,MAAM,CAA0C,SAAS,CAAC,CAAC;QAErF;;;;;WAKG;QACH,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;YACtC,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;gBAC9B,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAC1B,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBAClC,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAA0B,EAAE,EAAE,CAAC;oBAC9D,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;wBACpB,aAAa,EAAE,CAAC;oBAClB,CAAC;gBAAA,CACF,CAAC,CAAC;YACL,CAAC;QAAA,CACF,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;QAEpB,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC;YACzB,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;gBAC9B,iBAAiB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACnC,CAAC;QAAA,CACF,CAAC;QAEF,SAAS,CAAC,GAAG,EAAE,CAAC;YACd,IAAI,iBAAiB,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBAC5C,iBAAiB,CAAC,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC;oBAC5C,QAAQ,CAAC,MAAM,CAAC,aAAa,EAAE;wBAC7B,OAAO,EAAE,GAAG;wBACZ,QAAQ,EAAE,GAAG;wBACb,eAAe,EAAE,IAAI;wBACrB,MAAM,EAAE,MAAM,CAAC,MAAM;qBACtB,CAAC;iBACH,CAAC,CAAC;YACL,CAAC;YAED,IAAI,SAAS,EAAE,CAAC;gBACd,aAAa,EAAE,CAAC;YAClB,CAAC;iBAAM,CAAC;gBACN,YAAY,EAAE,CAAC;YACjB,CAAC;QAAA,CACF,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;QAE9C,MAAM,eAAe,GAAG,aAAa,CAAC,WAAW,CAAC;YAChD,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;YACpB,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;SAChC,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,wBAAwB,CACnC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EACpC,oBAAoB,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,EAClD,SAAS,CAAC,IAAI,CAAC,sBAAsB,CACtC,CAAC;QAEF,oHAAoH;QACpH,MAAM,gBAAgB,GAAa;YACjC,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC;aAC/D;SACF,CAAC;QAEF,MAAM,cAAc,GAAG;YACrB,KAAK,EAAE;gBACL,OAAO,EAAE,WAAW;aACrB;YACD,kBAAkB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SACxC,CAAC;QACF,OAAO,CAAC,IAA4B,EAAE,EAAE,CAAC;YACvC,MAAM,EAAE,GAAG,WAAW,EAAE,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;YACnE,OAAO,CACL,KAAC,KAAK,CAAC,IAAI,OAAK,WAAW,YACzB,KAAC,KAAK,CAAC,GAAG,OAAK,gBAAgB,YAAG,IAAI,GAAa,GACxC,CACd,CAAC;QAAA,CACH,CAAC;IAAA,CACH;CACF,CAAC,CAAC"}

package/lib/ActivityIndicator.styling.d.ts

@@ -1,23 +1,13 @@
 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/ActivityIndicator.styling.js

@@ -3,90 +3,81 @@ import { buildProps } from '@fluentui-react-native/framework';
 import assertNever from 'assert-never';
 import { activityIndicatorName } from './ActivityIndicator.types';
 export const diameterSizeMap = {
-  xSmall: 12,
-  small: 16,
-  medium: 24,
-  large: 32,
-  xLarge: 36,
+    xSmall: 12,
+    small: 16,
+    medium: 24,
+    large: 32,
+    xLarge: 36,
 };
 export const 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.
 export 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:
-      assertNever(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:
+            assertNever(fluentSize);
+    }
 }
 export const stylingSettings = {
-  tokens: [
-    () => ({
-      activityIndicatorColor: Appearance.getColorScheme() === 'light' ? '#BDBDBD' : '#666666',
-      lineThickness: 'medium',
-      size: 'medium',
-    }),
-    activityIndicatorName,
-  ],
-  tokensThatAreAlsoProps: 'all',
-  slotProps: {
-    root: buildProps(
-      (tokens) => ({
-        activityIndicatorColor: tokens.activityIndicatorColor,
-        size: tokens.size,
-        lineThickness: tokens.lineThickness != 'medium' ? tokens.lineThickness : tokens.size,
-        accessibilityLabel: 'progressbar',
-        accessible: true,
-        style: {
-          width: diameterSizeMap[tokens.size],
-          height: diameterSizeMap[tokens.size],
-        },
-      }),
-      ['activityIndicatorColor', 'lineThickness', 'size'],
-    ),
-    svg: buildProps(
-      (tokens) => ({
-        width: diameterSizeMap[tokens.size],
-        height: diameterSizeMap[tokens.size],
-      }),
-      ['size'],
-    ),
-  },
+    tokens: [
+        () => ({
+            activityIndicatorColor: Appearance.getColorScheme() === 'light' ? '#BDBDBD' : '#666666',
+            lineThickness: 'medium',
+            size: 'medium',
+        }),
+        activityIndicatorName,
+    ],
+    tokensThatAreAlsoProps: 'all',
+    slotProps: {
+        root: buildProps((tokens) => ({
+            activityIndicatorColor: tokens.activityIndicatorColor,
+            size: tokens.size,
+            lineThickness: tokens.lineThickness != 'medium' ? tokens.lineThickness : tokens.size,
+            accessibilityLabel: 'progressbar',
+            accessible: true,
+            style: {
+                width: diameterSizeMap[tokens.size],
+                height: diameterSizeMap[tokens.size],
+            },
+        }), ['activityIndicatorColor', 'lineThickness', 'size']),
+        svg: buildProps((tokens) => ({
+            width: diameterSizeMap[tokens.size],
+            height: diameterSizeMap[tokens.size],
+        }), ['size']),
+    },
 };
 // Minimal styling settings for the RN Core ActivityIndicator
 export const coreStylingSettings = {
-  tokens: [
-    () => ({
-      size: 'small',
-    }),
-    activityIndicatorName,
-  ],
-  tokensThatAreAlsoProps: 'all',
-  slotProps: {
-    root: buildProps(
-      (tokens) => ({
-        color: tokens.activityIndicatorColor,
-        ...(tokens.size && { size: coreSizeFromFluentSize(tokens.size) }), // Only pass in the prop if defined
-      }),
-      ['activityIndicatorColor', 'size'],
-    ),
-  },
+    tokens: [
+        () => ({
+            size: 'small',
+        }),
+        activityIndicatorName,
+    ],
+    tokensThatAreAlsoProps: 'all',
+    slotProps: {
+        root: 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

package/lib/ActivityIndicator.types.d.ts

@@ -1,54 +1,54 @@
 import type { Animated, ActivityIndicatorProps as CoreActivityIndicatorProps } from 'react-native';
 import type { SvgProps } from 'react-native-svg';
-export declare const activityIndicatorName = 'ActivityIndicator';
+export declare const activityIndicatorName = "ActivityIndicator";
 /**
  * Specifies the possible sizes of the ActivityIndicator.
  */
 export type ActivityIndicatorSize = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge';
 export interface ActivityIndicatorTokens {
-  /**
-   * ActivityIndicator element color
-   * @defaultValue 'BDBDBD' for light mode, '666666' for dark mode
-   */
-  activityIndicatorColor?: string;
-  /**
-   * Line thickness of the ActivityIndicator
-   * @defaultValue 'medium' or what size is set to
-   */
-  lineThickness?: ActivityIndicatorSize;
-  /**
-   * Size of the ActivityIndicator view
-   * @defaultValue 'medium'
-   */
-  size?: ActivityIndicatorSize;
+    /**
+     * ActivityIndicator element color
+     * @defaultValue 'BDBDBD' for light mode, '666666' for dark mode
+     */
+    activityIndicatorColor?: string;
+    /**
+     * Line thickness of the ActivityIndicator
+     * @defaultValue 'medium' or what size is set to
+     */
+    lineThickness?: ActivityIndicatorSize;
+    /**
+     * Size of the ActivityIndicator view
+     * @defaultValue 'medium'
+     */
+    size?: ActivityIndicatorSize;
 }
 export interface ActivityIndicatorProps extends ActivityIndicatorTokens, Omit<CoreActivityIndicatorProps, 'size'> {
-  /**
-   * ActivityIndicator animating or not
-   * @defaultValue 'true'
-   */
-  animating?: boolean;
-  /**
-   * ActivityIndicator hidden when not animating or not hidden
-   * @defaultValue 'true'
-   */
-  hidesWhenStopped?: boolean;
+    /**
+     * ActivityIndicator animating or not
+     * @defaultValue 'true'
+     */
+    animating?: boolean;
+    /**
+     * ActivityIndicator hidden when not animating or not hidden
+     * @defaultValue 'true'
+     */
+    hidesWhenStopped?: boolean;
 }
 export interface FluentActivityIndicatorSlotProps {
-  root: ActivityIndicatorProps;
-  svg: Animated.AnimatedProps<SvgProps>;
+    root: ActivityIndicatorProps;
+    svg: Animated.AnimatedProps<SvgProps>;
 }
 export interface FluentActivityIndicatorType {
-  props: ActivityIndicatorProps;
-  slotProps: FluentActivityIndicatorSlotProps;
-  tokens: ActivityIndicatorTokens;
+    props: ActivityIndicatorProps;
+    slotProps: FluentActivityIndicatorSlotProps;
+    tokens: ActivityIndicatorTokens;
 }
 export interface CoreActivityIndicatorSlotProps {
-  root: CoreActivityIndicatorProps;
+    root: CoreActivityIndicatorProps;
 }
 export interface CoreActivityIndicatorType {
-  props: ActivityIndicatorProps;
-  slotProps: CoreActivityIndicatorSlotProps;
-  tokens: ActivityIndicatorTokens;
+    props: ActivityIndicatorProps;
+    slotProps: CoreActivityIndicatorSlotProps;
+    tokens: ActivityIndicatorTokens;
 }
-//# sourceMappingURL=ActivityIndicator.types.d.ts.map
+//# sourceMappingURL=ActivityIndicator.types.d.ts.map

package/lib/ActivityIndicator.types.js

@@ -1,2 +1,2 @@
 export const activityIndicatorName = 'ActivityIndicator';
-//# sourceMappingURL=ActivityIndicator.types.js.map
+//# sourceMappingURL=ActivityIndicator.types.js.map

package/lib/CoreActivityIndicator.d.ts

@@ -4,10 +4,5 @@ import type { ActivityIndicatorProps } from './ActivityIndicator.types';
  * Wrapper around React Native Core's ActivityIndicator for platforms we do not
  * have a custom FluentUI React Native ActivityIndicator defined.
  */
-export declare const ActivityIndicator: import('@fluentui-react-native/framework').ComposableComponent<
-  ActivityIndicatorProps,
-  import('./ActivityIndicator.types').CoreActivityIndicatorSlotProps,
-  import('./ActivityIndicator.types').ActivityIndicatorTokens,
-  import('@fluentui-react-native/framework-base').ObjectBase
->;
-//# sourceMappingURL=CoreActivityIndicator.d.ts.map
+export declare const ActivityIndicator: import("@fluentui-react-native/framework").ComposableComponent<ActivityIndicatorProps, import("./ActivityIndicator.types").CoreActivityIndicatorSlotProps, import("./ActivityIndicator.types").ActivityIndicatorTokens, import("@fluentui-react-native/framework-base").ObjectBase>;
+//# sourceMappingURL=CoreActivityIndicator.d.ts.map

package/lib/CoreActivityIndicator.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
+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 } from '@fluentui-react-native/framework';
@@ -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 () => _jsx(Slots.root, {});
-  },
+    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/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