carbon-react 102.22.0 → 102.22.1

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

@@ -1,23 +1,27 @@
 export default Loader;
-declare function Loader({ isInsideButton, isActive, size, ...rest }: {
+declare function Loader({ "aria-label": ariaLabel, isInsideButton, isActive, size, ...rest }: {
     [x: string]: any;
+    "aria-label": any;
     isInsideButton: any;
     isActive: any;
     size: any;
 }): JSX.Element;
 declare namespace Loader {
-    namespace defaultProps {
-        const size: string;
-        const isInsideButton: boolean;
-        const isActive: boolean;
-    }
-    namespace propTypes {
-        const size_1: PropTypes.Requireable<string>;
-        export { size_1 as size };
-        const isInsideButton_1: PropTypes.Requireable<boolean>;
-        export { isInsideButton_1 as isInsideButton };
-        const isActive_1: PropTypes.Requireable<boolean>;
-        export { isActive_1 as isActive };
-    }
+    const defaultProps: {
+        size: string;
+        isInsideButton: boolean;
+        isActive: boolean;
+        "aria-label": string;
+    };
+    const propTypes: {
+        /** Specify an aria-label for the Loader component */
+        "aria-label": PropTypes.Requireable<string>;
+        /** Size of the loader. */
+        size: PropTypes.Requireable<string>;
+        /** Applies white color. */
+        isInsideButton: PropTypes.Requireable<boolean>;
+        /** Applies slate color. Available only when isInsideButton is true. */
+        isActive: PropTypes.Requireable<boolean>;
+    };
 }
 import PropTypes from "prop-types";

package/lib/components/loader/loader.component.js

@@ -26,12 +26,16 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
 
 const Loader = ({
+  "aria-label": ariaLabel,
   isInsideButton,
   isActive,
   size,
   ...rest
 }) => {
-  return /*#__PURE__*/_react.default.createElement(_loader.default, _extends({}, rest, (0, _tags.default)("loader", rest)), /*#__PURE__*/_react.default.createElement(_loaderSquare.default, {
+  return /*#__PURE__*/_react.default.createElement(_loader.default, _extends({
+    "aria-label": ariaLabel,
+    role: "progressbar"
+  }, (0, _tags.default)("loader", rest), rest), /*#__PURE__*/_react.default.createElement(_loaderSquare.default, {
     isInsideButton: isInsideButton,
     isActive: isActive,
     size: size
@@ -49,10 +53,14 @@ const Loader = ({
 Loader.defaultProps = {
   size: "medium",
   isInsideButton: false,
-  isActive: true
+  isActive: true,
+  "aria-label": "loader"
 };
 Loader.propTypes = { ...marginPropTypes,
 
+  /** Specify an aria-label for the Loader component */
+  "aria-label": _propTypes.default.string,
+
   /** Size of the loader. */
   size: _propTypes.default.oneOf(["small", "medium", "large"]),
 

package/lib/components/loader/loader.d.ts

@@ -1,6 +1,8 @@
 import { MarginProps } from "styled-system";
 
 export interface LoaderProps extends MarginProps {
+  /** Specify an aria-label for the Loader component */
+  "aria-label"?: string;
   /** Size of the loader. */
   size?: "small" | "medium" | "large";
   /** Applies white color. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "102.22.0",
+  "version": "102.22.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {