@wistia/ui 0.6.43 → 0.6.45-beta.cdb67e81.9dbf4c3

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, ForwardedRef, Ref, InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
+import react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, ForwardedRef, Ref, SyntheticEvent, InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
 export * from 'use-file-picker/types';
 export { useFilePicker, useImperativeFilePicker } from 'use-file-picker';
 export { FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, ImageDimensionsValidator, PersistentFileAmountLimitValidator } from 'use-file-picker/validators';
@@ -124,7 +124,7 @@ declare const useMq: () => MediaQueryBooleans;
 type MediaQueryLabels = keyof MediaQueryBooleans;
 declare const useActiveMq: () => MediaQueryLabels[];
 
-declare const colorSchemeOptions: readonly ["inherit", "default", "info", "success", "warning", "error", "blue", "green", "orange", "pink", "purple", "yellow", "vendor-hubspot", "vendor-marketo", "vendor-pardot"];
+declare const colorSchemeOptions: readonly ["default", "inherit", "error", "info", "success", "warning", "blue", "green", "orange", "pink", "purple", "yellow", "vendor-hubspot", "vendor-marketo", "vendor-pardot"];
 type ColorSchemeTypes = (typeof colorSchemeOptions)[number];
 type ColorSchemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
     /**
@@ -510,7 +510,7 @@ type AvatarProps = ComponentPropsWithoutRef<'div'> & {
     onImageLoad?: (avatarStatus: AvatarStatus) => void;
 };
 /**
- * An avatar uses a photo, initials or icon to represent an entity
+ * An avatar uses a photo or initials to represent an identity.
  */
 declare const Avatar: {
     ({ imageUrl, heightAndWidth, name, size, onImageLoad, ...props }: AvatarProps): JSX.Element;
@@ -1701,9 +1701,17 @@ type ImageProps = ComponentPropsWithoutRef<'img'> & {
      * URL to image file
      */
     src: string;
+    /**
+     * A callback that is invoked after the image has loaded
+     */
+    onLoad?: (event?: SyntheticEvent<HTMLImageElement>) => void;
+    /**
+     * A callback that is invoked after the image has failed to load
+     */
+    onError?: (event?: SyntheticEvent<HTMLImageElement>) => void;
 };
 declare const Image: {
-    ({ src, alt, borderRadius, fill: fillContainer, fit: objFit, loading, position: objPosition, ...props }: ImageProps): JSX.Element;
+    ({ src, alt, borderRadius, fill: fillContainer, fit: objFit, loading, position: objPosition, onLoad, onError, ...props }: ImageProps): JSX.Element;
     displayName: string;
 };
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, ForwardedRef, Ref, InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
+import react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, ForwardedRef, Ref, SyntheticEvent, InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
 export * from 'use-file-picker/types';
 export { useFilePicker, useImperativeFilePicker } from 'use-file-picker';
 export { FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, ImageDimensionsValidator, PersistentFileAmountLimitValidator } from 'use-file-picker/validators';
@@ -124,7 +124,7 @@ declare const useMq: () => MediaQueryBooleans;
 type MediaQueryLabels = keyof MediaQueryBooleans;
 declare const useActiveMq: () => MediaQueryLabels[];
 
-declare const colorSchemeOptions: readonly ["inherit", "default", "info", "success", "warning", "error", "blue", "green", "orange", "pink", "purple", "yellow", "vendor-hubspot", "vendor-marketo", "vendor-pardot"];
+declare const colorSchemeOptions: readonly ["default", "inherit", "error", "info", "success", "warning", "blue", "green", "orange", "pink", "purple", "yellow", "vendor-hubspot", "vendor-marketo", "vendor-pardot"];
 type ColorSchemeTypes = (typeof colorSchemeOptions)[number];
 type ColorSchemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
     /**
@@ -510,7 +510,7 @@ type AvatarProps = ComponentPropsWithoutRef<'div'> & {
     onImageLoad?: (avatarStatus: AvatarStatus) => void;
 };
 /**
- * An avatar uses a photo, initials or icon to represent an entity
+ * An avatar uses a photo or initials to represent an identity.
  */
 declare const Avatar: {
     ({ imageUrl, heightAndWidth, name, size, onImageLoad, ...props }: AvatarProps): JSX.Element;
@@ -1701,9 +1701,17 @@ type ImageProps = ComponentPropsWithoutRef<'img'> & {
      * URL to image file
      */
     src: string;
+    /**
+     * A callback that is invoked after the image has loaded
+     */
+    onLoad?: (event?: SyntheticEvent<HTMLImageElement>) => void;
+    /**
+     * A callback that is invoked after the image has failed to load
+     */
+    onError?: (event?: SyntheticEvent<HTMLImageElement>) => void;
 };
 declare const Image: {
-    ({ src, alt, borderRadius, fill: fillContainer, fit: objFit, loading, position: objPosition, ...props }: ImageProps): JSX.Element;
+    ({ src, alt, borderRadius, fill: fillContainer, fit: objFit, loading, position: objPosition, onLoad, onError, ...props }: ImageProps): JSX.Element;
     displayName: string;
 };