@fluentui/react-image 9.0.0-alpha.80 → 9.0.0-alpha.84

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

@@ -1,57 +0,0 @@
-define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useImageStyles = void 0;
-    var useStyles = react_make_styles_1.makeStyles({
-        root: function (theme) { return ({
-            borderColor: theme.alias.color.neutral.neutralStroke1,
-            borderRadius: theme.global.borderRadius.none,
-            boxShadow: theme.alias.shadow.shadow4,
-            boxSizing: 'border-box',
-            display: 'inline-block',
-        }); },
-        rootBordered: function (theme) { return ({
-            borderStyle: 'solid',
-            borderWidth: theme.global.strokeWidth.thin,
-        }); },
-        rootCircular: function (theme) { return ({
-            borderRadius: theme.global.borderRadius.circular,
-        }); },
-        rootRounded: function (theme) { return ({
-            borderRadius: theme.global.borderRadius.medium,
-        }); },
-        rootFitNone: {
-            objectFit: 'none',
-            objectPosition: 'left top',
-            height: '100%',
-            width: '100%',
-        },
-        rootFitCenter: {
-            objectFit: 'none',
-            objectPosition: 'center',
-            height: '100%',
-            width: '100%',
-        },
-        rootFitCover: {
-            objectFit: 'cover',
-            objectPosition: 'center',
-            height: '100%',
-            width: '100%',
-        },
-        rootFitContain: {
-            objectFit: 'contain',
-            objectPosition: 'center',
-            height: '100%',
-            width: '100%',
-        },
-        rootFluid: {
-            width: '100%',
-        },
-    });
-    var useImageStyles = function (state) {
-        var styles = useStyles();
-        state.root.className = react_make_styles_1.mergeClasses(styles.root, state.bordered && styles.rootBordered, state.circular && styles.rootCircular, state.rounded && styles.rootRounded, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.fluid && styles.rootFluid, state.root.className);
-    };
-    exports.useImageStyles = useImageStyles;
-});
-//# sourceMappingURL=useImageStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useImageStyles.js","sourceRoot":"../src/","sources":["components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;IAGA,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;YACrD,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI;YAC5C,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;YAErC,SAAS,EAAE,YAAY;YACvB,OAAO,EAAE,cAAc;SACxB,CAAC,EAPa,CAOb;QACF,YAAY,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACtB,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI;SAC3C,CAAC,EAHqB,CAGrB;QACF,YAAY,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACtB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ;SACjD,CAAC,EAFqB,CAErB;QACF,WAAW,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACrB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM;SAC/C,CAAC,EAFoB,CAEpB;QACF,WAAW,EAAE;YACX,SAAS,EAAE,MAAM;YACjB,cAAc,EAAE,UAAU;YAC1B,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;SACd;QACD,aAAa,EAAE;YACb,SAAS,EAAE,MAAM;YACjB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;SACd;QACD,YAAY,EAAE;YACZ,SAAS,EAAE,OAAO;YAClB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;SACd;QACD,cAAc,EAAE;YACd,SAAS,EAAE,SAAS;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;SACd;QACD,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;SACd;KACF,CAAC,CAAC;IAEI,IAAM,cAAc,GAAG,UAAC,KAAiB;QAC9C,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,gCAAY,CACjC,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,YAAY,EACrC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,YAAY,EACrC,KAAK,CAAC,OAAO,IAAI,MAAM,CAAC,WAAW,EACnC,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,MAAM,CAAC,WAAW,EAC1C,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,MAAM,CAAC,aAAa,EAC9C,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,MAAM,CAAC,YAAY,EAC5C,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,MAAM,CAAC,cAAc,EAChD,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,SAAS,EAC/B,KAAK,CAAC,IAAI,CAAC,SAAS,CACrB,CAAC;IACJ,CAAC,CAAC;IAdW,QAAA,cAAc,kBAczB","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport type { ImageState } from './Image.types';\n\nconst useStyles = makeStyles({\n  root: theme => ({\n    borderColor: theme.alias.color.neutral.neutralStroke1,\n    borderRadius: theme.global.borderRadius.none,\n    boxShadow: theme.alias.shadow.shadow4,\n\n    boxSizing: 'border-box',\n    display: 'inline-block',\n  }),\n  rootBordered: theme => ({\n    borderStyle: 'solid',\n    borderWidth: theme.global.strokeWidth.thin,\n  }),\n  rootCircular: theme => ({\n    borderRadius: theme.global.borderRadius.circular,\n  }),\n  rootRounded: theme => ({\n    borderRadius: theme.global.borderRadius.medium,\n  }),\n  rootFitNone: {\n    objectFit: 'none',\n    objectPosition: 'left top',\n    height: '100%',\n    width: '100%',\n  },\n  rootFitCenter: {\n    objectFit: 'none',\n    objectPosition: 'center',\n    height: '100%',\n    width: '100%',\n  },\n  rootFitCover: {\n    objectFit: 'cover',\n    objectPosition: 'center',\n    height: '100%',\n    width: '100%',\n  },\n  rootFitContain: {\n    objectFit: 'contain',\n    objectPosition: 'center',\n    height: '100%',\n    width: '100%',\n  },\n  rootFluid: {\n    width: '100%',\n  },\n});\n\nexport const useImageStyles = (state: ImageState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    styles.root,\n    state.bordered && styles.rootBordered,\n    state.circular && styles.rootCircular,\n    state.rounded && styles.rootRounded,\n    state.fit === 'none' && styles.rootFitNone,\n    state.fit === 'center' && styles.rootFitCenter,\n    state.fit === 'cover' && styles.rootFitCover,\n    state.fit === 'contain' && styles.rootFitContain,\n    state.fluid && styles.rootFluid,\n    state.root.className,\n  );\n};\n"]}

package/lib-amd/index.d.ts

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

package/lib-amd/index.js

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

package/lib-amd/index.js.map

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