@fluentui/react-image 9.0.11 → 9.0.12

package/CHANGELOG.json

@@ -2,7 +2,30 @@
   "name": "@fluentui/react-image",
   "entries": [
     {
-      "date": "Fri, 11 Nov 2022 14:53:51 GMT",
+      "date": "Thu, 17 Nov 2022 23:02:37 GMT",
+      "tag": "@fluentui/react-image_v9.0.12",
+      "version": "9.0.12",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-image",
+            "commit": "ea768501802d65d63ddc63fff3816fb6b5008ae4",
+            "comment": "chore: update package scaffold"
+          }
+        ],
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-utilities to v9.2.2",
+            "commit": "94e156be5d3b5790d82dccf08c32672733fb9335"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 11 Nov 2022 14:58:04 GMT",
       "tag": "@fluentui/react-image_v9.0.11",
       "version": "9.0.11",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/react-image
 
-This log was last generated on Fri, 11 Nov 2022 14:53:51 GMT and should not be manually modified.
+This log was last generated on Thu, 17 Nov 2022 23:02:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.12)
+
+Thu, 17 Nov 2022 23:02:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.11..@fluentui/react-image_v9.0.12)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.2.2 ([PR #25683](https://github.com/microsoft/fluentui/pull/25683) by beachball)
+
 ## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.11)
 
-Fri, 11 Nov 2022 14:53:51 GMT 
+Fri, 11 Nov 2022 14:58:04 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.10..@fluentui/react-image_v9.0.11)
 
 ### Patches

package/lib-amd/Image.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "tslib", "./components/Image/index"], function (require, exports, tslib_1, index_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(index_1, exports);
+});
+//# sourceMappingURL=Image.js.map

package/lib-amd/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-image/src/Image.ts"],"names":[],"mappings":";;;IAAA,uCAAyC","sourcesContent":["export * from './components/Image/index';\n"]}

package/lib-amd/components/Image/Image.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./renderImage", "./useImage", "./useImageStyles"], function (require, exports, React, renderImage_1, useImage_1, useImageStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Image = void 0;
+    /**
+     * The Image component ensures the consistent styling of images.
+     */
+    exports.Image = React.forwardRef(function (props, ref) {
+        var state = useImage_1.useImage_unstable(props, ref);
+        useImageStyles_1.useImageStyles_unstable(state);
+        return renderImage_1.renderImage_unstable(state);
+    });
+    exports.Image.displayName = 'Image';
+});
+//# sourceMappingURL=Image.js.map

package/lib-amd/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-image/src/components/Image/Image.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,KAAK,GAAoC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAChF,IAAM,KAAK,GAAG,4BAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC5C,wCAAuB,CAAC,KAAK,CAAC,CAAC;QAE/B,OAAO,kCAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC","sourcesContent":["import * as React from 'react';\nimport { renderImage_unstable } from './renderImage';\nimport { useImage_unstable } from './useImage';\nimport { useImageStyles_unstable } from './useImageStyles';\nimport type { ImageProps } from './Image.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * The Image component ensures the consistent styling of images.\n */\nexport const Image: ForwardRefComponent<ImageProps> = React.forwardRef((props, ref) => {\n  const state = useImage_unstable(props, ref);\n  useImageStyles_unstable(state);\n\n  return renderImage_unstable(state);\n});\n\nImage.displayName = 'Image';\n"]}

package/lib-amd/components/Image/Image.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=Image.types.js.map

package/lib-amd/components/Image/Image.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-image/src/components/Image/Image.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';\n\nexport type ImageSlots = {\n  root: Slot<'img'>;\n};\n\nexport type ImageProps = ComponentProps<ImageSlots> & {\n  /**\n   * An image can take up the width of its container.\n   *\n   * @default false\n   */\n  block?: boolean;\n\n  /**\n   * An image can appear with a rectangular border.\n   *\n   * @default false\n   */\n  bordered?: boolean;\n\n  /**\n   * An image can set how it should be resized to fit its container.\n   *\n   * @default 'default'\n   */\n  fit?: 'none' | 'center' | 'contain' | 'cover' | 'default';\n\n  /**\n   * An image can appear elevated with shadow.\n   *\n   * @default false\n   */\n  shadow?: boolean;\n\n  /**\n   * An image can appear square, circular, or rounded.\n   *\n   * @default 'square'\n   */\n  shape?: 'square' | 'circular' | 'rounded';\n};\n\nexport type ImageState = ComponentState<ImageSlots> &\n  Required<Pick<ImageProps, 'block' | 'bordered' | 'fit' | 'shadow' | 'shape'>>;\n"]}

package/lib-amd/components/Image/index.js

@@ -0,0 +1,10 @@
+define(["require", "exports", "tslib", "./Image.types", "./Image", "./renderImage", "./useImage", "./useImageStyles"], function (require, exports, tslib_1, Image_types_1, Image_1, renderImage_1, useImage_1, useImageStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(Image_types_1, exports);
+    tslib_1.__exportStar(Image_1, exports);
+    tslib_1.__exportStar(renderImage_1, exports);
+    tslib_1.__exportStar(useImage_1, exports);
+    tslib_1.__exportStar(useImageStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-image/src/components/Image/index.ts"],"names":[],"mappings":";;;IAAA,6CAA8B;IAC9B,uCAAwB;IACxB,6CAA8B;IAC9B,0CAA2B;IAC3B,gDAAiC","sourcesContent":["export * from './Image.types';\nexport * from './Image';\nexport * from './renderImage';\nexport * from './useImage';\nexport * from './useImageStyles';\n"]}

package/lib-amd/components/Image/renderImage.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.renderImage_unstable = void 0;
+    /**
+     * Define the render function.
+     * Given the state of an image, renders it.
+     */
+    var renderImage_unstable = function (state) {
+        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
+        return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
+    };
+    exports.renderImage_unstable = renderImage_unstable;
+});
+//# sourceMappingURL=renderImage.js.map

package/lib-amd/components/Image/renderImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderImage.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-image/src/components/Image/renderImage.tsx"],"names":[],"mappings":";;;;IAIA;;;OAGG;IACI,IAAM,oBAAoB,GAAG,UAAC,KAAiB;QAC9C,IAAA,KAAuB,0BAAQ,CAAa,KAAK,CAAC,EAAhD,KAAK,WAAA,EAAE,SAAS,eAAgC,CAAC;QAEzD,OAAO,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CAAC;IAC5C,CAAC,CAAC;IAJW,QAAA,oBAAoB,wBAI/B","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { ImageSlots, ImageState } from './Image.types';\n\n/**\n * Define the render function.\n * Given the state of an image, renders it.\n */\nexport const renderImage_unstable = (state: ImageState) => {\n  const { slots, slotProps } = getSlots<ImageSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"]}

package/lib-amd/components/Image/useImage.js

@@ -0,0 +1,25 @@
+define(["require", "exports", "tslib", "@fluentui/react-utilities"], function (require, exports, tslib_1, react_utilities_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useImage_unstable = void 0;
+    /**
+     * Given user props, returns state and render function for an Image.
+     */
+    var useImage_unstable = function (props, ref) {
+        var _a = props.bordered, bordered = _a === void 0 ? false : _a, _b = props.fit, fit = _b === void 0 ? 'default' : _b, _c = props.block, block = _c === void 0 ? false : _c, _d = props.shape, shape = _d === void 0 ? 'square' : _d, _e = props.shadow, shadow = _e === void 0 ? false : _e;
+        var state = {
+            bordered: bordered,
+            fit: fit,
+            block: block,
+            shape: shape,
+            shadow: shadow,
+            components: {
+                root: 'img',
+            },
+            root: react_utilities_1.getNativeElementProps('img', tslib_1.__assign({ ref: ref }, props)),
+        };
+        return state;
+    };
+    exports.useImage_unstable = useImage_unstable;
+});
+//# sourceMappingURL=useImage.js.map

package/lib-amd/components/Image/useImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImage.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-image/src/components/Image/useImage.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,iBAAiB,GAAG,UAAC,KAAiB,EAAE,GAAgC;QAC3E,IAAA,KAAuF,KAAK,SAA5E,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,KAAqE,KAAK,IAA3D,EAAf,GAAG,mBAAG,SAAS,KAAA,EAAE,KAAoD,KAAK,MAA5C,EAAb,KAAK,mBAAG,KAAK,KAAA,EAAE,KAAqC,KAAK,MAA1B,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAAE,KAAmB,KAAK,OAAV,EAAd,MAAM,mBAAG,KAAK,KAAA,CAAW;QAErG,IAAM,KAAK,GAAe;YACxB,QAAQ,UAAA;YACR,GAAG,KAAA;YACH,KAAK,OAAA;YACL,KAAK,OAAA;YACL,MAAM,QAAA;YACN,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;aACZ;YACD,IAAI,EAAE,uCAAqB,CAAC,KAAK,qBAC/B,GAAG,KAAA,IACA,KAAK,EACR;SACH,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAnBW,QAAA,iBAAiB,qBAmB5B","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { ImageProps, ImageState } from './Image.types';\n\n/**\n * Given user props, returns state and render function for an Image.\n */\nexport const useImage_unstable = (props: ImageProps, ref: React.Ref<HTMLImageElement>): ImageState => {\n  const { bordered = false, fit = 'default', block = false, shape = 'square', shadow = false } = props;\n\n  const state: ImageState = {\n    bordered,\n    fit,\n    block,\n    shape,\n    shadow,\n    components: {\n      root: 'img',\n    },\n    root: getNativeElementProps('img', {\n      ref,\n      ...props,\n    }),\n  };\n\n  return state;\n};\n"]}

package/lib-amd/components/Image/useImageStyles.js

@@ -0,0 +1,62 @@
+define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-theme"], function (require, exports, tslib_1, react_1, react_theme_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useImageStyles_unstable = exports.imageClassNames = void 0;
+    exports.imageClassNames = {
+        root: 'fui-Image',
+    };
+    var useStyles = react_1.makeStyles({
+        // Base styles
+        base: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke1)), react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusNone)), { boxSizing: 'border-box', display: 'inline-block' }),
+        // Bordered styles
+        bordered: tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.borderStyle('solid')), react_1.shorthands.borderWidth(react_theme_1.tokens.strokeWidthThin)),
+        // Shape variations
+        circular: tslib_1.__assign({}, react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusCircular)),
+        rounded: tslib_1.__assign({}, react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusMedium)),
+        square: {
+        /* The square styles are exactly the same as the base styles. */
+        },
+        // Shadow styles
+        shadow: {
+            boxShadow: react_theme_1.tokens.shadow4,
+        },
+        // Fit variations
+        center: {
+            objectFit: 'none',
+            objectPosition: 'center',
+            height: '100%',
+            width: '100%',
+        },
+        contain: {
+            objectFit: 'contain',
+            objectPosition: 'center',
+            height: '100%',
+            width: '100%',
+        },
+        default: {
+        /* The default styles are exactly the same as the base styles. */
+        },
+        cover: {
+            objectFit: 'cover',
+            objectPosition: 'center',
+            height: '100%',
+            width: '100%',
+        },
+        none: {
+            objectFit: 'none',
+            objectPosition: 'left top',
+            height: '100%',
+            width: '100%',
+        },
+        // Block styles
+        block: {
+            width: '100%',
+        },
+    });
+    var useImageStyles_unstable = function (state) {
+        var styles = useStyles();
+        state.root.className = react_1.mergeClasses(exports.imageClassNames.root, styles.base, state.block && styles.block, state.bordered && styles.bordered, state.shadow && styles.shadow, styles[state.fit], styles[state.shape], state.root.className);
+    };
+    exports.useImageStyles_unstable = useImageStyles_unstable;
+});
+//# sourceMappingURL=useImageStyles.js.map

package/lib-amd/components/Image/useImageStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-image/src/components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;IAKa,QAAA,eAAe,GAA+B;QACzD,IAAI,EAAE,WAAW;KAClB,CAAC;IAEF,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,cAAc;QACd,IAAI,yDACC,kBAAU,CAAC,WAAW,CAAC,oBAAM,CAAC,mBAAmB,CAAC,GAClD,kBAAU,CAAC,YAAY,CAAC,oBAAM,CAAC,gBAAgB,CAAC,KAEnD,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,cAAc,GACxB;QAED,kBAAkB;QAClB,QAAQ,wCACH,kBAAU,CAAC,WAAW,CAAC,OAAO,CAAC,GAC/B,kBAAU,CAAC,WAAW,CAAC,oBAAM,CAAC,eAAe,CAAC,CAClD;QAED,mBAAmB;QACnB,QAAQ,uBACH,kBAAU,CAAC,YAAY,CAAC,oBAAM,CAAC,oBAAoB,CAAC,CACxD;QACD,OAAO,uBACF,kBAAU,CAAC,YAAY,CAAC,oBAAM,CAAC,kBAAkB,CAAC,CACtD;QACD,MAAM,EAAE;QACN,gEAAgE;SACjE;QAED,gBAAgB;QAChB,MAAM,EAAE;YACN,SAAS,EAAE,oBAAM,CAAC,OAAO;SAC1B;QAED,iBAAiB;QACjB,MAAM,EAAE;YACN,SAAS,EAAE,MAAM;YACjB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;SACd;QACD,OAAO,EAAE;YACP,SAAS,EAAE,SAAS;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;SACd;QACD,OAAO,EAAE;QACP,iEAAiE;SAClE;QACD,KAAK,EAAE;YACL,SAAS,EAAE,OAAO;YAClB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;SACd;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,MAAM;YACjB,cAAc,EAAE,UAAU;YAC1B,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;SACd;QAED,eAAe;QACf,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;SACd;KACF,CAAC,CAAC;IAEI,IAAM,uBAAuB,GAAG,UAAC,KAAiB;QACvD,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CACjC,uBAAe,CAAC,IAAI,EACpB,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,EAC3B,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACjC,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,EAC7B,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EACjB,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EACnB,KAAK,CAAC,IAAI,CAAC,SAAS,CACrB,CAAC;IACJ,CAAC,CAAC;IAZW,QAAA,uBAAuB,2BAYlC","sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { ImageSlots, ImageState } from './Image.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const imageClassNames: SlotClassNames<ImageSlots> = {\n  root: 'fui-Image',\n};\n\nconst useStyles = makeStyles({\n  // Base styles\n  base: {\n    ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    ...shorthands.borderRadius(tokens.borderRadiusNone),\n\n    boxSizing: 'border-box',\n    display: 'inline-block',\n  },\n\n  // Bordered styles\n  bordered: {\n    ...shorthands.borderStyle('solid'),\n    ...shorthands.borderWidth(tokens.strokeWidthThin),\n  },\n\n  // Shape variations\n  circular: {\n    ...shorthands.borderRadius(tokens.borderRadiusCircular),\n  },\n  rounded: {\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n  },\n  square: {\n    /* The square styles are exactly the same as the base styles. */\n  },\n\n  // Shadow styles\n  shadow: {\n    boxShadow: tokens.shadow4,\n  },\n\n  // Fit variations\n  center: {\n    objectFit: 'none',\n    objectPosition: 'center',\n    height: '100%',\n    width: '100%',\n  },\n  contain: {\n    objectFit: 'contain',\n    objectPosition: 'center',\n    height: '100%',\n    width: '100%',\n  },\n  default: {\n    /* The default styles are exactly the same as the base styles. */\n  },\n  cover: {\n    objectFit: 'cover',\n    objectPosition: 'center',\n    height: '100%',\n    width: '100%',\n  },\n  none: {\n    objectFit: 'none',\n    objectPosition: 'left top',\n    height: '100%',\n    width: '100%',\n  },\n\n  // Block styles\n  block: {\n    width: '100%',\n  },\n});\n\nexport const useImageStyles_unstable = (state: ImageState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    imageClassNames.root,\n    styles.base,\n    state.block && styles.block,\n    state.bordered && styles.bordered,\n    state.shadow && styles.shadow,\n    styles[state.fit],\n    styles[state.shape],\n    state.root.className,\n  );\n};\n"]}

package/lib-amd/index.js

@@ -0,0 +1,11 @@
+define(["require", "exports", "./Image"], function (require, exports, Image_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useImage_unstable = exports.useImageStyles_unstable = exports.renderImage_unstable = exports.imageClassNames = exports.Image = void 0;
+    Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return Image_1.Image; } });
+    Object.defineProperty(exports, "imageClassNames", { enumerable: true, get: function () { return Image_1.imageClassNames; } });
+    Object.defineProperty(exports, "renderImage_unstable", { enumerable: true, get: function () { return Image_1.renderImage_unstable; } });
+    Object.defineProperty(exports, "useImageStyles_unstable", { enumerable: true, get: function () { return Image_1.useImageStyles_unstable; } });
+    Object.defineProperty(exports, "useImage_unstable", { enumerable: true, get: function () { return Image_1.useImage_unstable; } });
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-image/src/index.ts"],"names":[],"mappings":";;;;IAAS,8FAAA,KAAK,OAAA;IAAE,wGAAA,eAAe,OAAA;IAAE,6GAAA,oBAAoB,OAAA;IAAE,gHAAA,uBAAuB,OAAA;IAAE,0GAAA,iBAAiB,OAAA","sourcesContent":["export { Image, imageClassNames, renderImage_unstable, useImageStyles_unstable, useImage_unstable } from './Image';\nexport type { ImageProps, ImageSlots, ImageState } from './Image';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-image",
-  "version": "9.0.11",
+  "version": "9.0.12",
   "description": "Fluent UI React Image component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@griffel/react": "^1.4.2",
-    "@fluentui/react-utilities": "^9.2.1",
+    "@fluentui/react-utilities": "^9.2.2",
     "@fluentui/react-theme": "^9.1.2",
     "tslib": "^2.1.0"
   },