@fluentui/react-image 9.0.0-rc.6 → 9.0.0-rc.7

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-image",
-  "version": "9.0.0-rc.6",
+  "version": "9.0.0-rc.7",
   "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",
@@ -21,8 +21,8 @@
     "start": "yarn storybook",
     "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-image/src && yarn docs",
-    "storybook": "node ../../scripts/storybook/runner",
+    "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": {
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@griffel/react": "1.0.3",
-    "@fluentui/react-utilities": "9.0.0-rc.6",
-    "@fluentui/react-theme": "9.0.0-rc.5",
+    "@fluentui/react-utilities": "9.0.0-rc.7",
+    "@fluentui/react-theme": "9.0.0-rc.6",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

package/lib/Image.d.ts

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

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,30 +0,0 @@
-import type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';
-export declare type ImageSlots = {
-    root: Slot<'img'>;
-};
-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;
-export {};

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_unstable: (state: ImageState) => JSX.Element;

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

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

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

@@ -1,8 +0,0 @@
-import type { ImageSlots, ImageState } from './Image.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `imageClassNames.root` instead.
- */
-export declare const imageClassName = "fui-Image";
-export declare const imageClassNames: SlotClassNames<ImageSlots>;
-export declare const useImageStyles_unstable: (state: ImageState) => void;

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-export { Image, imageClassName, imageClassNames, renderImage_unstable, useImageStyles_unstable, useImage_unstable, } from './Image';
-export type { ImageProps, ImageSlots, ImageState } from './Image';

package/lib-commonjs/Image.d.ts

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

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,30 +0,0 @@
-import type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';
-export declare type ImageSlots = {
-    root: Slot<'img'>;
-};
-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;
-export {};

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';

package/lib-commonjs/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_unstable: (state: ImageState) => JSX.Element;

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

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

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

@@ -1,8 +0,0 @@
-import type { ImageSlots, ImageState } from './Image.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `imageClassNames.root` instead.
- */
-export declare const imageClassName = "fui-Image";
-export declare const imageClassNames: SlotClassNames<ImageSlots>;
-export declare const useImageStyles_unstable: (state: ImageState) => void;

package/lib-commonjs/index.d.ts

@@ -1,2 +0,0 @@
-export { Image, imageClassName, imageClassNames, renderImage_unstable, useImageStyles_unstable, useImage_unstable, } from './Image';
-export type { ImageProps, ImageSlots, ImageState } from './Image';