carbon-react 110.6.0 → 110.7.0

package/lib/components/image/image.style.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { MarginProps, BackgroundProps, LayoutProps } from "styled-system";
+export interface StyledImageProps extends MarginProps, BackgroundProps, LayoutProps {
+    /** alt property to display when an img fails to load */
+    alt?: string;
+    /** any valid file path, passing this will render the component as an img element */
+    src?: string;
+    /** Children elements, will only render if component is a div element */
+    children?: React.ReactNode;
+}
+declare const StyledImage: import("styled-components").StyledComponent<"div", any, {
+    children: import("react").ReactNode;
+    src: string | undefined;
+    as?: string | undefined;
+} & StyledImageProps, "children" | "as" | "src">;
+export { StyledImage };

package/lib/components/image/image.style.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledImage = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _styledSystem = require("styled-system");
+
+var _themes = require("../../style/themes");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const StyledImage = _styledComponents.default.div.attrs(({
+  src,
+  children
+}) => ({ ...(src && {
+    as: "img"
+  }),
+  children: src ? undefined : children,
+  src
+}))`
+  ${_styledSystem.margin}
+  ${_styledSystem.layout}
+
+  ${({
+  as
+}) => as !== "img" && (0, _styledComponents.css)`
+      ${_styledSystem.background}
+    `}
+`;
+exports.StyledImage = StyledImage;
+StyledImage.defaultProps = {
+  backgroundPosition: "center",
+  backgroundRepeat: "no-repeat",
+  backgroundSize: "cover",
+  theme: _themes.baseTheme
+};

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

@@ -1 +1,2 @@
-export { default } from "./image";
+export { default } from "./image.component";
+export type { ImageProps } from "./image.component";

package/lib/components/modal/modal.component.d.ts

@@ -6,6 +6,8 @@ export interface ModalContextProps {
 }
 export declare const ModalContext: React.Context<ModalContextProps>;
 export interface ModalProps {
+    /** Custom class name  */
+    className?: string;
     /** Modal content */
     children?: React.ReactNode;
     /** The ARIA role to be applied to the modal */

package/lib/components/modal/modal.component.js

@@ -122,6 +122,7 @@ const Modal = ({
 Modal.propTypes = {
   "ariaRole": _propTypes.default.string,
   "children": _propTypes.default.node,
+  "className": _propTypes.default.string,
   "disableClose": _propTypes.default.bool,
   "disableEscKey": _propTypes.default.bool,
   "enableBackgroundUI": _propTypes.default.bool,

package/lib/components/multi-action-button/multi-action-button.component.js

@@ -579,6 +579,7 @@ MultiActionButton.propTypes = {
   "role": _propTypes.default.oneOfType([_propTypes.default.oneOf(["alert", "alertdialog", "application", "article", "banner", "button", "cell", "checkbox", "columnheader", "combobox", "complementary", "contentinfo", "definition", "dialog", "directory", "document", "feed", "figure", "form", "grid", "gridcell", "group", "heading", "img", "link", "list", "listbox", "listitem", "log", "main", "marquee", "math", "menu", "menubar", "menuitem", "menuitemcheckbox", "menuitemradio", "navigation", "none", "note", "option", "presentation", "progressbar", "radio", "radiogroup", "region", "row", "rowgroup", "rowheader", "scrollbar", "search", "searchbox", "separator", "slider", "spinbutton", "status", "switch", "tab", "table", "tablist", "tabpanel", "term", "textbox", "timer", "toolbar", "tooltip", "tree", "treegrid", "treeitem"]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,

package/lib/components/navigation-bar/navigation-bar.component.js

@@ -41,6 +41,7 @@ NavigationBar.propTypes = {
   "alignContent": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -90,6 +91,7 @@ NavigationBar.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -140,6 +142,7 @@ NavigationBar.propTypes = {
   "alignItems": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "self-end", "self-start", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "self-end", "self-start", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -189,6 +192,7 @@ NavigationBar.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -239,6 +243,7 @@ NavigationBar.propTypes = {
   "alignSelf": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "auto", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "self-end", "self-start", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "auto", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "self-end", "self-start", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -288,6 +293,7 @@ NavigationBar.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -340,6 +346,7 @@ NavigationBar.propTypes = {
   "flex": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -389,6 +396,7 @@ NavigationBar.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -439,6 +447,7 @@ NavigationBar.propTypes = {
   "flexBasis": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -488,6 +497,7 @@ NavigationBar.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -571,6 +581,7 @@ NavigationBar.propTypes = {
   "justifyContent": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "right", "space-around", "space-between", "space-evenly", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "right", "space-around", "space-between", "space-evenly", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -620,6 +631,7 @@ NavigationBar.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -670,6 +682,7 @@ NavigationBar.propTypes = {
   "justifyItems": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "legacy", "normal", "revert", "right", "self-end", "self-start", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "legacy", "normal", "revert", "right", "self-end", "self-start", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -719,6 +732,7 @@ NavigationBar.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -769,6 +783,7 @@ NavigationBar.propTypes = {
   "justifySelf": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "auto", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "right", "self-end", "self-start", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "auto", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "right", "self-end", "self-start", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -818,6 +833,7 @@ NavigationBar.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,

package/lib/components/search/search.style.d.ts

@@ -0,0 +1,4 @@
+export default StyledSearch;
+export const StyledSearchButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledButtonIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledSearch: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/split-button/split-button.component.js

@@ -630,6 +630,7 @@ SplitButton.propTypes = {
   "role": _propTypes.default.oneOfType([_propTypes.default.oneOf(["alert", "alertdialog", "application", "article", "banner", "button", "cell", "checkbox", "columnheader", "combobox", "complementary", "contentinfo", "definition", "dialog", "directory", "document", "feed", "figure", "form", "grid", "gridcell", "group", "heading", "img", "link", "list", "listbox", "listitem", "log", "main", "marquee", "math", "menu", "menubar", "menuitem", "menuitemcheckbox", "menuitemradio", "navigation", "none", "note", "option", "presentation", "progressbar", "radio", "radiogroup", "region", "row", "rowgroup", "rowheader", "scrollbar", "search", "searchbox", "separator", "slider", "spinbutton", "status", "switch", "tab", "table", "tablist", "tabpanel", "term", "textbox", "timer", "toolbar", "tooltip", "tree", "treegrid", "treeitem"]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,

package/lib/components/textarea/textarea.style.d.ts

@@ -0,0 +1,3 @@
+export const MIN_HEIGHT: 40;
+export default StyledTextarea;
+declare const StyledTextarea: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/textbox/textbox.component.js

@@ -675,6 +675,7 @@ Textbox.propTypes = {
   "role": _propTypes.default.oneOfType([_propTypes.default.oneOf(["alert", "alertdialog", "application", "article", "banner", "button", "cell", "checkbox", "columnheader", "combobox", "complementary", "contentinfo", "definition", "dialog", "directory", "document", "feed", "figure", "form", "grid", "gridcell", "group", "heading", "img", "link", "list", "listbox", "listitem", "log", "main", "marquee", "math", "menu", "menubar", "menuitem", "menuitemcheckbox", "menuitemradio", "navigation", "none", "note", "option", "presentation", "progressbar", "radio", "radiogroup", "region", "row", "rowgroup", "rowheader", "scrollbar", "search", "searchbox", "separator", "slider", "spinbutton", "status", "switch", "tab", "table", "tablist", "tabpanel", "term", "textbox", "timer", "toolbar", "tooltip", "tree", "treegrid", "treeitem"]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,

package/package.json

@@ -1,12 +1,7 @@
 {
   "name": "carbon-react",
-  "version": "110.6.0",
+  "version": "110.7.0",
   "description": "A library of reusable React components for easily building user interfaces.",
-  "engineStrict": true,
-  "engines": {
-    "npm": "^6.0.0",
-    "node": ">=14.16.0"
-  },
   "files": [
     "lib",
     "esm",
@@ -94,7 +89,7 @@
     "@types/invariant": "^2.2.35",
     "@types/jest": "^26.0.19",
     "@types/lodash": "^4.14.179",
-    "@types/node": "10.12.18",
+    "@types/node": "16.11.17",
     "@types/react": "^17.0.2",
     "@types/react-dom": "^17.0.2",
     "@types/react-is": "^17.0.3",
@@ -117,11 +112,11 @@
     "core-js": "^3.20.3",
     "cross-env": "^5.2.0",
     "css-loader": "4.0.0",
-    "cypress": "^10.3.0",
+    "cypress": "10.7.0",
     "cypress-axe": "^1.0.0",
     "cypress-each": "^1.11.0",
     "cypress-plugin-tab": "^1.0.5",
-    "cypress-real-events": "^1.7.0",
+    "cypress-real-events": "^1.7.1",
     "cypress-storybook": "^0.5.1",
     "cz-conventional-changelog": "^3.3.0",
     "date-fns-tz": "^1.2.2",

package/esm/components/dialog/dialog.d.ts

@@ -1,68 +0,0 @@
-import * as React from "react";
-import { ModalProps } from "../modal";
-
-type PaddingValues = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-
-interface ContentPaddingInterface {
-  p?: PaddingValues;
-  py?: PaddingValues;
-  px?: PaddingValues;
-}
-
-export type DialogSizes =
-  | "auto"
-  | "extra-small"
-  | "small"
-  | "medium-small"
-  | "medium"
-  | "medium-large"
-  | "large"
-  | "extra-large";
-
-export interface DialogProps extends ModalProps {
-  /** Prop to specify the aria-describedby property of the Dialog component */
-  "aria-describedby"?: string;
-  /**
-   * Prop to specify the aria-label of the Dialog component.
-   * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
-   */
-  "aria-label"?: string;
-  /**
-   * Prop to specify the aria-labelledby property of the Dialog component
-   * To be used when the title prop is a custom React Node,
-   * or the component is labelled by an internal element other than the title.
-   */
-  "aria-labelledby"?: string;
-  /* Disables auto focus functionality on child elements */
-  disableAutoFocus?: boolean;
-  /* Disables the focus trap when the dialog is open */
-  disableFocusTrap?: boolean;
-  /** Optional reference to an element meant to be focused on open */
-  focusFirstElement?: React.MutableRefObject<HTMLElement>;
-  /** Allows developers to specify a specific height for the dialog. */
-  height?: string;
-  /** Adds Help tooltip to Header */
-  help?: string;
-  /** A custom close event handler */
-  onCancel?: (
-    ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLButtonElement>
-  ) => void;
-  /** Determines if the close icon is shown */
-  showCloseIcon?: boolean;
-  /** Size of dialog, default size is 750px */
-  size?: DialogSizes;
-  /** Subtitle displayed at top of dialog */
-  subtitle?: string;
-  /** Title displayed at top of dialog */
-  title?: React.ReactNode;
-  /** The ARIA role to be applied to the Dialog container */
-  role?: string;
-  /** Padding to be set on the Dialog content */
-  contentPadding?: ContentPaddingInterface;
-  /** an optional array of refs to containers whose content should also be reachable by tabbing from the dialog */
-  focusableContainers?: React.MutableRefObject<HTMLElement>[];
-}
-
-declare function Dialog(props: DialogProps): JSX.Element;
-
-export default Dialog;

package/esm/components/image/image.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { StyledComponentProps } from "styled-components";
-import { MarginProps, BackgroundProps, LayoutProps } from "styled-system";
-
-export interface ImageProps extends MarginProps, BackgroundProps, LayoutProps {
-  /** any valid file path, passing this will render the component as an img element */
-  src?: string;
-  /** alt property to display when an img fails to load */
-  alt?: string;
-  /** Children elements, will only render if component is a div element */
-  children?: React.ReactNode;
-}
-
-declare function Image(
-  attrs: StyledComponentProps<"div", Record<string, unknown>, ImageProps, "">
-): JSX.Element;
-
-export default Image;

package/lib/components/dialog/dialog.d.ts

@@ -1,68 +0,0 @@
-import * as React from "react";
-import { ModalProps } from "../modal";
-
-type PaddingValues = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-
-interface ContentPaddingInterface {
-  p?: PaddingValues;
-  py?: PaddingValues;
-  px?: PaddingValues;
-}
-
-export type DialogSizes =
-  | "auto"
-  | "extra-small"
-  | "small"
-  | "medium-small"
-  | "medium"
-  | "medium-large"
-  | "large"
-  | "extra-large";
-
-export interface DialogProps extends ModalProps {
-  /** Prop to specify the aria-describedby property of the Dialog component */
-  "aria-describedby"?: string;
-  /**
-   * Prop to specify the aria-label of the Dialog component.
-   * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
-   */
-  "aria-label"?: string;
-  /**
-   * Prop to specify the aria-labelledby property of the Dialog component
-   * To be used when the title prop is a custom React Node,
-   * or the component is labelled by an internal element other than the title.
-   */
-  "aria-labelledby"?: string;
-  /* Disables auto focus functionality on child elements */
-  disableAutoFocus?: boolean;
-  /* Disables the focus trap when the dialog is open */
-  disableFocusTrap?: boolean;
-  /** Optional reference to an element meant to be focused on open */
-  focusFirstElement?: React.MutableRefObject<HTMLElement>;
-  /** Allows developers to specify a specific height for the dialog. */
-  height?: string;
-  /** Adds Help tooltip to Header */
-  help?: string;
-  /** A custom close event handler */
-  onCancel?: (
-    ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLButtonElement>
-  ) => void;
-  /** Determines if the close icon is shown */
-  showCloseIcon?: boolean;
-  /** Size of dialog, default size is 750px */
-  size?: DialogSizes;
-  /** Subtitle displayed at top of dialog */
-  subtitle?: string;
-  /** Title displayed at top of dialog */
-  title?: React.ReactNode;
-  /** The ARIA role to be applied to the Dialog container */
-  role?: string;
-  /** Padding to be set on the Dialog content */
-  contentPadding?: ContentPaddingInterface;
-  /** an optional array of refs to containers whose content should also be reachable by tabbing from the dialog */
-  focusableContainers?: React.MutableRefObject<HTMLElement>[];
-}
-
-declare function Dialog(props: DialogProps): JSX.Element;
-
-export default Dialog;

package/lib/components/image/image.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { StyledComponentProps } from "styled-components";
-import { MarginProps, BackgroundProps, LayoutProps } from "styled-system";
-
-export interface ImageProps extends MarginProps, BackgroundProps, LayoutProps {
-  /** any valid file path, passing this will render the component as an img element */
-  src?: string;
-  /** alt property to display when an img fails to load */
-  alt?: string;
-  /** Children elements, will only render if component is a div element */
-  children?: React.ReactNode;
-}
-
-declare function Image(
-  attrs: StyledComponentProps<"div", Record<string, unknown>, ImageProps, "">
-): JSX.Element;
-
-export default Image;