@digital-ai/dot-components 3.0.0 → 3.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -40,6 +40,7 @@
   "author": "Matt Haff",
   "dependencies": {
     "@digital-ai/dot-icons": "latest",
+    "@digital-ai/dot-illustrations": "latest",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@mui/material": "^5.2.5",

package/src/lib/components/empty-state/EmptyState.d.ts

@@ -3,6 +3,8 @@ import { CommonProps } from '../CommonProps';
 export interface EmptyStateProps extends CommonProps {
     /** primary button properties */
     buttonProps?: ButtonProps;
+    /** id of illustration to use, overrides imageSrc **/
+    illustrationId?: string;
     /** alt text of image */
     imageAltText?: string;
     /** location of image */
@@ -12,4 +14,4 @@ export interface EmptyStateProps extends CommonProps {
     /** title text displayed */
     title: string;
 }
-export declare const DotEmptyState: ({ ariaLabel, buttonProps, className, "data-testid": dataTestId, imageAltText, imageSrc, subtitle, title, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotEmptyState: ({ ariaLabel, buttonProps, className, "data-testid": dataTestId, illustrationId, imageAltText, imageSrc, subtitle, title, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/illustration/Illustration.d.ts

@@ -0,0 +1,18 @@
+import { CommonProps } from '../CommonProps';
+import { TooltipPlacement } from '../tooltip/Tooltip';
+import { ThemeOptions } from '../../theme-provider/ThemeProvider';
+export interface IllustrationProps extends CommonProps {
+    /** Alternative text for the illustration image **/
+    alt?: string;
+    /** The ID of the illustration to display on the img */
+    illustrationId: string;
+    /** The theme of the illustration (dark or light) **/
+    theme?: ThemeOptions;
+    /** Title text for the illustration image **/
+    title?: string;
+    /** Tooltip text displayed on hover */
+    tooltip?: string;
+    /** Placement for tooltip **/
+    tooltipPlacement?: TooltipPlacement;
+}
+export declare const DotIllustration: ({ alt, ariaLabel, ariaRole, className, "data-testid": dataTestId, illustrationId, theme, title, tooltip, tooltipPlacement, }: IllustrationProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/illustration/Illustration.styles.d.ts

@@ -0,0 +1,3 @@
+import '@digital-ai/dot-illustrations';
+export declare const rootClassName = "dot-illustration";
+export declare const StyledIllustration: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -77,6 +77,7 @@ export { DotForm } from './form/Form';
 export { DotFormGroup } from './form-group/FormGroup';
 export { DotDynamicForm } from './dynamic-form/DynamicForm';
 export { DotIcon } from './icon/Icon';
+export { DotIllustration } from './illustration/Illustration';
 export { DotInlineEdit } from './inline-edit';
 export { DotInputText } from './input-form-fields/InputText';
 export { DotInputSelect } from './input-form-fields/InputSelect';