@carbon/react 1.26.1 → 1.27.0-rc.0

package/lib/components/Switch/IconSwitch.js

@@ -0,0 +1,184 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+var index = require('../IconButton/index.js');
+var usePrefix = require('../../internal/usePrefix.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var _excluded = ["align", "children", "className", "disabled", "enterDelayMs", "index", "leaveDelayMs", "name", "onClick", "onKeyDown", "selected", "size", "text"];
+
+var noopFn = function noopFn() {};
+
+var IconSwitch = /*#__PURE__*/React__default["default"].forwardRef(function Switch(props, tabRef) {
+  var _classNames2;
+
+  var align = props.align,
+      children = props.children,
+      className = props.className,
+      disabled = props.disabled,
+      enterDelayMs = props.enterDelayMs,
+      index$1 = props.index,
+      _props$leaveDelayMs = props.leaveDelayMs,
+      leaveDelayMs = _props$leaveDelayMs === void 0 ? 0 : _props$leaveDelayMs,
+      name = props.name,
+      _props$onClick = props.onClick,
+      onClick = _props$onClick === void 0 ? noopFn : _props$onClick,
+      _props$onKeyDown = props.onKeyDown,
+      onKeyDown = _props$onKeyDown === void 0 ? noopFn : _props$onKeyDown,
+      _props$selected = props.selected,
+      selected = _props$selected === void 0 ? false : _props$selected,
+      size = props.size,
+      text = props.text,
+      other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      isHovered = _useState2[0],
+      setIsHovered = _useState2[1];
+
+  var handleClick = function handleClick(e) {
+    e.preventDefault();
+    onClick({
+      index: index$1,
+      name: name,
+      text: text
+    });
+  };
+
+  var handleKeyDown = function handleKeyDown(event) {
+    var key = event.key || event.which;
+    onKeyDown({
+      index: index$1,
+      name: name,
+      text: text,
+      key: key
+    });
+  };
+
+  var handleMouseEnter = function handleMouseEnter() {
+    setIsHovered(true);
+  };
+
+  var handleMouseLeave = function handleMouseLeave() {
+    setIsHovered(false);
+  };
+
+  var classes = cx__default["default"](className, "".concat(prefix, "--content-switcher-btn"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--content-switcher--selected"), selected));
+  var iconButtonClasses = cx__default["default"]("".concat(prefix, "--content-switcher-popover__wrapper"), (_classNames2 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--content-switcher-popover--selected"), selected), _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--content-switcher-popover--disabled"), disabled), _classNames2));
+  var commonProps = {
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    className: classes,
+    disabled: disabled,
+    align: align,
+    enterDelayMs: enterDelayMs,
+    leaveDelayMs: leaveDelayMs,
+    size: size
+  };
+  return /*#__PURE__*/React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({
+    label: text,
+    type: "button",
+    ref: tabRef,
+    role: "tab",
+    tabIndex: selected || isHovered ? 0 : -1,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onFocus: handleMouseEnter,
+    onBlur: handleMouseLeave,
+    "aria-selected": selected,
+    "aria-label": text,
+    wrapperClasses: iconButtonClasses
+  }, other, commonProps), children);
+});
+IconSwitch.displayName = 'IconSwitch';
+IconSwitch.propTypes = {
+  /**
+   * Specify how the trigger should align with the tooltip
+   */
+  align: PropTypes__default["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
+
+  /**
+   * Provide child elements to be rendered inside of the Switch
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * Specify an optional className to be added to your Switch
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether or not the Switch should be disabled
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * Specify the duration in milliseconds to delay before displaying the tooltip
+   */
+  enterDelayMs: PropTypes__default["default"].number,
+
+  /**
+   * The index of your Switch in your ContentSwitcher that is used for event handlers.
+   * Reserved for usage in ContentSwitcher
+   */
+  index: PropTypes__default["default"].number,
+
+  /**
+   * Specify the duration in milliseconds to delay before hiding the tooltip
+   */
+  leaveDelayMs: PropTypes__default["default"].number,
+
+  /**
+   * Provide the name of your Switch that is used for event handlers
+   */
+  name: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+
+  /**
+   * A handler that is invoked when a user clicks on the control.
+   * Reserved for usage in ContentSwitcher
+   */
+  onClick: PropTypes__default["default"].func,
+
+  /**
+   * A handler that is invoked on the key down event for the control.
+   * Reserved for usage in ContentSwitcher
+   */
+  onKeyDown: PropTypes__default["default"].func,
+
+  /**
+   * Whether your Switch is selected. Reserved for usage in ContentSwitcher
+   */
+  selected: PropTypes__default["default"].bool,
+
+  /**
+   * Passed in from `ContentSwitcher` to render icon-only variant
+   */
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+
+  /**
+   * Provide the visible text displayed by the Tooltip
+   */
+  text: PropTypes__default["default"].string
+};
+var IconSwitch$1 = IconSwitch;
+
+exports["default"] = IconSwitch$1;

package/lib/components/TextArea/TextArea.js

@@ -22,6 +22,7 @@ var FormContext = require('../FluidForm/FormContext.js');
 var useAnnouncer = require('../../internal/useAnnouncer.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
+var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -30,6 +31,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["className", "id", "labelText", "hideLabel", "onChange", "onClick", "invalid", "invalidText", "helperText", "light", "placeholder", "enableCounter", "maxCount", "warn", "warnText"];
+var getInstanceId = setupGetInstanceId["default"]();
 var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function (props, forwardRef) {
   var _classNames, _classNames4, _classNames5;
 
@@ -66,6 +68,9 @@ var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function (props
       textCount = _useState2[0],
       setTextCount = _useState2[1];
 
+  var _useRef = React.useRef(getInstanceId()),
+      textAreaInstanceId = _useRef.current;
+
   var textareaProps = {
     id: id,
     onChange: function onChange(evt) {
@@ -99,7 +104,9 @@ var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function (props
     className: counterClasses
   }, "".concat(textCount, "/").concat(maxCount)) : null;
   var helperTextClasses = cx__default["default"]("".concat(prefix, "--form__helper-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--form__helper-text--disabled"), other.disabled));
+  var helperId = !helperText ? undefined : "text-area-helper-text-".concat(textAreaInstanceId);
   var helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
+    id: helperId,
     className: helperTextClasses
   }, helperText) : null;
   var errorId = id + '-error-msg';
@@ -127,11 +134,19 @@ var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function (props
       textareaRef.current.style.width = "100%";
     }
   }, [other.cols]);
+  var ariaDescribedBy;
+
+  if (invalid) {
+    ariaDescribedBy = errorId;
+  } else if (!invalid && !warn && !isFluid && helperText) {
+    ariaDescribedBy = helperId;
+  }
+
   var input = /*#__PURE__*/React__default["default"].createElement("textarea", _rollupPluginBabelHelpers["extends"]({}, other, textareaProps, {
     placeholder: placeholder,
     className: textareaClasses,
     "aria-invalid": invalid,
-    "aria-describedby": invalid ? errorId : undefined,
+    "aria-describedby": ariaDescribedBy,
     disabled: other.disabled,
     readOnly: other.readOnly,
     ref: ref

package/lib/components/TextInput/ControlledPasswordInput.js

@@ -18,6 +18,7 @@ var util = require('./util.js');
 var warning = require('../../internal/warning.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,6 +27,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var _excluded = ["labelText", "className", "id", "placeholder", "onChange", "onClick", "hideLabel", "invalid", "invalidText", "helperText", "light", "type", "togglePasswordVisibility", "tooltipPosition", "tooltipAlignment", "hidePasswordLabel", "showPasswordLabel", "size"];
+var getInstanceId = setupGetInstanceId["default"]();
 var didWarnAboutDeprecation = false;
 var ControlledPasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function ControlledPasswordInput(_ref, ref) {
   var _classNames, _classNames2, _classNames4;
@@ -57,6 +59,9 @@ var ControlledPasswordInput = /*#__PURE__*/React__default["default"].forwardRef(
 
   var prefix = usePrefix.usePrefix();
 
+  var _useRef = React.useRef(getInstanceId()),
+      controlledPasswordInstanceId = _useRef.current;
+
   if (process.env.NODE_ENV !== "production") {
     process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, '`<TextInput.ControlledPasswordInput>` has been deprecated in favor of `<TextInput.PasswordInput />` and will be removed in the next major release of `carbon-components-react`') : void 0;
     didWarnAboutDeprecation = true;
@@ -100,10 +105,13 @@ var ControlledPasswordInput = /*#__PURE__*/React__default["default"].forwardRef(
     className: "".concat(prefix, "--icon-visibility-on")
   });
   var passwordVisibilityToggleClasses = cx__default["default"]("".concat(prefix, "--text-input--password__visibility__toggle"), "".concat(prefix, "--btn"), "".concat(prefix, "--btn--icon-only"), "".concat(prefix, "--tooltip__trigger"), "".concat(prefix, "--tooltip--a11y"), (_classNames4 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--tooltip--").concat(tooltipPosition), tooltipPosition), _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--tooltip--align-").concat(tooltipAlignment), tooltipAlignment), _classNames4));
+  var helperId = !helperText ? undefined : "controlled-password-helper-text-".concat(controlledPasswordInstanceId);
   var input = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, util.textInputProps({
     invalid: invalid,
     sharedTextInputProps: sharedTextInputProps,
-    invalidId: errorId
+    invalidId: errorId,
+    hasHelper: !error && helperText,
+    helperId: helperId
   }), {
     "data-toggle-password-visibility": type === 'password'
   })), /*#__PURE__*/React__default["default"].createElement("button", {
@@ -114,6 +122,7 @@ var ControlledPasswordInput = /*#__PURE__*/React__default["default"].forwardRef(
     className: "".concat(prefix, "--assistive-text")
   }, passwordIsVisible ? hidePasswordLabel : showPasswordLabel), passwordVisibilityIcon));
   var helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
+    id: helperId,
     className: helperTextClasses
   }, helperText) : null;
   return /*#__PURE__*/React__default["default"].createElement("div", {

package/lib/components/TextInput/PasswordInput.js

@@ -122,6 +122,7 @@ var PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function P
     className: labelClasses
   }, labelText) : null;
   var helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
+    id: normalizedProps.helperId,
     className: helperTextClasses
   }, helperText) : null;
   var passwordIsVisible = inputType === 'text';
@@ -136,7 +137,9 @@ var PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function P
     invalid: normalizedProps.invalid,
     invalidId: normalizedProps.invalidId,
     warn: normalizedProps.warn,
-    warnId: normalizedProps.warnId
+    warnId: normalizedProps.warnId,
+    hasHelper: Boolean(helperText && !isFluid && (inline || !inline && !normalizedProps.validation)),
+    helperId: normalizedProps.helperId
   }), {
     disabled: disabled,
     "data-toggle-password-visibility": inputType === 'password'

package/lib/components/TextInput/index.js

@@ -15,9 +15,6 @@ var PasswordInput = require('./PasswordInput.js');
 var TextInput = require('./TextInput.js');
 var TextInput_Skeleton = require('./TextInput.Skeleton.js');
 
-TextInput["default"].ControlledPasswordInput = ControlledPasswordInput["default"];
-TextInput["default"].PasswordInput = PasswordInput["default"];
-
 if (process.env.NODE_ENV !== "production") {
   deprecateFieldOnObject.deprecateFieldOnObject(TextInput["default"], 'ControlledPasswordInput', ControlledPasswordInput["default"]);
   deprecateFieldOnObject.deprecateFieldOnObject(TextInput["default"], 'PasswordInput', PasswordInput["default"]);

package/lib/components/TextInput/util.js

@@ -25,13 +25,26 @@ var warnProps = function warnProps(warnId) {
   };
 };
 
+var helperProps = function helperProps(helperId) {
+  return {
+    'aria-describedby': helperId
+  };
+};
+/**
+ * @param {{sharedTextInputProps: object, invalid?: boolean, invalidId?: string, warn?: boolean, warnId?: string, hasHelper?: boolean, helperId?: string}} config
+ * @returns {object}
+ */
+
+
 var textInputProps = function textInputProps(_ref) {
   var sharedTextInputProps = _ref.sharedTextInputProps,
       invalid = _ref.invalid,
       invalidId = _ref.invalidId,
       warn = _ref.warn,
-      warnId = _ref.warnId;
-  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, sharedTextInputProps), invalid ? invalidProps(invalidId) : {}), warn ? warnProps(warnId) : {});
+      warnId = _ref.warnId,
+      hasHelper = _ref.hasHelper,
+      helperId = _ref.helperId;
+  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, sharedTextInputProps), invalid ? invalidProps(invalidId) : {}), warn ? warnProps(warnId) : {}), hasHelper ? helperProps(helperId) : {});
 };
 
 exports.textInputProps = textInputProps;

package/lib/components/Tile/Tile.js

@@ -20,6 +20,7 @@ var events = require('../../tools/events.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
+var useMergedRefs = require('../../internal/useMergedRefs.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
 
@@ -328,7 +329,7 @@ SelectableTile.propTypes = {
    */
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired
 };
-function ExpandableTile(_ref4) {
+var ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(function ExpandableTile(_ref4, forwardRef) {
   var _cx4, _cx5;
 
   var tabIndex = _ref4.tabIndex,
@@ -386,6 +387,7 @@ function ExpandableTile(_ref4) {
   var tileContent = React.useRef(null);
   var tile = React.useRef(null);
   var prefix = usePrefix.usePrefix();
+  var ref = useMergedRefs.useMergedRefs([forwardRef, tile]);
 
   if (expanded !== prevExpanded) {
     setIsExpanded(expanded);
@@ -473,7 +475,7 @@ function ExpandableTile(_ref4) {
     };
   }, []);
   return interactive ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    ref: tile,
+    ref: ref,
     className: interactiveClassNames,
     "aria-expanded": isExpanded
   }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -493,7 +495,7 @@ function ExpandableTile(_ref4) {
     className: "".concat(prefix, "--tile-content")
   }, childrenAsArray[1]))) : /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
     type: "button",
-    ref: tile,
+    ref: ref,
     className: classNames,
     "aria-expanded": isExpanded,
     title: isExpanded ? tileExpandedIconText : tileCollapsedIconText
@@ -512,7 +514,7 @@ function ExpandableTile(_ref4) {
     ref: belowTheFold,
     className: "".concat(prefix, "--tile-content")
   }, childrenAsArray[1])));
-}
+});
 ExpandableTile.propTypes = {
   /**
    * The child nodes.

package/lib/components/Toggle/Toggle.Skeleton.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import PropTypes from 'prop-types';
+import React from 'react';
+type ToggleSkeletonProps = {
+    'aria-label': string;
+    /**
+     * Specify an optional className to add to the form item wrapper.
+     */
+    className?: string;
+    /**
+     * Provide an id that unique represents the underlying `<input>`
+     */
+    id?: string;
+    /**
+     * Provide the text that will be read by a screen reader when visiting this
+     * control
+     * `aria-label` is always required but will be null if `labelText` is also
+     * provided
+     */
+    labelText?: string;
+    /**
+     * Specify the size of the Toggle. Currently only supports 'sm' or 'md' (default)
+     */
+    size?: 'sm' | 'md';
+} & React.HTMLAttributes<HTMLDivElement>;
+declare class ToggleSkeleton extends React.Component<ToggleSkeletonProps> {
+    static propTypes: {
+        "aria-label": PropTypes.Validator<string>;
+        /**
+         * Specify an optional className to add to the form item wrapper.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Provide an id that unique represents the underlying `<input>`
+         */
+        id: PropTypes.Requireable<string>;
+        /**
+         * Provide the text that will be read by a screen reader when visiting this
+         * control
+         * `aria-label` is always required but will be undefined if `labelText` is also
+         * provided
+         */
+        labelText: PropTypes.Requireable<string>;
+        /**
+         * Specify the size of the Toggle. Currently only supports 'sm' or 'md' (default)
+         */
+        size: PropTypes.Requireable<string>;
+    };
+    static defaultProps: Partial<ToggleSkeletonProps>;
+    render(): JSX.Element;
+}
+export default ToggleSkeleton;
+export { ToggleSkeleton };

package/lib/components/Toggle/Toggle.Skeleton.js

@@ -60,7 +60,7 @@ var ToggleSkeleton = /*#__PURE__*/function (_React$Component) {
         }), /*#__PURE__*/React__default["default"].createElement("label", {
           className: "".concat(prefix, "--toggle-input__label"),
           htmlFor: id,
-          "aria-label": labelText ? null : _this.props['aria-label']
+          "aria-label": labelText ? undefined : _this.props['aria-label']
         }, labelText ? _div || (_div = /*#__PURE__*/React__default["default"].createElement("div", null, labelText)) : null, /*#__PURE__*/React__default["default"].createElement("span", {
           className: "".concat(prefix, "--toggle__switch")
         }, /*#__PURE__*/React__default["default"].createElement("span", {

package/lib/components/Tooltip/Tooltip.d.ts

@@ -22,7 +22,7 @@ interface TooltipBaseProps {
      */
     className?: string;
     /**
-     * Determines wether the tooltip should close when inner content is activated (click, Enter or Space)
+     * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)
      */
     closeOnActivation?: boolean;
     /**

package/lib/index.d.ts

@@ -12,6 +12,7 @@ export * from './components/Breadcrumb';
 export * from './components/Button';
 export * from './components/ButtonSet';
 export * from './components/Checkbox';
+export * from './components/CheckboxGroup';
 export * from './components/ClassPrefix';
 export * from './components/CodeSnippet';
 export * from './components/ComboBox';

package/lib/index.js

@@ -14,6 +14,7 @@ var Checkbox = require('./components/Checkbox/Checkbox.js');
 var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
 var index$4 = require('./components/ClassPrefix/index.js');
 var index$5 = require('./components/ContentSwitcher/index.js');
+require('./components/DataTable/index.js');
 var Dropdown = require('./components/Dropdown/Dropdown.js');
 var Dropdown_Skeleton = require('./components/Dropdown/Dropdown.Skeleton.js');
 var FluidForm = require('./components/FluidForm/FluidForm.js');
@@ -64,6 +65,7 @@ var Accordion_Skeleton = require('./components/Accordion/Accordion.Skeleton.js')
 var Accordion = require('./components/Accordion/Accordion.js');
 var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
 var Breadcrumb_Skeleton = require('./components/Breadcrumb/Breadcrumb.Skeleton.js');
+var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
 var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
 var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
 var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
@@ -180,6 +182,7 @@ var Select = require('./components/Select/Select.js');
 var SelectItem = require('./components/SelectItem/SelectItem.js');
 var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
 var Switch = require('./components/Switch/Switch.js');
+var IconSwitch = require('./components/Switch/IconSwitch.js');
 var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
 var StructuredList_Skeleton = require('./components/StructuredList/StructuredList.Skeleton.js');
 var StructuredList = require('./components/StructuredList/StructuredList.js');
@@ -289,6 +292,7 @@ exports.AccordionSkeleton = Accordion_Skeleton["default"];
 exports.Accordion = Accordion["default"];
 exports.AspectRatio = AspectRatio["default"];
 exports.BreadcrumbSkeleton = Breadcrumb_Skeleton["default"];
+exports.CheckboxGroup = CheckboxGroup["default"];
 exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
 exports.CodeSnippet = CodeSnippet["default"];
 exports.ContainedListItem = ContainedListItem["default"];
@@ -356,7 +360,7 @@ exports.ModalFooter = ModalFooter.ModalFooter;
 exports.ModalHeader = ModalHeader.ModalHeader;
 exports.DangerButton = DangerButton["default"];
 exports.DataTable = DataTable["default"];
-exports.Table = Table["default"];
+exports.Table = Table.Table;
 exports.TableActionList = TableActionList["default"];
 exports.TableBatchAction = TableBatchAction["default"];
 exports.TableBatchActions = TableBatchActions["default"];
@@ -415,6 +419,7 @@ exports.Select = Select["default"];
 exports.SelectItem = SelectItem["default"];
 exports.SelectItemGroup = SelectItemGroup["default"];
 exports.Switch = Switch["default"];
+exports.IconSwitch = IconSwitch["default"];
 exports.SliderSkeleton = Slider_Skeleton["default"];
 exports.StructuredListSkeleton = StructuredList_Skeleton["default"];
 exports.StructuredListBody = StructuredList.StructuredListBody;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.26.1",
+  "version": "1.27.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -37,16 +37,16 @@
     "storybook": "start-storybook -p 3000"
   },
   "peerDependencies": {
-    "react": "^16.8.6 || ^17.0.1",
-    "react-dom": "^16.8.6 || ^17.0.1",
+    "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
+    "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "sass": "^1.33.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.13.0",
-    "@carbon/icons-react": "^11.17.0",
-    "@carbon/layout": "^11.12.0",
-    "@carbon/styles": "^1.26.1",
+    "@carbon/icons-react": "^11.18.0-rc.0",
+    "@carbon/layout": "^11.13.0-rc.0",
+    "@carbon/styles": "^1.27.0-rc.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -59,7 +59,7 @@
     "lodash.omit": "^4.5.0",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.7.2",
-    "react-is": "^17.0.2",
+    "react-is": "^18.2.0",
     "use-resize-observer": "^6.0.0",
     "wicg-inert": "^3.1.1",
     "window-or-global": "^1.0.1"
@@ -72,8 +72,8 @@
     "@babel/plugin-transform-react-constant-elements": "^7.17.12",
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",
-    "@carbon/test-utils": "^10.27.0",
-    "@carbon/themes": "^11.17.0",
+    "@carbon/test-utils": "^10.28.0-rc.0",
+    "@carbon/themes": "^11.18.0-rc.0",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^24.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -106,8 +106,8 @@
     "postcss-loader": "^7.0.0",
     "process": "^0.11.10",
     "prop-types": "^15.7.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "requestanimationframe": "^0.0.23",
     "rimraf": "^4.0.0",
     "rollup": "^2.79.1",
@@ -133,5 +133,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "722f2ebbad8ce2ebf41385a1e3dae5b9ca279a5b"
+  "gitHead": "af6bbf9ea6a025c19a041ea352dfde798e1cd22f"
 }