carbon-react 111.5.3 → 111.6.0

package/esm/components/image/image.component.js

@@ -729,6 +729,7 @@ Image.propTypes = {
     "trimStart": PropTypes.func.isRequired,
     "valueOf": PropTypes.func.isRequired
   }), PropTypes.string]),
+  "hidden": PropTypes.bool,
   "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
     "__@toStringTag": PropTypes.string.isRequired,
     "description": PropTypes.string,

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

@@ -1,16 +1,19 @@
 /// <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 */
+    /** HTML 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 */
+    /** Any valid file path, passing this will render the component as an img element */
     src?: string;
+    /** HTML hidden property to indicate whether to remain hidden visually and from screen readers */
+    hidden?: boolean;
     /** 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;
+    hidden: boolean;
     as?: string | undefined;
-} & StyledImageProps, "children" | "as" | "src">;
+} & StyledImageProps, "hidden" | "children" | "as" | "src">;
 export { StyledImage };

package/esm/components/image/image.style.js

@@ -3,12 +3,14 @@ import { margin, layout, background } from "styled-system";
 import { baseTheme } from "../../style/themes";
 const StyledImage = styled.div.attrs(({
   src,
-  children
+  children,
+  hidden = false
 }) => ({ ...(src && {
     as: "img"
   }),
   children: src ? undefined : children,
-  src
+  src,
+  hidden
 }))`
   ${margin}
   ${layout}

package/esm/global.d.ts

@@ -1,2 +1,3 @@
 declare module "@styled-system/prop-types";
 declare module "*.png";
+declare module "*.svg";

package/lib/components/image/image.component.js

@@ -742,6 +742,7 @@ Image.propTypes = {
     "trimStart": _propTypes.default.func.isRequired,
     "valueOf": _propTypes.default.func.isRequired
   }), _propTypes.default.string]),
+  "hidden": _propTypes.default.bool,
   "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@toStringTag": _propTypes.default.string.isRequired,
     "description": _propTypes.default.string,

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

@@ -1,16 +1,19 @@
 /// <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 */
+    /** HTML 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 */
+    /** Any valid file path, passing this will render the component as an img element */
     src?: string;
+    /** HTML hidden property to indicate whether to remain hidden visually and from screen readers */
+    hidden?: boolean;
     /** 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;
+    hidden: boolean;
     as?: string | undefined;
-} & StyledImageProps, "children" | "as" | "src">;
+} & StyledImageProps, "hidden" | "children" | "as" | "src">;
 export { StyledImage };

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

@@ -17,12 +17,14 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 const StyledImage = _styledComponents.default.div.attrs(({
   src,
-  children
+  children,
+  hidden = false
 }) => ({ ...(src && {
     as: "img"
   }),
   children: src ? undefined : children,
-  src
+  src,
+  hidden
 }))`
   ${_styledSystem.margin}
   ${_styledSystem.layout}

package/lib/global.d.ts

@@ -1,2 +1,3 @@
 declare module "@styled-system/prop-types";
 declare module "*.png";
+declare module "*.svg";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "111.5.3",
+  "version": "111.6.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",