@fluentui/react-image 9.0.26 → 9.1.0

package/CHANGELOG.json

@@ -2,7 +2,34 @@
   "name": "@fluentui/react-image",
   "entries": [
     {
-      "date": "Mon, 13 Mar 2023 08:55:02 GMT",
+      "date": "Wed, 15 Mar 2023 10:17:02 GMT",
+      "tag": "@fluentui/react-image_v9.1.0",
+      "version": "9.1.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-image",
+            "commit": "d0c590d2b6ed7bc1df92ffbf7e157d197cedd547",
+            "comment": "feat: Adding calls to custom style hooks derived from context."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.3.1",
+            "commit": "5da01b4766ae6d81befb7bcd588d9cf8d969e1e2"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-theme to v9.1.6",
+            "commit": "5da01b4766ae6d81befb7bcd588d9cf8d969e1e2"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 13 Mar 2023 08:58:26 GMT",
       "tag": "@fluentui/react-image_v9.0.26",
       "version": "9.0.26",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,23 @@
 # Change Log - @fluentui/react-image
 
-This log was last generated on Mon, 13 Mar 2023 08:55:02 GMT and should not be manually modified.
+This log was last generated on Wed, 15 Mar 2023 10:17:02 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.0)
+
+Wed, 15 Mar 2023 10:17:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.26..@fluentui/react-image_v9.1.0)
+
+### Minor changes
+
+- feat: Adding calls to custom style hooks derived from context. ([PR #27066](https://github.com/microsoft/fluentui/pull/27066) by gcox@microsoft.com)
+- Bump @fluentui/react-shared-contexts to v9.3.1 ([PR #27213](https://github.com/microsoft/fluentui/pull/27213) by beachball)
+- Bump @fluentui/react-theme to v9.1.6 ([PR #27213](https://github.com/microsoft/fluentui/pull/27213) by beachball)
+
 ## [9.0.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.26)
 
-Mon, 13 Mar 2023 08:55:02 GMT 
+Mon, 13 Mar 2023 08:58:26 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.25..@fluentui/react-image_v9.0.26)
 
 ### Patches

package/lib/components/Image/Image.js

@@ -2,12 +2,17 @@ import * as React from 'react';
 import { renderImage_unstable } from './renderImage';
 import { useImage_unstable } from './useImage';
 import { useImageStyles_unstable } from './useImageStyles';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
 /**
  * The Image component ensures the consistent styling of images.
  */
 export const Image = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useImage_unstable(props, ref);
   useImageStyles_unstable(state);
+  const {
+    useImageStyles_unstable: useCustomStyles
+  } = useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return renderImage_unstable(state);
 });
 Image.displayName = 'Image';

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

@@ -1 +1 @@
-{"version":3,"names":["React","renderImage_unstable","useImage_unstable","useImageStyles_unstable","Image","forwardRef","props","ref","state","displayName"],"sources":["../src/packages/react-components/react-image/src/components/Image/Image.tsx"],"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"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,uBAAuB,QAAQ,kBAAkB;AAI1D;;;AAGA,OAAO,MAAMC,KAAK,gBAAoCJ,KAAK,CAACK,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpF,MAAMC,KAAK,GAAGN,iBAAiB,CAACI,KAAK,EAAEC,GAAG,CAAC;EAC3CJ,uBAAuB,CAACK,KAAK,CAAC;EAE9B,OAAOP,oBAAoB,CAACO,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFJ,KAAK,CAACK,WAAW,GAAG,OAAO"}
+{"version":3,"names":["React","renderImage_unstable","useImage_unstable","useImageStyles_unstable","useCustomStyleHooks_unstable","Image","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../src/packages/react-components/react-image/src/components/Image/Image.tsx"],"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';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  useImageStyles_unstable(state);\n\n  const { useImageStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderImage_unstable(state);\n});\n\nImage.displayName = 'Image';\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,uBAAuB,QAAQ,kBAAkB;AAG1D,SAASC,4BAA4B,QAAQ,iCAAiC;AAE9E;;;AAGA,OAAO,MAAMC,KAAK,gBAAoCL,KAAK,CAACM,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpF,MAAMC,KAAK,GAAGP,iBAAiB,CAACK,KAAK,EAAEC,GAAG,CAAC;EAE3CL,uBAAuB,CAACM,KAAK,CAAC;EAE9B,MAAM;IAAEN,uBAAuB,EAAEO;EAAe,CAAE,GAAGN,4BAA4B,EAAE;EACnFM,eAAe,CAACD,KAAK,CAAC;EAEtB,OAAOR,oBAAoB,CAACQ,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFJ,KAAK,CAACM,WAAW,GAAG,OAAO"}

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

@@ -1,4 +1,4 @@
-define(["require", "exports", "react", "./renderImage", "./useImage", "./useImageStyles"], function (require, exports, React, renderImage_1, useImage_1, useImageStyles_1) {
+define(["require", "exports", "react", "./renderImage", "./useImage", "./useImageStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, renderImage_1, useImage_1, useImageStyles_1, react_shared_contexts_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Image = void 0;
@@ -8,6 +8,8 @@ define(["require", "exports", "react", "./renderImage", "./useImage", "./useImag
     exports.Image = React.forwardRef(function (props, ref) {
         var state = useImage_1.useImage_unstable(props, ref);
         useImageStyles_1.useImageStyles_unstable(state);
+        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useImageStyles_unstable;
+        useCustomStyles(state);
         return renderImage_1.renderImage_unstable(state);
     });
     exports.Image.displayName = 'Image';

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

@@ -1 +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"]}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-image/src/components/Image/Image.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,KAAK,GAAoC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAChF,IAAM,KAAK,GAAG,4BAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE5C,wCAAuB,CAAC,KAAK,CAAC,CAAC;QAEvB,IAAyB,eAAe,GAAK,oDAA4B,EAAE,wBAAnC,CAAoC;QACpF,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,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';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  useImageStyles_unstable(state);\n\n  const { useImageStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderImage_unstable(state);\n});\n\nImage.displayName = 'Image';\n"]}

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

@@ -8,12 +8,17 @@ const React = /*#__PURE__*/require("react");
 const renderImage_1 = /*#__PURE__*/require("./renderImage");
 const useImage_1 = /*#__PURE__*/require("./useImage");
 const useImageStyles_1 = /*#__PURE__*/require("./useImageStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 /**
  * The Image component ensures the consistent styling of images.
  */
 exports.Image = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useImage_1.useImage_unstable(props, ref);
   useImageStyles_1.useImageStyles_unstable(state);
+  const {
+    useImageStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return renderImage_1.renderImage_unstable(state);
 });
 exports.Image.displayName = 'Image';

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","renderImage_1","useImage_1","useImageStyles_1","exports","Image","forwardRef","props","ref","state","useImage_unstable","useImageStyles_unstable","renderImage_unstable","displayName"],"sources":["../src/packages/react-components/react-image/src/components/Image/Image.tsx"],"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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,UAAA,gBAAAF,OAAA;AACA,MAAAG,gBAAA,gBAAAH,OAAA;AAIA;;;AAGaI,OAAA,CAAAC,KAAK,gBAAoCN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpF,MAAMC,KAAK,GAAGP,UAAA,CAAAQ,iBAAiB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAC3CL,gBAAA,CAAAQ,uBAAuB,CAACF,KAAK,CAAC;EAE9B,OAAOR,aAAA,CAAAW,oBAAoB,CAACH,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFL,OAAA,CAAAC,KAAK,CAACQ,WAAW,GAAG,OAAO"}
+{"version":3,"names":["React","require","renderImage_1","useImage_1","useImageStyles_1","react_shared_contexts_1","exports","Image","forwardRef","props","ref","state","useImage_unstable","useImageStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderImage_unstable","displayName"],"sources":["../src/packages/react-components/react-image/src/components/Image/Image.tsx"],"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';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  useImageStyles_unstable(state);\n\n  const { useImageStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderImage_unstable(state);\n});\n\nImage.displayName = 'Image';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,UAAA,gBAAAF,OAAA;AACA,MAAAG,gBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,KAAK,gBAAoCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpF,MAAMC,KAAK,GAAGR,UAAA,CAAAS,iBAAiB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE3CN,gBAAA,CAAAS,uBAAuB,CAACF,KAAK,CAAC;EAE9B,MAAM;IAAEE,uBAAuB,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACnFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOT,aAAA,CAAAc,oBAAoB,CAACL,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFL,OAAA,CAAAC,KAAK,CAACU,WAAW,GAAG,OAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-image",
-  "version": "9.0.26",
+  "version": "9.1.0",
   "description": "Fluent UI React Image component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,8 +33,9 @@
   },
   "dependencies": {
     "@griffel/react": "^1.5.2",
+    "@fluentui/react-shared-contexts": "^9.3.1",
     "@fluentui/react-utilities": "^9.7.0",
-    "@fluentui/react-theme": "^9.1.5",
+    "@fluentui/react-theme": "^9.1.6",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {