@fluentui/react-image 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.11

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

@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Image = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var renderImage_1 = /*#__PURE__*/require("./renderImage");
+const renderImage_1 = /*#__PURE__*/require("./renderImage");
 
-var useImage_1 = /*#__PURE__*/require("./useImage");
+const useImage_1 = /*#__PURE__*/require("./useImage");
 
-var useImageStyles_1 = /*#__PURE__*/require("./useImageStyles");
+const useImageStyles_1 = /*#__PURE__*/require("./useImageStyles");
 /**
  * The Image component ensures the consistent styling of images.
  */
 
 
-exports.Image = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useImage_1.useImage(props, ref);
-  useImageStyles_1.useImageStyles(state);
-  return renderImage_1.renderImage(state);
+exports.Image = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const 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-commonjs/components/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,IAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChF,MAAM,KAAK,GAAG,UAAA,CAAA,QAAA,CAAS,KAAT,EAAgB,GAAhB,CAAd;AACA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AAEA,SAAO,aAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourceRoot":""}
+{"version":3,"sources":["components/Image/Image.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,UAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AACA,EAAA,gBAAA,CAAA,uBAAA,CAAwB,KAAxB;AAEA,SAAO,aAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./Image.types"), exports);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["components/Image/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Image.types';\nexport * from './Image';\nexport * from './renderImage';\nexport * from './useImage';\nexport * from './useImageStyles';\n"],"sourceRoot":"../src/"}

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

@@ -3,28 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderImage = void 0;
+exports.renderImage_unstable = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-var useImage_1 = /*#__PURE__*/require("./useImage");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Define the render function.
  * Given the state of an image, renders it.
  */
 
 
-var renderImage = function (state) {
-  var _a = react_utilities_1.getSlots(state, useImage_1.imageShorthandProps),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
+const renderImage_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, { ...slotProps.root
+  });
 };
 
-exports.renderImage = renderImage;
+exports.renderImage_unstable = renderImage_unstable;
 //# sourceMappingURL=renderImage.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/renderImage.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;;AAGG;;;AACI,IAAM,WAAW,GAAG,UAAC,KAAD,EAAkB;AACrC,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,EAA4B,UAAA,CAAA,mBAA5B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX","sourceRoot":""}
+{"version":3,"sources":["components/Image/renderImage.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;AAGG;;;AACI,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","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"],"sourceRoot":"../src/"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAA+C,CAAC,MAAD,CAA/C;AAEb;;AAEG;;AACI,IAAM,QAAQ,GAAG,UAAC,KAAD,EAAoB,GAApB,EAAoD;AAClE,MAAA,QAAQ,GAA2C,KAAK,CAAhD,QAAR;AAAA,MAAU,GAAG,GAAsC,KAAK,CAA3C,GAAb;AAAA,MAAe,KAAK,GAA+B,KAAK,CAApC,KAApB;AAAA,MAAsB,EAAA,GAA6B,KAAK,CAAlB,KAAtC;AAAA,MAAsB,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EAAtC;AAAA,MAAwC,MAAM,GAAK,KAAK,CAAV,MAA9C;AAER,MAAM,KAAK,GAAe;AACxB,IAAA,QAAQ,EAAA,QADgB;AAExB,IAAA,GAAG,EAAA,GAFqB;AAGxB,IAAA,KAAK,EAAA,KAHmB;AAIxB,IAAA,KAAK,EAAA,KAJmB;AAKxB,IAAA,MAAM,EAAA,MALkB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA;AAD4B,KAAA,EAE5B,KAF4B,CAA3B;AATkB,GAA1B;AAeA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR","sourceRoot":""}
+{"version":3,"sources":["components/Image/useImage.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAAoE;AACnG,QAAM;AAAE,IAAA,QAAQ,GAAG,KAAb;AAAoB,IAAA,GAAG,GAAG,SAA1B;AAAqC,IAAA,KAAK,GAAG,KAA7C;AAAoD,IAAA,KAAK,GAAG,QAA5D;AAAsE,IAAA,MAAM,GAAG;AAA/E,MAAyF,KAA/F;AAEA,QAAM,KAAK,GAAe;AACxB,IAAA,QADwB;AAExB,IAAA,GAFwB;AAGxB,IAAA,KAHwB;AAIxB,IAAA,KAJwB;AAKxB,IAAA,MALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B;AATkB,GAA1B;AAeA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","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"],"sourceRoot":"../src/"}

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

@@ -3,21 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useImageStyles = void 0;
+exports.useImageStyles_unstable = exports.imageClassNames = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_1 = /*#__PURE__*/require("@griffel/react");
 
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
-  "root": {
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+
+exports.imageClassNames = {
+  root: 'fui-Image'
+};
+
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "base": {
     "g2u3we": "fj3muxo",
     "h3c5rm": ["f1akhkt", "f1lxtadh"],
     "B9xav0g": "f1aperda",
     "zhjwy3": ["f1lxtadh", "f1akhkt"],
-    "Dimara": "f1fabniw",
+    "Bbmb7ep": ["fzi6hpg", "fyowgf4"],
+    "Beyfa6y": ["fyowgf4", "fzi6hpg"],
+    "B7oj6ja": ["f3fg2lr", "f13av6d4"],
+    "Btl43ni": ["f13av6d4", "f3fg2lr"],
     "B7ck84d": "f1ewtqcl",
     "mc9l5x": "f14t3ns0"
   },
-  "rootBordered": {
+  "bordered": {
     "icvyot": "fzkkow9",
     "vrafjx": ["fcdblym", "fjik90z"],
     "oivjwe": "fg706s2",
@@ -27,50 +36,58 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
     "Bn0qgzm": "f1vxd6vx",
     "ibv6hh": ["f1ojsxk5", "f5tn483"]
   },
-  "rootCircular": {
-    "Dimara": "f44lkw9"
+  "circular": {
+    "Bbmb7ep": ["f8fbkgy", "f1nfllo7"],
+    "Beyfa6y": ["f1nfllo7", "f8fbkgy"],
+    "B7oj6ja": ["f1djnp8u", "f1s8kh49"],
+    "Btl43ni": ["f1s8kh49", "f1djnp8u"]
   },
-  "rootRounded": {
-    "Dimara": "ft85np5"
+  "rounded": {
+    "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
+    "Beyfa6y": ["f16jpd5f", "f1aa9q02"],
+    "B7oj6ja": ["f1jar5jt", "fyu767a"],
+    "Btl43ni": ["fyu767a", "f1jar5jt"]
   },
-  "rootShadow": {
-    "E5pizo": ["f1whvlc6", "fzb35q0"]
+  "square": {},
+  "shadow": {
+    "E5pizo": "f1whvlc6"
   },
-  "rootFitNone": {
+  "center": {
     "st4lth": "f1plgu50",
-    "Ermj5k": ["f13uwng7", "fjmyj0p"],
+    "Ermj5k": "f14xojzb",
     "Bqenvij": "f1l02sjl",
     "a9b677": "fly5x3f"
   },
-  "rootFitCenter": {
-    "st4lth": "f1plgu50",
+  "contain": {
+    "st4lth": "f1kle4es",
     "Ermj5k": "f14xojzb",
     "Bqenvij": "f1l02sjl",
     "a9b677": "fly5x3f"
   },
-  "rootFitCover": {
+  "default": {},
+  "cover": {
     "st4lth": "f1ps3kmd",
     "Ermj5k": "f14xojzb",
     "Bqenvij": "f1l02sjl",
     "a9b677": "fly5x3f"
   },
-  "rootFitContain": {
-    "st4lth": "f1kle4es",
-    "Ermj5k": "f14xojzb",
+  "none": {
+    "st4lth": "f1plgu50",
+    "Ermj5k": ["f13uwng7", "fjmyj0p"],
     "Bqenvij": "f1l02sjl",
     "a9b677": "fly5x3f"
   },
-  "rootBlock": {
+  "block": {
     "a9b677": "fly5x3f"
   }
 }, {
-  "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);}", ".f1fabniw{border-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);}", ".f44lkw9{border-radius:var(--borderRadiusCircular);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".fzb35q0{box-shadow:var(--shadow-4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
+  "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;}"]
 });
 
-var useImageStyles = function (state) {
-  var styles = useStyles();
-  state.root.className = react_make_styles_1.mergeClasses(styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.block && styles.rootBlock, state.root.className);
+const useImageStyles_unstable = state => {
+  const 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 = useImageStyles;
+exports.useImageStyles_unstable = useImageStyles_unstable;
 //# sourceMappingURL=useImageStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDO,IAAM,cAAc,GAAG,UAAC,KAAD,EAAkB;AAC9C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAFJ,EAGrB,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAHhB,EAIrB,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WAJf,EAKrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UALF,EAMrB,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WANV,EAOrB,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aAPZ,EAQrB,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YARX,EASrB,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cATb,EAUrB,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAVD,EAWrB,KAAK,CAAC,IAAN,CAAW,SAXU,CAAvB;AAaD,CAfM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
+{"version":3,"sources":["components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAIa,OAAA,CAAA,eAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;;AAIb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAmEO,MAAM,uBAAuB,GAAI,KAAD,IAAsB;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,eAAA,CAAgB,IADK,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,KAHD,EAIrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAJJ,EAKrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MALF,EAMrB,MAAM,CAAC,KAAK,CAAC,GAAP,CANe,EAOrB,MAAM,CAAC,KAAK,CAAC,KAAP,CAPe,EAQrB,KAAK,CAAC,IAAN,CAAW,SARU,CAAvB;AAUD,CAZM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","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"],"sourceRoot":"../src/"}

package/lib-commonjs/index.js

@@ -3,8 +3,38 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.useImage_unstable = exports.useImageStyles_unstable = exports.renderImage_unstable = exports.imageClassNames = exports.Image = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+var Image_1 = /*#__PURE__*/require("./Image");
 
-tslib_1.__exportStar(require("./Image"), exports);
+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-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,OAAA,gBAAA,OAAA,CAAA,SAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,OAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,KAAA;AAAK;AAAL,CAAA;AAAO,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,eAAA;AAAe;AAAf,CAAA;AAAiB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,oBAAA;AAAoB;AAApB,CAAA;AAAsB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,uBAAA;AAAuB;AAAvB,CAAA;AAAyB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,iBAAA;AAAiB;AAAjB,CAAA","sourcesContent":["export { Image, imageClassNames, renderImage_unstable, useImageStyles_unstable, useImage_unstable } from './Image';\nexport type { ImageProps, ImageSlots, ImageState } from './Image';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-image",
-  "version": "9.0.0-nightly.f81b28ceb3.1",
+  "version": "9.0.0-rc.11",
   "description": "Fluent UI React Image component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -19,33 +19,22 @@
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "start": "yarn storybook",
-    "test": "jest",
+    "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-image/src && yarn docs",
-    "storybook": "start-storybook"
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-image/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
+    "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
-    "@fluentui/babel-make-styles": "9.0.0-nightly.f81b28ceb3.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/jest-serializer-make-styles": "9.0.0-nightly.f81b28ceb3.1",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-make-styles": "9.0.0-nightly.f81b28ceb3.1",
-    "@fluentui/scripts": "^1.0.0",
-    "@types/enzyme": "3.10.3",
-    "@types/enzyme-adapter-react-16": "1.0.3",
-    "@types/object-fit-images": "^3.2.0",
-    "@types/react": "16.9.42",
-    "@types/react-dom": "16.9.10",
-    "@types/react-test-renderer": "^16.0.0",
-    "enzyme": "~3.10.0",
-    "enzyme-adapter-react-16": "^1.15.0",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
-    "react-test-renderer": "^16.3.0"
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.8",
+    "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/react-make-styles": "9.0.0-nightly.f81b28ceb3.1",
-    "@fluentui/react-utilities": "9.0.0-nightly.f81b28ceb3.1",
+    "@griffel/react": "1.1.0",
+    "@fluentui/react-utilities": "9.0.0-rc.10",
+    "@fluentui/react-theme": "9.0.0-rc.9",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
@@ -55,11 +44,17 @@
     "react-dom": ">=16.8.0 <18.0.0"
   },
   "beachball": {
-    "tag": "beta",
     "disallowedChangeTypes": [
       "major",
       "minor",
       "patch"
     ]
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    }
   }
 }

package/lib/Image.d.ts

@@ -1 +0,0 @@
-export * from './components/Image/index';

package/lib/common/isConformant.d.ts

@@ -1,4 +0,0 @@
-import type { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
-    componentPath?: string;
-}): void;

package/lib/common/isConformant.js

@@ -1,13 +0,0 @@
-import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
-import makeStylesTests from '@fluentui/react-conformance-make-styles';
-export function isConformant(testInfo) {
-  var defaultOptions = {
-    asPropHandlesRef: true,
-    componentPath: module.parent.filename.replace('.test', ''),
-    disabledTests: ['has-docblock'],
-    extraTests: makeStylesTests,
-    skipAsPropTests: true
-  };
-  baseIsConformant(defaultOptions, testInfo);
-}
-//# sourceMappingURL=isConformant.js.map

package/lib/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,eAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}

package/lib/components/Image/Image.d.ts

@@ -1,6 +0,0 @@
-import type { ImageProps } from './Image.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * The Image component ensures the consistent styling of images.
- */
-export declare const Image: ForwardRefComponent<ImageProps>;

package/lib/components/Image/Image.types.d.ts

@@ -1,29 +0,0 @@
-import type { ComponentState, ComponentProps, IntrinsicShorthandProps } from '@fluentui/react-utilities';
-export declare type ImageSlots = {
-    root: IntrinsicShorthandProps<'img'>;
-};
-export declare type ImageCommons = {
-    /**
-     * An image can appear with rectangular border.
-     */
-    bordered?: boolean;
-    /**
-     * An image can set how it should be resized to fit its container.
-     */
-    fit?: 'none' | 'center' | 'contain' | 'cover';
-    /**
-     * An image can take up the width of its container.
-     */
-    block?: boolean;
-    /**
-     * An image can appear square, circular, or rounded.
-     * @defaultvalue square
-     */
-    shape?: 'square' | 'circular' | 'rounded';
-    /**
-     * An image can appear elevated with shadow.
-     */
-    shadow?: boolean;
-};
-export declare type ImageProps = ComponentProps<ImageSlots> & Partial<ImageCommons>;
-export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;

package/lib/components/Image/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Image.types';
-export * from './Image';
-export * from './renderImage';
-export * from './useImage';
-export * from './useImageStyles';

package/lib/components/Image/renderImage.d.ts

@@ -1,6 +0,0 @@
-import { ImageState } from './Image.types';
-/**
- * Define the render function.
- * Given the state of an image, renders it.
- */
-export declare const renderImage: (state: ImageState) => JSX.Element;

package/lib/components/Image/useImage.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import type { ImageProps, ImageSlots, ImageState } from './Image.types';
-export declare const imageShorthandProps: Array<keyof ImageSlots>;
-/**
- * Given user props, returns state and render function for an Image.
- */
-export declare const useImage: (props: ImageProps, ref: React.Ref<HTMLImageElement>) => ImageState;

package/lib/components/Image/useImageStyles.d.ts

@@ -1,2 +0,0 @@
-import type { ImageState } from './Image.types';
-export declare const useImageStyles: (state: ImageState) => void;

package/lib/index.d.ts

@@ -1 +0,0 @@
-export * from './Image';

package/lib-commonjs/Image.d.ts

@@ -1 +0,0 @@
-export * from './components/Image/index';

package/lib-commonjs/common/isConformant.d.ts

@@ -1,4 +0,0 @@
-import type { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
-    componentPath?: string;
-}): void;

package/lib-commonjs/common/isConformant.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isConformant = void 0;
-
-var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
-
-var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
-
-function isConformant(testInfo) {
-  var defaultOptions = {
-    asPropHandlesRef: true,
-    componentPath: module.parent.filename.replace('.test', ''),
-    disabledTests: ['has-docblock'],
-    extraTests: react_conformance_make_styles_1.default,
-    skipAsPropTests: true
-  };
-  react_conformance_1.isConformant(defaultOptions, testInfo);
-}
-
-exports.isConformant = isConformant;
-//# sourceMappingURL=isConformant.js.map

package/lib-commonjs/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}

package/lib-commonjs/components/Image/Image.d.ts

@@ -1,6 +0,0 @@
-import type { ImageProps } from './Image.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * The Image component ensures the consistent styling of images.
- */
-export declare const Image: ForwardRefComponent<ImageProps>;

package/lib-commonjs/components/Image/Image.types.d.ts

@@ -1,29 +0,0 @@
-import type { ComponentState, ComponentProps, IntrinsicShorthandProps } from '@fluentui/react-utilities';
-export declare type ImageSlots = {
-    root: IntrinsicShorthandProps<'img'>;
-};
-export declare type ImageCommons = {
-    /**
-     * An image can appear with rectangular border.
-     */
-    bordered?: boolean;
-    /**
-     * An image can set how it should be resized to fit its container.
-     */
-    fit?: 'none' | 'center' | 'contain' | 'cover';
-    /**
-     * An image can take up the width of its container.
-     */
-    block?: boolean;
-    /**
-     * An image can appear square, circular, or rounded.
-     * @defaultvalue square
-     */
-    shape?: 'square' | 'circular' | 'rounded';
-    /**
-     * An image can appear elevated with shadow.
-     */
-    shadow?: boolean;
-};
-export declare type ImageProps = ComponentProps<ImageSlots> & Partial<ImageCommons>;
-export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;

package/lib-commonjs/components/Image/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Image.types';
-export * from './Image';
-export * from './renderImage';
-export * from './useImage';
-export * from './useImageStyles';