@carbon/react 1.83.0-rc.0 → 1.83.0

package/es/components/ComposedModal/ModalFooter.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
@@ -30,12 +30,12 @@ function SecondaryButtonSet(_ref) {
     onRequestClose(evt);
   }
   if (Array.isArray(secondaryButtons) && secondaryButtons.length <= 2) {
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, secondaryButtons.map((_ref2, i) => {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, secondaryButtons.map((_ref2, i) => {
       let {
         buttonText,
         onClick: onButtonClick
       } = _ref2;
-      return /*#__PURE__*/React__default.createElement(Button, {
+      return /*#__PURE__*/React.createElement(Button, {
         key: `${buttonText}-${i}`,
         className: secondaryClassName,
         kind: "secondary",
@@ -44,7 +44,7 @@ function SecondaryButtonSet(_ref) {
     }));
   }
   if (secondaryButtonText) {
-    return /*#__PURE__*/React__default.createElement(Button, {
+    return /*#__PURE__*/React.createElement(Button, {
       disabled: disabled,
       className: secondaryClassName,
       onClick: handleRequestClose,
@@ -75,7 +75,7 @@ SecondaryButtonSet.propTypes = {
   },
   secondaryClassName: PropTypes.string
 };
-const ModalFooter = /*#__PURE__*/React__default.forwardRef(function ModalFooter(_ref3, ref) {
+const ModalFooter = /*#__PURE__*/React.forwardRef(function ModalFooter(_ref3, ref) {
   let {
     children,
     className: customClassName,
@@ -108,19 +108,19 @@ const ModalFooter = /*#__PURE__*/React__default.forwardRef(function ModalFooter(
     onRequestClose,
     disabled: loadingActive
   };
-  return /*#__PURE__*/React__default.createElement(ButtonSet, _extends({
+  return /*#__PURE__*/React.createElement(ButtonSet, _extends({
     className: footerClass
   }, rest, {
     // @ts-expect-error: Invalid derived types, will be fine once explicit types are added
     ref: ref,
     "aria-busy": loadingActive
-  }), /*#__PURE__*/React__default.createElement(SecondaryButtonSet, secondaryButtonProps), primaryButtonText && /*#__PURE__*/React__default.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(SecondaryButtonSet, secondaryButtonProps), primaryButtonText && /*#__PURE__*/React.createElement(Button, {
     onClick: onRequestSubmit,
     className: primaryButtonClass,
     disabled: loadingActive || primaryButtonDisabled,
     kind: danger ? 'danger' : 'primary',
     ref: inputref
-  }, loadingStatus === 'inactive' ? primaryButtonText : /*#__PURE__*/React__default.createElement(InlineLoading, {
+  }, loadingStatus === 'inactive' ? primaryButtonText : /*#__PURE__*/React.createElement(InlineLoading, {
     status: loadingStatus,
     description: loadingDescription,
     iconDescription: loadingIconDescription,

package/es/components/ComposedModal/ModalHeader.js

@@ -6,14 +6,14 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { Close } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { IconButton } from '../IconButton/index.js';
 
-const ModalHeader = /*#__PURE__*/React__default.forwardRef(function ModalHeader(_ref, ref) {
+const ModalHeader = /*#__PURE__*/React.forwardRef(function ModalHeader(_ref, ref) {
   let {
     buttonOnClick,
     children,
@@ -38,23 +38,23 @@ const ModalHeader = /*#__PURE__*/React__default.forwardRef(function ModalHeader(
   const titleClass = cx(`${prefix}--modal-header__heading ${prefix}--type-beta`, titleClassName);
   const closeClass = cx(`${prefix}--modal-close`, closeClassName);
   const closeIconClass = cx(`${prefix}--modal-close__icon`, closeIconClassName);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: headerClass
   }, rest, {
     ref: ref
-  }), label && /*#__PURE__*/React__default.createElement("h2", {
+  }), label && /*#__PURE__*/React.createElement("h2", {
     className: labelClass
-  }, label), title && /*#__PURE__*/React__default.createElement("h2", {
+  }, label), title && /*#__PURE__*/React.createElement("h2", {
     className: titleClass
-  }, title), children, /*#__PURE__*/React__default.createElement("div", {
+  }, title), children, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--modal-close-button`
-  }, /*#__PURE__*/React__default.createElement(IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, {
     className: closeClass,
     label: iconDescription,
     onClick: handleCloseButtonClick,
     "aria-label": iconDescription,
     align: "left"
-  }, /*#__PURE__*/React__default.createElement(Close, {
+  }, /*#__PURE__*/React.createElement(Close, {
     size: 20,
     "aria-hidden": "true",
     tabIndex: "-1",

package/es/components/ContainedList/ContainedList.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { LayoutConstraint } from '../Layout/index.js';
@@ -59,7 +59,7 @@ const ContainedList = _ref => {
   }, `${prefix}--contained-list--${kind}`, className);
   const filteredChildren = filterChildren(children);
   function isSearchAction(action) {
-    if (! /*#__PURE__*/React__default.isValidElement(action)) {
+    if (! /*#__PURE__*/React.isValidElement(action)) {
       return false;
     }
     const actionTypes = ['Search', 'ExpandableSearch'];
@@ -73,14 +73,14 @@ const ContainedList = _ref => {
   }
   const isActionSearch = isSearchAction(action);
   const renderedChildren = renderChildren(children);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classes
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--contained-list__header`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     id: labelId,
     className: `${prefix}--contained-list__label`
-  }, label), /*#__PURE__*/React__default.createElement(LayoutConstraint, {
+  }, label), /*#__PURE__*/React.createElement(LayoutConstraint, {
     size: {
       min: 'sm',
       max: 'xl'
@@ -96,7 +96,7 @@ const ContainedList = _ref => {
    * Ref https://bugs.webkit.org/show_bug.cgi?id=170179#c1
    */
   // eslint-disable-next-line jsx-a11y/no-redundant-roles
-  React__default.createElement("ul", {
+  React.createElement("ul", {
     role: "list",
     "aria-labelledby": labelId
   }, isActionSearch ? filteredChildren : renderedChildren));

package/es/components/ContainedList/ContainedListItem/ContainedListItem.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { LayoutConstraint } from '../../Layout/index.js';
@@ -29,19 +29,19 @@ const ContainedListItem = _ref => {
     [`${prefix}--contained-list-item--with-icon`]: IconElement,
     [`${prefix}--contained-list-item--with-action`]: action
   });
-  const content = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, IconElement && /*#__PURE__*/React__default.createElement("div", {
+  const content = /*#__PURE__*/React.createElement(React.Fragment, null, IconElement && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--contained-list-item__icon`
-  }, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement("div", null, children));
-  return /*#__PURE__*/React__default.createElement("li", _extends({
+  }, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement("div", null, children));
+  return /*#__PURE__*/React.createElement("li", _extends({
     className: classes
-  }, rest), isClickable ? /*#__PURE__*/React__default.createElement("button", {
+  }, rest), isClickable ? /*#__PURE__*/React.createElement("button", {
     className: `${prefix}--contained-list-item__content`,
     type: "button",
     disabled: disabled,
     onClick: onClick
-  }, content) : /*#__PURE__*/React__default.createElement("div", {
+  }, content) : /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--contained-list-item__content`
-  }, content), action && /*#__PURE__*/React__default.createElement(LayoutConstraint, {
+  }, content), action && /*#__PURE__*/React.createElement(LayoutConstraint, {
     size: {
       min: 'sm',
       max: 'lg'

package/es/components/ContentSwitcher/ContentSwitcher.d.ts

@@ -28,6 +28,10 @@ export interface ContentSwitcherProps extends Omit<HTMLAttributes<HTMLElement>,
      *     been deprecated in favor of the new `Layer` component. It will be removed in the next major release.
      */
     light?: boolean;
+    /**
+     * `true` to use the low contrast version.
+     */
+    lowContrast?: boolean;
     /**
      * Specify an `onChange` handler that is called whenever the ContentSwitcher
      * changes which item is selected
@@ -72,6 +76,10 @@ export default class ContentSwitcher extends React.Component<ContentSwitcherProp
          * `true` to use the light variant.
          */
         light: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        /**
+         * `true` to use the low contrast version.
+         */
+        lowContrast: PropTypes.Requireable<boolean>;
         /**
          * Specify an `onChange` handler that is called whenever the ContentSwitcher
          * changes which item is selected

package/es/components/ContentSwitcher/ContentSwitcher.js

@@ -7,7 +7,7 @@
 
 import { defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import deprecate from '../../prop-types/deprecate.js';
 import { LayoutConstraint } from '../Layout/index.js';
@@ -18,7 +18,7 @@ import { getNextIndex } from '../../internal/keyboard/navigation.js';
 import { PrefixContext } from '../../internal/usePrefix.js';
 import { noopFn } from '../../internal/noopFn.js';
 
-class ContentSwitcher extends React__default.Component {
+class ContentSwitcher extends React.Component {
   constructor() {
     super(...arguments);
     /**
@@ -50,7 +50,7 @@ class ContentSwitcher extends React__default.Component {
       } = data;
       if (matches(data, [ArrowRight, ArrowLeft])) {
         const nextIndex = getNextIndex(key, index, this.props.children?.length);
-        const children = React__default.Children.toArray(this.props.children);
+        const children = React.Children.toArray(this.props.children);
         if (selectionMode === 'manual') {
           const switchRef = this._switchRefs[nextIndex];
           switchRef && switchRef.focus();
@@ -101,6 +101,7 @@ class ContentSwitcher extends React__default.Component {
       children,
       className,
       light,
+      lowContrast,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       selectedIndex = 0,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -110,7 +111,7 @@ class ContentSwitcher extends React__default.Component {
       onChange = noopFn,
       ...other
     } = this.props;
-    const isIconOnly = React__default.Children?.map(children, child => {
+    const isIconOnly = React.Children?.map(children, child => {
       return child.type.displayName === 'IconSwitch';
     })?.every(val => val === true);
     const classes = cx(`${prefix}--content-switcher`, className, {
@@ -118,9 +119,10 @@ class ContentSwitcher extends React__default.Component {
       [`${prefix}--content-switcher--${size}`]: size,
       // TODO: V12 - Remove this class
       [`${prefix}--layout--size-${size}`]: size,
-      [`${prefix}--content-switcher--icon-only`]: isIconOnly
+      [`${prefix}--content-switcher--icon-only`]: isIconOnly,
+      [`${prefix}--content-switcher--low-contrast`]: lowContrast
     });
-    return /*#__PURE__*/React__default.createElement(LayoutConstraint, _extends({
+    return /*#__PURE__*/React.createElement(LayoutConstraint, _extends({
       size: {
         default: 'md',
         min: 'sm',
@@ -130,7 +132,7 @@ class ContentSwitcher extends React__default.Component {
       className: classes,
       role: "tablist",
       onChange: undefined
-    }), children && React__default.Children.toArray(children).map((child, index) => /*#__PURE__*/React__default.cloneElement(child, {
+    }), children && React.Children.toArray(children).map((child, index) => /*#__PURE__*/React.cloneElement(child, {
       index,
       onClick: composeEventHandlers([this.handleChildChange, child.props.onClick]),
       onKeyDown: this.handleChildChange,
@@ -153,6 +155,10 @@ _defineProperty(ContentSwitcher, "propTypes", {
    * `true` to use the light variant.
    */
   light: deprecate(PropTypes.bool, 'The `light` prop for `ContentSwitcher` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
+  /**
+   * `true` to use the low contrast version.
+   */
+  lowContrast: PropTypes.bool,
   /**
    * Specify an `onChange` handler that is called whenever the ContentSwitcher
    * changes which item is selected

package/es/components/Copy/Copy.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useState, useCallback, useEffect } from 'react';
+import React, { useState, useCallback, useEffect } from 'react';
 import cx from 'classnames';
 import { composeEventHandlers } from '../../tools/events.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -52,7 +52,7 @@ function Copy(_ref) {
     handleFadeOut.cancel();
   }, [handleFadeOut]);
   const initialLabel = other['aria-label'] ?? '';
-  return /*#__PURE__*/React__default.createElement(IconButton, _extends({
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
     closeOnActivation: false,
     align: align,
     autoAlign: autoAlign,

package/es/components/CopyButton/CopyButton.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { Copy as Copy$1 } from '@carbon/icons-react';
 import Copy from '../Copy/Copy.js';
@@ -29,12 +29,12 @@ function CopyButton(_ref) {
     ...other
   } = _ref;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement(LayoutConstraint, {
+  return /*#__PURE__*/React.createElement(LayoutConstraint, {
     size: {
       default: 'md',
       max: 'lg'
     }
-  }, /*#__PURE__*/React__default.createElement(Copy, _extends({
+  }, /*#__PURE__*/React.createElement(Copy, _extends({
     feedback: feedback,
     feedbackTimeout: feedbackTimeout,
     onClick: onClick,
@@ -42,7 +42,7 @@ function CopyButton(_ref) {
     autoAlign: autoAlign,
     className: cx(className, `${prefix}--copy-btn`),
     "aria-label": iconDescription
-  }, other), /*#__PURE__*/React__default.createElement(Copy$1, {
+  }, other), /*#__PURE__*/React.createElement(Copy$1, {
     className: `${prefix}--snippet__icon`
   })));
 }

package/es/components/DangerButton/DangerButton.js

@@ -6,11 +6,11 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
 
-const DangerButton = props => /*#__PURE__*/React__default.createElement(Button, _extends({}, props, {
+const DangerButton = props => /*#__PURE__*/React.createElement(Button, _extends({}, props, {
   kind: "danger"
 }));