carbon-react 104.24.0 → 104.24.1

package/lib/components/accordion/accordion.component.js

@@ -113,9 +113,9 @@ const Accordion = /*#__PURE__*/_react.default.forwardRef(({
     isExpanded: isExpanded,
     buttonHeading: buttonHeading,
     buttonWidth: buttonWidth,
-    hasButtonProps: buttonHeading && headerSpacing
+    hasButtonProps: buttonHeading && headerSpacing,
+    role: "button"
   }, buttonHeading && {
-    role: "button",
     p: 0
   }, headerSpacing), /*#__PURE__*/_react.default.createElement(_accordion.StyledAccordionHeadingsContainer, {
     "data-element": "accordion-headings-container",

package/lib/components/dialog-full-screen/dialog-full-screen.component.d.ts

@@ -34,7 +34,7 @@ declare namespace DialogFullScreen {
          */
         "aria-label": PropTypes.Requireable<string>;
         /**
-         * Prop to specify the aria-labeledby property of the DialogFullscreen component
+         * Prop to specify the aria-labelledby property of the DialogFullscreen 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.
          */
@@ -71,7 +71,7 @@ declare namespace DialogFullScreen {
         contentRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
             current: PropTypes.Requireable<Element>;
         }>>;
-        /** The ARIA role to be applied to the DialogFulscreen container */
+        /** The ARIA role to be applied to the DialogFullscreen container */
         role: PropTypes.Requireable<string>;
     };
 }

package/lib/components/dialog-full-screen/dialog-full-screen.component.js

@@ -111,7 +111,7 @@ const DialogFullScreen = ({
     focusFirstElement: focusFirstElement,
     wrapperRef: dialogRef
   }, /*#__PURE__*/_react.default.createElement(_dialogFullScreen.default, _extends({
-    "aria-modal": true
+    "aria-modal": role === "dialog" ? true : undefined
   }, ariaProps, {
     ref: dialogRef,
     "data-element": "dialog-full-screen",
@@ -140,7 +140,7 @@ DialogFullScreen.propTypes = {
   "aria-label": _propTypes.default.string,
 
   /**
-   * Prop to specify the aria-labeledby property of the DialogFullscreen component
+   * Prop to specify the aria-labelledby property of the DialogFullscreen 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.
    */
@@ -192,7 +192,7 @@ DialogFullScreen.propTypes = {
     current: _propTypes.default.instanceOf(Element)
   })]),
 
-  /** The ARIA role to be applied to the DialogFulscreen container */
+  /** The ARIA role to be applied to the DialogFullscreen container */
   role: _propTypes.default.string
 };
 var _default = DialogFullScreen;

package/lib/components/dialog-full-screen/dialog-full-screen.d.ts

@@ -10,7 +10,7 @@ export interface DialogFullScreenProps extends ModalProps {
    */
   "aria-label"?: string;
   /**
-   * Prop to specify the aria-labeledby property of the DialogFullscreen component
+   * Prop to specify the aria-labelledby property of the DialogFullscreen 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.
    */
@@ -39,7 +39,7 @@ export interface DialogFullScreenProps extends ModalProps {
   subtitle?: string;
   /** Title displayed at top of dialog */
   title?: React.ReactNode;
-  /** The ARIA role to be applied to the DialogFulscreen container */
+  /** The ARIA role to be applied to the DialogFullscreen container */
   role?: string;
 }
 

package/lib/components/drawer/drawer.component.js

@@ -147,7 +147,6 @@ const Drawer = ({
     expandedWidth: expandedWidth,
     animationDuration: animationDuration,
     className: getClassNames(),
-    "aria-expanded": isExpanded ? "true" : "false",
     ref: drawerSidebarContentRef,
     backgroundColor: backgroundColor
   }, stickyHeader && /*#__PURE__*/_react.default.createElement(_drawer.StyledSidebarHeader, {
@@ -157,7 +156,7 @@ const Drawer = ({
     id: sidebarId,
     isExpanded: isExpanded,
     role: "navigation",
-    overflowY: "auto",
+    overflowY: isExpanded ? "auto" : undefined,
     scrollVariant: "light",
     ref: scrollableContentRef
   }, /*#__PURE__*/_react.default.createElement(DrawerSidebarContext.Provider, {

package/lib/components/popover-container/popover-container.component.d.ts

@@ -36,12 +36,13 @@ declare namespace PopoverContainer {
         export { position_1 as position };
         const shouldCoverButton_1: boolean;
         export { shouldCoverButton_1 as shouldCoverButton };
-        export function renderOpenComponent_1({ tabIndex, onClick, dataElement, ref, ariaLabel, }: {
+        export function renderOpenComponent_1({ tabIndex, onClick, dataElement, ref, ariaLabel, id, }: {
             tabIndex: any;
             onClick: any;
             dataElement: any;
             ref: any;
             ariaLabel: any;
+            id: any;
         }): JSX.Element;
         export { renderOpenComponent_1 as renderOpenComponent };
         export function renderCloseComponent_1({ dataElement, tabIndex, onClick, ref, ariaLabel, }: {

package/lib/components/popover-container/popover-container.component.js

@@ -78,7 +78,8 @@ const PopoverContainer = ({
     dataElement: "popover-container-open-component",
     onClick: handleOpenButtonClick,
     ref: openButtonRef,
-    ariaLabel: openButtonAriaLabel || title
+    ariaLabel: openButtonAriaLabel || title,
+    id: isOpen ? undefined : popoverContainerId
   };
   const renderCloseComponentProps = {
     dataElement: "popover-container-close-component",
@@ -90,7 +91,7 @@ const PopoverContainer = ({
   return /*#__PURE__*/_react.default.createElement(_popoverContainer.PopoverContainerWrapperStyle, {
     "data-component": "popover-container",
     role: "region",
-    "aria-labelledby": isOpen ? popoverContainerId : undefined
+    "aria-labelledby": popoverContainerId
   }, renderOpenComponent(renderOpenComponentProps), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: isOpen,
     timeout: {
@@ -173,7 +174,8 @@ PopoverContainer.defaultProps = {
     onClick,
     dataElement,
     ref,
-    ariaLabel
+    ariaLabel,
+    id
     /* eslint-enable react/prop-types */
 
   }) => /*#__PURE__*/_react.default.createElement(_popoverContainer.PopoverContainerOpenIcon, {
@@ -182,7 +184,8 @@ PopoverContainer.defaultProps = {
     "data-element": dataElement,
     ref: ref,
     "aria-label": ariaLabel,
-    "aria-haspopup": true
+    "aria-haspopup": true,
+    id: id
   }, /*#__PURE__*/_react.default.createElement(_icon.default, {
     type: "settings"
   })),

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

@@ -106,7 +106,7 @@ const Textbox = ({
     labelHelp,
     fieldHelp
   });
-  const labelId = externalLabelId || internalLabelId;
+  const labelId = label ? externalLabelId || internalLabelId : "";
   return /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
     helpAriaLabel: helpAriaLabel,
     tooltipPosition: tooltipPosition

package/package.json

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