@fluentui/react-image 9.1.7 → 9.1.9

package/CHANGELOG.json

@@ -2,7 +2,101 @@
   "name": "@fluentui/react-image",
   "entries": [
     {
-      "date": "Mon, 24 Apr 2023 08:09:11 GMT",
+      "date": "Thu, 18 May 2023 00:35:38 GMT",
+      "tag": "@fluentui/react-image_v9.1.9",
+      "version": "9.1.9",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-image",
+            "commit": "06cd515eda59a3078bfe32f9cc7c1f281cd20208",
+            "comment": "chore: add test-ssr script to v9 packages"
+          }
+        ],
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-utilities to v9.9.0",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 May 2023 20:27:19 GMT",
+      "tag": "@fluentui/react-image_v9.1.8",
+      "version": "9.1.8",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-image",
+            "commit": "c28decb23d191a0daaaf6d5d1832429715102129",
+            "comment": "chore: exclude .swcrc from being published"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-image",
+            "commit": "5174214ff482520b8d9fcc6894ed768604112ad5",
+            "comment": "chore: move makeStyles() calls to .styles.ts files"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-image",
+            "commit": "ee977e20d359922798949a4f18af7a036ca36ca3",
+            "comment": "Update to use single hook selector"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.4.0",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-utilities to v9.8.1",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-theme to v9.1.8",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          }
+        ],
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-image",
+            "commit": "dbda7fa69e3000aaf8dd4a061e254ebd35198b8e",
+            "comment": "fix: update npmignore files to fix npm8/node16 regression how npm publish works"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 24 Apr 2023 08:12:36 GMT",
       "tag": "@fluentui/react-image_v9.1.7",
       "version": "9.1.7",
       "comments": {
@@ -17,7 +111,7 @@
             "author": "beachball",
             "package": "@fluentui/react-image",
             "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2",
-            "commit": "948b5bf9871303d1742f1b9a17a3bd4006ce2fea"
+            "commit": "505433ac64f144c9cca456097413d6af4582e5ee"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,18 +1,44 @@
 # Change Log - @fluentui/react-image
 
-This log was last generated on Mon, 24 Apr 2023 08:09:11 GMT and should not be manually modified.
+This log was last generated on Thu, 18 May 2023 00:35:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.9)
+
+Thu, 18 May 2023 00:35:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.8..@fluentui/react-image_v9.1.9)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.9.0 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+
+## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.8)
+
+Fri, 12 May 2023 20:27:19 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.7..@fluentui/react-image_v9.1.8)
+
+### Patches
+
+- chore: exclude .swcrc from being published ([PR #27740](https://github.com/microsoft/fluentui/pull/27740) by olfedias@microsoft.com)
+- chore: move makeStyles() calls to .styles.ts files ([PR #27707](https://github.com/microsoft/fluentui/pull/27707) by olfedias@microsoft.com)
+- Update to use single hook selector ([PR #27491](https://github.com/microsoft/fluentui/pull/27491) by gcox@microsoft.com)
+- Bump @fluentui/react-shared-contexts to v9.4.0 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-utilities to v9.8.1 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-theme to v9.1.8 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+
 ## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.7)
 
-Mon, 24 Apr 2023 08:09:11 GMT 
+Mon, 24 Apr 2023 08:12:36 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.6..@fluentui/react-image_v9.1.7)
 
 ### Patches
 
 - chore: adopt custom JSX pragma ([PR #27613](https://github.com/microsoft/fluentui/pull/27613) by bernardo.sunderhus@gmail.com)
-- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([PR #27632](https://github.com/microsoft/fluentui/pull/27632) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([commit](https://github.com/microsoft/fluentui/commit/505433ac64f144c9cca456097413d6af4582e5ee) by beachball)
 
 ## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.6)
 

package/lib/components/Image/Image.js

@@ -1,18 +1,15 @@
 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';
+import { useImageStyles_unstable } from './useImageStyles.styles';
+import { useCustomStyleHook_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);
+  useCustomStyleHook_unstable('useImageStyles_unstable')(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","useCustomStyleHooks_unstable","Image","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../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,YAAYA,KAAA,MAAW;AACvB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,uBAAuB,QAAQ;AAGxC,SAASC,4BAA4B,QAAQ;AAE7C;;;AAGA,OAAO,MAAMC,KAAA,gBAAyCL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrF,MAAMC,KAAA,GAAQP,iBAAA,CAAkBK,KAAA,EAAOC,GAAA;EAEvCL,uBAAA,CAAwBM,KAAA;EAExB,MAAM;IAAEN,uBAAA,EAAyBO;EAAe,CAAE,GAAGN,4BAAA;EACrDM,eAAA,CAAgBD,KAAA;EAEhB,OAAOR,oBAAA,CAAqBQ,KAAA;AAC9B;AAEAJ,KAAA,CAAMM,WAAW,GAAG"}
+{"version":3,"names":["React","renderImage_unstable","useImage_unstable","useImageStyles_unstable","useCustomStyleHook_unstable","Image","forwardRef","props","ref","state","displayName"],"sources":["../../../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.styles';\nimport type { ImageProps } from './Image.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_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  useCustomStyleHook_unstable('useImageStyles_unstable')(state);\n\n  return renderImage_unstable(state);\n});\n\nImage.displayName = 'Image';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,uBAAuB,QAAQ;AAGxC,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,KAAA,gBAAyCL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrF,MAAMC,KAAA,GAAQP,iBAAA,CAAkBK,KAAA,EAAOC,GAAA;EAEvCL,uBAAA,CAAwBM,KAAA;EAExBL,2BAAA,CAA4B,2BAA2BK,KAAA;EAEvD,OAAOR,oBAAA,CAAqBQ,KAAA;AAC9B;AAEAJ,KAAA,CAAMK,WAAW,GAAG"}

package/lib/components/Image/index.js

@@ -2,5 +2,5 @@ export * from './Image.types';
 export * from './Image';
 export * from './renderImage';
 export * from './useImage';
-export * from './useImageStyles';
+export * from './useImageStyles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Image/index.ts"],"sourcesContent":["export * from './Image.types';\nexport * from './Image';\nexport * from './renderImage';\nexport * from './useImage';\nexport * from './useImageStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"names":[],"sources":["../../../src/components/Image/index.ts"],"sourcesContent":["export * from './Image.types';\nexport * from './Image';\nexport * from './renderImage';\nexport * from './useImage';\nexport * from './useImageStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/Image/{useImageStyles.js → useImageStyles.styles.js}

@@ -77,4 +77,4 @@ export const useImageStyles_unstable = state => {
   const styles = useStyles();
   state.root.className = mergeClasses(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);
 };
-//# sourceMappingURL=useImageStyles.js.map
+//# sourceMappingURL=useImageStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["shorthands","mergeClasses","__styles","tokens","imageClassNames","root","useStyles","base","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B7ck84d","mc9l5x","bordered","icvyot","vrafjx","oivjwe","wvpqe5","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","circular","rounded","square","shadow","E5pizo","center","st4lth","Ermj5k","Bqenvij","a9b677","contain","cover","none","block","d","useImageStyles_unstable","state","styles","className","fit","shape"],"sources":["../../../src/components/Image/useImageStyles.styles.ts"],"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"],"mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAAC,QAAA,QAAoB;AACrD,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,eAAA,GAA8C;EACzDC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYJ,QAAA;EAAAK,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAf,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAa,OAAA;IAAAhB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAc,MAAA;EAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAJ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;EAAAE,KAAA;IAAAL,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAG,IAAA;IAAAN,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAI,KAAA;IAAAJ,MAAA;EAAA;AAAA;EAAAK,CAAA;AAAA,EAiElB;AAEA,OAAO,MAAMC,uBAAA,GAA2BC,KAAA,IAAsB;EAC5D,MAAMC,MAAA,GAAStC,SAAA;EACfqC,KAAA,CAAMtC,IAAI,CAACwC,SAAS,GAAG5C,YAAA,CACrBG,eAAA,CAAgBC,IAAI,EACpBuC,MAAA,CAAOrC,IAAI,EACXoC,KAAA,CAAMH,KAAK,IAAII,MAAA,CAAOJ,KAAK,EAC3BG,KAAA,CAAMzB,QAAQ,IAAI0B,MAAA,CAAO1B,QAAQ,EACjCyB,KAAA,CAAMb,MAAM,IAAIc,MAAA,CAAOd,MAAM,EAC7Bc,MAAM,CAACD,KAAA,CAAMG,GAAG,CAAC,EACjBF,MAAM,CAACD,KAAA,CAAMI,KAAK,CAAC,EACnBJ,KAAA,CAAMtC,IAAI,CAACwC,SAAS;AAExB"}

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

@@ -10,13 +10,12 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _renderImage = require("./renderImage");
 const _useImage = require("./useImage");
-const _useImageStyles = require("./useImageStyles");
+const _useImageStylesStyles = require("./useImageStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const Image = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useImage.useImage_unstable)(props, ref);
-    (0, _useImageStyles.useImageStyles_unstable)(state);
-    const { useImageStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useImageStylesStyles.useImageStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useImageStyles_unstable')(state);
     return (0, _renderImage.renderImage_unstable)(state);
 });
 Image.displayName = 'Image'; //# sourceMappingURL=Image.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Image/Image.js"],"sourcesContent":["import * as React from 'react';\nimport { renderImage_unstable } from './renderImage';\nimport { useImage_unstable } from './useImage';\nimport { useImageStyles_unstable } from './useImageStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The Image component ensures the consistent styling of images.\n */\nexport const Image = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useImage_unstable(props, ref);\n  useImageStyles_unstable(state);\n  const {\n    useImageStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderImage_unstable(state);\n});\nImage.displayName = 'Image';\n//# sourceMappingURL=Image.js.map"],"names":["Image","React","forwardRef","props","ref","state","useImage_unstable","useImageStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderImage_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;6BACc;0BACH;gCACM;qCACK;AAItC,MAAMA,QAAQ,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACjE,MAAMC,QAAQC,IAAAA,2BAAiB,EAACH,OAAOC;IACvCG,IAAAA,uCAAuB,EAACF;IACxB,MAAM,EACJE,yBAAyBC,gBAAe,EACzC,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,iCAAoB,EAACL;AAC9B;AACAL,MAAMW,WAAW,GAAG,SACpB,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/Image/Image.js"],"sourcesContent":["import * as React from 'react';\nimport { renderImage_unstable } from './renderImage';\nimport { useImage_unstable } from './useImage';\nimport { useImageStyles_unstable } from './useImageStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The Image component ensures the consistent styling of images.\n */\nexport const Image = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useImage_unstable(props, ref);\n  useImageStyles_unstable(state);\n  useCustomStyleHook_unstable('useImageStyles_unstable')(state);\n  return renderImage_unstable(state);\n});\nImage.displayName = 'Image';\n//# sourceMappingURL=Image.js.map"],"names":["Image","React","forwardRef","props","ref","state","useImage_unstable","useImageStyles_unstable","useCustomStyleHook_unstable","renderImage_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;6BACc;0BACH;sCACM;qCACI;AAIrC,MAAMA,QAAQ,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACjE,MAAMC,QAAQC,IAAAA,2BAAiB,EAACH,OAAOC;IACvCG,IAAAA,6CAAuB,EAACF;IACxBG,IAAAA,gDAA2B,EAAC,2BAA2BH;IACvD,OAAOI,IAAAA,iCAAoB,EAACJ;AAC9B;AACAL,MAAMU,WAAW,GAAG,SACpB,iCAAiC"}

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

@@ -7,7 +7,7 @@ _exportStar(require("./Image.types"), exports);
 _exportStar(require("./Image"), exports);
 _exportStar(require("./renderImage"), exports);
 _exportStar(require("./useImage"), exports);
-_exportStar(require("./useImageStyles"), exports);
+_exportStar(require("./useImageStyles.styles"), exports);
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Image/index.js"],"sourcesContent":["export * from './Image.types';\nexport * from './Image';\nexport * from './renderImage';\nexport * from './useImage';\nexport * from './useImageStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/Image/index.js"],"sourcesContent":["export * from './Image.types';\nexport * from './Image';\nexport * from './renderImage';\nexport * from './useImage';\nexport * from './useImageStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/Image/{useImageStyles.js → useImageStyles.styles.js}

@@ -182,6 +182,6 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
 const useImageStyles_unstable = (state)=>{
     const styles = useStyles();
     state.root.className = (0, _react.mergeClasses)(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);
-}; //# sourceMappingURL=useImageStyles.js.map
+}; //# sourceMappingURL=useImageStyles.styles.js.map
 
-//# sourceMappingURL=useImageStyles.js.map
+//# sourceMappingURL=useImageStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Image/useImageStyles.styles.js"],"sourcesContent":["import { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const imageClassNames = {\n  root: 'fui-Image'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  base: {\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1aperda\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n    Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n    Beyfa6y: [\"fyowgf4\", \"fzi6hpg\"],\n    B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n    Btl43ni: [\"f13av6d4\", \"f3fg2lr\"],\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f14t3ns0\"\n  },\n  bordered: {\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    B4j52fo: \"f192inf7\",\n    Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n    Bn0qgzm: \"f1vxd6vx\",\n    ibv6hh: [\"f1ojsxk5\", \"f5tn483\"]\n  },\n  circular: {\n    Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n    Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n    B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n    Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"]\n  },\n  rounded: {\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n  },\n  square: {},\n  shadow: {\n    E5pizo: \"f1whvlc6\"\n  },\n  center: {\n    st4lth: \"f1plgu50\",\n    Ermj5k: \"f14xojzb\",\n    Bqenvij: \"f1l02sjl\",\n    a9b677: \"fly5x3f\"\n  },\n  contain: {\n    st4lth: \"f1kle4es\",\n    Ermj5k: \"f14xojzb\",\n    Bqenvij: \"f1l02sjl\",\n    a9b677: \"fly5x3f\"\n  },\n  \"default\": {},\n  cover: {\n    st4lth: \"f1ps3kmd\",\n    Ermj5k: \"f14xojzb\",\n    Bqenvij: \"f1l02sjl\",\n    a9b677: \"fly5x3f\"\n  },\n  none: {\n    st4lth: \"f1plgu50\",\n    Ermj5k: [\"f13uwng7\", \"fjmyj0p\"],\n    Bqenvij: \"f1l02sjl\",\n    a9b677: \"fly5x3f\"\n  },\n  block: {\n    a9b677: \"fly5x3f\"\n  }\n}, {\n  d: [\".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f14t3ns0{display:inline-block;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1whvlc6{box-shadow:var(--shadow4);}\", \".f1plgu50{object-fit:none;}\", \".f14xojzb{object-position:center;}\", \".f1l02sjl{height:100%;}\", \".fly5x3f{width:100%;}\", \".f1kle4es{object-fit:contain;}\", \".f1ps3kmd{object-fit:cover;}\", \".f13uwng7{object-position:left top;}\", \".fjmyj0p{object-position:right top;}\"]\n});\nexport const useImageStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(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);\n};\n//# sourceMappingURL=useImageStyles.styles.js.map"],"names":["imageClassNames","useImageStyles_unstable","root","useStyles","__styles","base","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B7ck84d","mc9l5x","bordered","icvyot","vrafjx","oivjwe","wvpqe5","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","circular","rounded","square","shadow","E5pizo","center","st4lth","Ermj5k","Bqenvij","a9b677","contain","cover","none","block","d","state","styles","className","mergeClasses","fit","shape"],"mappings":";;;;;;;;;;;IAEaA,eAAe,MAAfA;IAyEAC,uBAAuB,MAAvBA;;uBA3EsC;AAE5C,MAAMD,kBAAkB;IAC7BE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;IACV;IACAC,UAAU;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,UAAU;QACRf,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;IACnC;IACAa,SAAS;QACPhB,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;IAClC;IACAc,QAAQ,CAAC;IACTC,QAAQ;QACNC,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,SAAS;QACPJ,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACA,WAAW,CAAC;IACZE,OAAO;QACLL,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAG,MAAM;QACJN,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;IACV;IACAI,OAAO;QACLJ,QAAQ;IACV;AACF,GAAG;IACDK,GAAG;QAAC;QAA0D;QAA4D;QAA4D;QAA8D;QAAiE;QAAgE;QAA8D;QAA8D;QAAqC;QAAoC;QAAqC;QAAuC;QAAsC;QAAwC;QAAuD;QAAwD;QAAwD;QAA0D;QAAqE;QAAqE;QAAmE;QAAkE;QAAoE;QAAmE;QAAiE;QAA+D;QAAyC;QAA+B;QAAsC;QAA2B;QAAyB;QAAkC;QAAgC;QAAwC;KAAuC;AAChwD;AACO,MAAMtC,0BAA0BuC,CAAAA,QAAS;IAC9C,MAAMC,SAAStC;IACfqC,MAAMtC,IAAI,CAACwC,SAAS,GAAGC,IAAAA,mBAAY,EAAC3C,gBAAgBE,IAAI,EAAEuC,OAAOpC,IAAI,EAAEmC,MAAMF,KAAK,IAAIG,OAAOH,KAAK,EAAEE,MAAMxB,QAAQ,IAAIyB,OAAOzB,QAAQ,EAAEwB,MAAMZ,MAAM,IAAIa,OAAOb,MAAM,EAAEa,MAAM,CAACD,MAAMI,GAAG,CAAC,EAAEH,MAAM,CAACD,MAAMK,KAAK,CAAC,EAAEL,MAAMtC,IAAI,CAACwC,SAAS;AACpO,GACA,iDAAiD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-image",
-  "version": "9.1.7",
+  "version": "9.1.9",
   "description": "Fluent UI React Image component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,21 +22,22 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "just-scripts generate-api"
+    "generate-api": "just-scripts generate-api",
+    "test-ssr": "test-ssr ./stories/**/*.stories.tsx"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@griffel/react": "^1.5.2",
-    "@fluentui/react-shared-contexts": "^9.3.3",
-    "@fluentui/react-utilities": "^9.8.0",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.2",
-    "@fluentui/react-theme": "^9.1.7",
+    "@fluentui/react-shared-contexts": "^9.4.0",
+    "@fluentui/react-utilities": "^9.9.0",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.4",
+    "@fluentui/react-theme": "^9.1.8",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {

package/.swcrc

@@ -1,30 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/swcrc",
-  "exclude": [
-    "/testing",
-    "/**/*.cy.ts",
-    "/**/*.cy.tsx",
-    "/**/*.spec.ts",
-    "/**/*.spec.tsx",
-    "/**/*.test.ts",
-    "/**/*.test.tsx"
-  ],
-  "jsc": {
-    "parser": {
-      "syntax": "typescript",
-      "tsx": true,
-      "decorators": false,
-      "dynamicImport": false
-    },
-    "externalHelpers": true,
-    "transform": {
-      "react": {
-        "runtime": "classic",
-        "useSpread": true
-      }
-    },
-    "target": "es2019"
-  },
-  "minify": false,
-  "sourceMaps": true
-}

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

@@ -1 +0,0 @@
-{"version":3,"names":["shorthands","mergeClasses","__styles","tokens","imageClassNames","root","useStyles","base","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B7ck84d","mc9l5x","bordered","icvyot","vrafjx","oivjwe","wvpqe5","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","circular","rounded","square","shadow","E5pizo","center","st4lth","Ermj5k","Bqenvij","a9b677","contain","cover","none","block","d","useImageStyles_unstable","state","styles","className","fit","shape"],"sources":["../../../src/components/Image/useImageStyles.ts"],"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"],"mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAAC,QAAA,QAAoB;AACrD,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,eAAA,GAA8C;EACzDC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYJ,QAAA;EAAAK,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAf,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAa,OAAA;IAAAhB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAc,MAAA;EAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAJ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;EAAAE,KAAA;IAAAL,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAG,IAAA;IAAAN,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAI,KAAA;IAAAJ,MAAA;EAAA;AAAA;EAAAK,CAAA;AAAA,EAiElB;AAEA,OAAO,MAAMC,uBAAA,GAA2BC,KAAA,IAAsB;EAC5D,MAAMC,MAAA,GAAStC,SAAA;EACfqC,KAAA,CAAMtC,IAAI,CAACwC,SAAS,GAAG5C,YAAA,CACrBG,eAAA,CAAgBC,IAAI,EACpBuC,MAAA,CAAOrC,IAAI,EACXoC,KAAA,CAAMH,KAAK,IAAII,MAAA,CAAOJ,KAAK,EAC3BG,KAAA,CAAMzB,QAAQ,IAAI0B,MAAA,CAAO1B,QAAQ,EACjCyB,KAAA,CAAMb,MAAM,IAAIc,MAAA,CAAOd,MAAM,EAC7Bc,MAAM,CAACD,KAAA,CAAMG,GAAG,CAAC,EACjBF,MAAM,CAACD,KAAA,CAAMI,KAAK,CAAC,EACnBJ,KAAA,CAAMtC,IAAI,CAACwC,SAAS;AAExB"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/Image/useImageStyles.js"],"sourcesContent":["import { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const imageClassNames = {\n  root: 'fui-Image'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  base: {\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1aperda\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n    Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n    Beyfa6y: [\"fyowgf4\", \"fzi6hpg\"],\n    B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n    Btl43ni: [\"f13av6d4\", \"f3fg2lr\"],\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f14t3ns0\"\n  },\n  bordered: {\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    B4j52fo: \"f192inf7\",\n    Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n    Bn0qgzm: \"f1vxd6vx\",\n    ibv6hh: [\"f1ojsxk5\", \"f5tn483\"]\n  },\n  circular: {\n    Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n    Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n    B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n    Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"]\n  },\n  rounded: {\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n  },\n  square: {},\n  shadow: {\n    E5pizo: \"f1whvlc6\"\n  },\n  center: {\n    st4lth: \"f1plgu50\",\n    Ermj5k: \"f14xojzb\",\n    Bqenvij: \"f1l02sjl\",\n    a9b677: \"fly5x3f\"\n  },\n  contain: {\n    st4lth: \"f1kle4es\",\n    Ermj5k: \"f14xojzb\",\n    Bqenvij: \"f1l02sjl\",\n    a9b677: \"fly5x3f\"\n  },\n  \"default\": {},\n  cover: {\n    st4lth: \"f1ps3kmd\",\n    Ermj5k: \"f14xojzb\",\n    Bqenvij: \"f1l02sjl\",\n    a9b677: \"fly5x3f\"\n  },\n  none: {\n    st4lth: \"f1plgu50\",\n    Ermj5k: [\"f13uwng7\", \"fjmyj0p\"],\n    Bqenvij: \"f1l02sjl\",\n    a9b677: \"fly5x3f\"\n  },\n  block: {\n    a9b677: \"fly5x3f\"\n  }\n}, {\n  d: [\".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f14t3ns0{display:inline-block;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1whvlc6{box-shadow:var(--shadow4);}\", \".f1plgu50{object-fit:none;}\", \".f14xojzb{object-position:center;}\", \".f1l02sjl{height:100%;}\", \".fly5x3f{width:100%;}\", \".f1kle4es{object-fit:contain;}\", \".f1ps3kmd{object-fit:cover;}\", \".f13uwng7{object-position:left top;}\", \".fjmyj0p{object-position:right top;}\"]\n});\nexport const useImageStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(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);\n};\n//# sourceMappingURL=useImageStyles.js.map"],"names":["imageClassNames","useImageStyles_unstable","root","useStyles","__styles","base","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B7ck84d","mc9l5x","bordered","icvyot","vrafjx","oivjwe","wvpqe5","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","circular","rounded","square","shadow","E5pizo","center","st4lth","Ermj5k","Bqenvij","a9b677","contain","cover","none","block","d","state","styles","className","mergeClasses","fit","shape"],"mappings":";;;;;;;;;;;IAEaA,eAAe,MAAfA;IAyEAC,uBAAuB,MAAvBA;;uBA3EsC;AAE5C,MAAMD,kBAAkB;IAC7BE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;IACV;IACAC,UAAU;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,UAAU;QACRf,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;IACnC;IACAa,SAAS;QACPhB,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;IAClC;IACAc,QAAQ,CAAC;IACTC,QAAQ;QACNC,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,SAAS;QACPJ,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACA,WAAW,CAAC;IACZE,OAAO;QACLL,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAG,MAAM;QACJN,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;IACV;IACAI,OAAO;QACLJ,QAAQ;IACV;AACF,GAAG;IACDK,GAAG;QAAC;QAA0D;QAA4D;QAA4D;QAA8D;QAAiE;QAAgE;QAA8D;QAA8D;QAAqC;QAAoC;QAAqC;QAAuC;QAAsC;QAAwC;QAAuD;QAAwD;QAAwD;QAA0D;QAAqE;QAAqE;QAAmE;QAAkE;QAAoE;QAAmE;QAAiE;QAA+D;QAAyC;QAA+B;QAAsC;QAA2B;QAAyB;QAAkC;QAAgC;QAAwC;KAAuC;AAChwD;AACO,MAAMtC,0BAA0BuC,CAAAA,QAAS;IAC9C,MAAMC,SAAStC;IACfqC,MAAMtC,IAAI,CAACwC,SAAS,GAAGC,IAAAA,mBAAY,EAAC3C,gBAAgBE,IAAI,EAAEuC,OAAOpC,IAAI,EAAEmC,MAAMF,KAAK,IAAIG,OAAOH,KAAK,EAAEE,MAAMxB,QAAQ,IAAIyB,OAAOzB,QAAQ,EAAEwB,MAAMZ,MAAM,IAAIa,OAAOb,MAAM,EAAEa,MAAM,CAACD,MAAMI,GAAG,CAAC,EAAEH,MAAM,CAACD,MAAMK,KAAK,CAAC,EAAEL,MAAMtC,IAAI,CAACwC,SAAS;AACpO,GACA,0CAA0C"}