@fluentui-react-native/experimental-activity-indicator 0.7.24 → 0.7.25

package/CHANGELOG.json

@@ -2,7 +2,28 @@
   "name": "@fluentui-react-native/experimental-activity-indicator",
   "entries": [
     {
-      "date": "Sat, 18 Mar 2023 17:18:20 GMT",
+      "date": "Tue, 21 Mar 2023 21:51:13 GMT",
+      "tag": "@fluentui-react-native/experimental-activity-indicator_v0.7.25",
+      "version": "0.7.25",
+      "comments": {
+        "patch": [
+          {
+            "author": "krsiler@microsoft.com",
+            "package": "@fluentui-react-native/experimental-activity-indicator",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6",
+            "comment": "Trigger manual bump (no changes)"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/experimental-activity-indicator",
+            "comment": "Bump @fluentui-react-native/framework to v0.9.8",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 18 Mar 2023 17:22:31 GMT",
       "tag": "@fluentui-react-native/experimental-activity-indicator_v0.7.24",
       "version": "0.7.24",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui-react-native/experimental-activity-indicator
 
-This log was last generated on Sat, 18 Mar 2023 17:18:20 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:51:13 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.7.25
+
+Tue, 21 Mar 2023 21:51:13 GMT
+
+### Patches
+
+- Trigger manual bump (no changes) (krsiler@microsoft.com)
+- Bump @fluentui-react-native/framework to v0.9.8
+
 ## 0.7.24
 
-Sat, 18 Mar 2023 17:18:20 GMT
+Sat, 18 Mar 2023 17:22:31 GMT
 
 ### Patches
 

package/lib/ActivityIndicator.android.d.ts

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

package/lib/ActivityIndicator.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.android.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,eAAe,iBAAiB,CAAC"}

package/lib/ActivityIndicator.android.js

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

package/lib/ActivityIndicator.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.android.js","sourceRoot":"","sources":["../src/ActivityIndicator.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,eAAe,iBAAiB,CAAC"}

package/lib/ActivityIndicator.d.ts

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

package/lib/ActivityIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,eAAe,iBAAiB,CAAC"}

package/lib/ActivityIndicator.ios.d.ts

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

package/lib/ActivityIndicator.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.ios.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,eAAe,iBAAiB,CAAC"}

package/lib/ActivityIndicator.ios.js

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

package/lib/ActivityIndicator.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.ios.js","sourceRoot":"","sources":["../src/ActivityIndicator.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,eAAe,iBAAiB,CAAC"}

package/lib/ActivityIndicator.js

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

package/lib/ActivityIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.js","sourceRoot":"","sources":["../src/ActivityIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,eAAe,iBAAiB,CAAC"}

package/lib/ActivityIndicator.mobile.d.ts

@@ -0,0 +1,6 @@
+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, object>;
+//# sourceMappingURL=ActivityIndicator.mobile.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AAG7C,OAAO,KAAK,EAAE,sBAAsB,EAA+B,MAAM,2BAA2B,CAAC;AAcrG,eAAO,MAAM,WAAW,wCAAwC,CAAC;AAEjE,eAAO,MAAM,iBAAiB,mOAiG5B,CAAC"}

package/lib/ActivityIndicator.mobile.js

@@ -0,0 +1,117 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+/** @jsx withSlots */
+import { useRef, useEffect, useCallback } from 'react';
+import { Animated, Easing, View } from 'react-native';
+import { compose, mergeProps, withSlots, buildUseStyling } from '@fluentui-react-native/framework';
+import { Svg, Path } from 'react-native-svg';
+import { diameterSizeMap, lineThicknessSizeMap, stylingSettings } from './ActivityIndicator.styling';
+import { activityIndicatorName } from './ActivityIndicator.types';
+var getActivityIndicatorPath = function (diameter, width, color) {
+    var start = {
+        x: width / 2,
+        y: diameter / 2,
+    };
+    var innerRadius = diameter / 2 - width / 2;
+    var path = "M".concat(start.x, " ").concat(start.y, " a").concat(innerRadius, " ").concat(innerRadius, " 0 1 1 ").concat(innerRadius, " ").concat(innerRadius);
+    return withSlots(Path, { d: path, stroke: color, strokeWidth: width, strokeLinecap: "round" });
+};
+export var AnimatedSvg = Animated.createAnimatedComponent(Svg);
+var useStyling = buildUseStyling(stylingSettings);
+export var ActivityIndicator = compose(__assign(__assign({ displayName: activityIndicatorName }, stylingSettings), { slots: {
+        root: View,
+        svg: AnimatedSvg,
+    }, useRender: function (props, useSlots) {
+        var Slots = useSlots(props);
+        var slotProps = useStyling(props);
+        var animating = props.animating != undefined ? props.animating : true;
+        var 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
+        var hideOpacity = animating == false && hidesWhenStopped == true ? 0 : 1;
+        var rotationAngle = useRef(new Animated.Value(0)).current;
+        var 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
+         */
+        var startRotation = useCallback(function () {
+            if (rotationAnimation.current) {
+                rotationAngle.setValue(0);
+                rotationAnimation.current.reset();
+                rotationAnimation.current.start(function (result) {
+                    if (result.finished) {
+                        startRotation();
+                    }
+                });
+            }
+        }, [rotationAngle, animating]);
+        var stopRotation = function () {
+            if (rotationAnimation.current) {
+                rotationAnimation.current.stop();
+            }
+        };
+        useEffect(function () {
+            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]);
+        var interpolateSpin = rotationAngle.interpolate({
+            inputRange: [0, 359],
+            outputRange: ['0deg', '359deg'],
+        });
+        var 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
+        var animatedSvgProps = {
+            style: {
+                transform: [{ rotateZ: interpolateSpin }, { perspective: 10 }],
+            },
+        };
+        var otherRootProps = {
+            style: {
+                opacity: hideOpacity,
+            },
+            accessibilityState: { busy: animating },
+        };
+        return function (rest) {
+            var mergedProps = __rest(mergeProps(props, rest, otherRootProps), []);
+            return (withSlots(Slots.root, __assign({}, mergedProps),
+                withSlots(Slots.svg, __assign({}, animatedSvgProps), path)));
+        };
+    } }));
+//# sourceMappingURL=ActivityIndicator.mobile.js.map

package/lib/ActivityIndicator.mobile.js.map

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

package/lib/ActivityIndicator.styling.d.ts

@@ -0,0 +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';
+export declare const diameterSizeMap: {
+    [key: string]: number;
+};
+export declare const lineThicknessSizeMap: {
+    [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

package/lib/ActivityIndicator.styling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.styling.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.styling.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,IAAI,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAGzF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAI1E,OAAO,KAAK,EACV,sBAAsB,EACtB,gCAAgC,EAChC,uBAAuB,EACvB,8BAA8B,EAC9B,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AAGnC,eAAO,MAAM,eAAe,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAMpD,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAMzD,CAAC;AAGF,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,qBAAqB,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAmB5G;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,sBAAsB,EAAE,gCAAgC,EAAE,uBAAuB,CAiChI,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,sBAAsB,EAAE,8BAA8B,EAAE,uBAAuB,CAiBlI,CAAC"}

package/lib/ActivityIndicator.styling.js

@@ -0,0 +1,91 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { Appearance } from 'react-native';
+import { buildProps } from '@fluentui-react-native/framework';
+import assertNever from 'assert-never';
+import { activityIndicatorName } from './ActivityIndicator.types';
+export var diameterSizeMap = {
+    xSmall: 12,
+    small: 16,
+    medium: 24,
+    large: 32,
+    xLarge: 36,
+};
+export var lineThicknessSizeMap = {
+    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);
+    }
+}
+export var stylingSettings = {
+    tokens: [
+        function () { return ({
+            activityIndicatorColor: Appearance.getColorScheme() === 'light' ? '#BDBDBD' : '#666666',
+            lineThickness: 'medium',
+            size: 'medium',
+        }); },
+        activityIndicatorName,
+    ],
+    tokensThatAreAlsoProps: 'all',
+    slotProps: {
+        root: buildProps(function (tokens) { return ({
+            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(function (tokens) { return ({
+            width: diameterSizeMap[tokens.size],
+            height: diameterSizeMap[tokens.size],
+        }); }, ['size']),
+    },
+};
+// Minimal styling settings for the RN Core ActivityIndicator
+export var coreStylingSettings = {
+    tokens: [
+        function () { return ({
+            size: 'small',
+        }); },
+        activityIndicatorName,
+    ],
+    tokensThatAreAlsoProps: 'all',
+    slotProps: {
+        root: buildProps(function (tokens) { return (__assign({ color: tokens.activityIndicatorColor }, (tokens.size && { size: coreSizeFromFluentSize(tokens.size) }))); }, ['activityIndicatorColor', 'size']),
+    },
+};
+//# sourceMappingURL=ActivityIndicator.styling.js.map

package/lib/ActivityIndicator.styling.js.map

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

package/lib/ActivityIndicator.types.d.ts

@@ -0,0 +1,54 @@
+import type { Animated, ActivityIndicatorProps as CoreActivityIndicatorProps } from 'react-native';
+import type { SvgProps } from 'react-native-svg';
+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;
+}
+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;
+}
+export interface FluentActivityIndicatorSlotProps {
+    root: ActivityIndicatorProps;
+    svg: Animated.AnimatedProps<SvgProps>;
+}
+export interface FluentActivityIndicatorType {
+    props: ActivityIndicatorProps;
+    slotProps: FluentActivityIndicatorSlotProps;
+    tokens: ActivityIndicatorTokens;
+}
+export interface CoreActivityIndicatorSlotProps {
+    root: CoreActivityIndicatorProps;
+}
+export interface CoreActivityIndicatorType {
+    props: ActivityIndicatorProps;
+    slotProps: CoreActivityIndicatorSlotProps;
+    tokens: ActivityIndicatorTokens;
+}
+//# sourceMappingURL=ActivityIndicator.types.d.ts.map

package/lib/ActivityIndicator.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.types.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,sBAAsB,IAAI,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAEnG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AACzD;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvF,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC;;;OAGG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B;AAED,MAAM,WAAW,sBAAuB,SAAQ,uBAAuB,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC;IAC/G;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,sBAAsB,CAAC;IAC7B,GAAG,EAAE,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC;AACD,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,sBAAsB,CAAC;IAC9B,SAAS,EAAE,gCAAgC,CAAC;IAC5C,MAAM,EAAE,uBAAuB,CAAC;CACjC;AAED,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,0BAA0B,CAAC;CAClC;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,SAAS,EAAE,8BAA8B,CAAC;IAC1C,MAAM,EAAE,uBAAuB,CAAC;CACjC"}

package/lib/ActivityIndicator.types.js

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

package/lib/ActivityIndicator.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.types.js","sourceRoot":"","sources":["../src/ActivityIndicator.types.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,IAAM,qBAAqB,GAAG,mBAAmB,CAAC"}

package/lib/CoreActivityIndicator.d.ts

@@ -0,0 +1,8 @@
+/** @jsx withSlots */
+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, object>;
+//# sourceMappingURL=CoreActivityIndicator.d.ts.map

package/lib/CoreActivityIndicator.d.ts.map

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

package/lib/CoreActivityIndicator.js

@@ -0,0 +1,27 @@
+/** @jsx withSlots */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { ActivityIndicator as CoreActivityIndicator } from 'react-native';
+import { compose, withSlots } from '@fluentui-react-native/framework';
+import { coreStylingSettings } from './ActivityIndicator.styling';
+import { activityIndicatorName } from './ActivityIndicator.types';
+/**
+ * Wrapper around React Native Core's ActivityIndicator for platforms we do not
+ * have a custom FluentUI React Native ActivityIndicator defined.
+ */
+export var ActivityIndicator = compose(__assign(__assign({ displayName: activityIndicatorName }, coreStylingSettings), { slots: {
+        root: CoreActivityIndicator,
+    }, useRender: function (props, useSlots) {
+        var Slots = useSlots(props);
+        return function () { return withSlots(Slots.root, null); };
+    } }));
+//# sourceMappingURL=CoreActivityIndicator.js.map

package/lib/CoreActivityIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreActivityIndicator.js","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":"AAAA,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,IAAM,iBAAiB,GAAG,OAAO,qBACtC,WAAW,EAAE,qBAAqB,IAC/B,mBAAmB,KACtB,KAAK,EAAE;QACL,IAAI,EAAE,qBAAqB;KAC5B,EACD,SAAS,EAAE,UAAC,KAA6B,EAAE,QAA6C;QACtF,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,cAAM,OAAA,UAAC,KAAK,CAAC,IAAI,OAAG,EAAd,CAAc,CAAC;IAC9B,CAAC,IACD,CAAC"}

package/lib/index.d.ts

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

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/index.js

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

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/experimental-activity-indicator",
-  "version": "0.7.24",
+  "version": "0.7.25",
   "description": "A cross-platform Fluent Activity Indicator component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,7 +22,7 @@
     "directory": "packages/experimental/ActivityIndicator"
   },
   "dependencies": {
-    "@fluentui-react-native/framework": "0.9.7",
+    "@fluentui-react-native/framework": "0.9.8",
     "assert-never": "^1.2.1"
   },
   "devDependencies": {