@carbon/react 1.57.0-rc.0 → 1.58.0-rc.0

package/lib/components/TextArea/TextArea.d.ts

@@ -4,8 +4,7 @@
  * 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 { ReactNodeLike } from 'prop-types';
-import React from 'react';
+import React, { ReactNode } from 'react';
 export interface TextAreaProps extends React.InputHTMLAttributes<HTMLTextAreaElement> {
     /**
      * Provide a custom className that is applied directly to the underlying
@@ -31,7 +30,7 @@ export interface TextAreaProps extends React.InputHTMLAttributes<HTMLTextAreaEle
     /**
      * Provide text that is used alongside the control label for additional help
      */
-    helperText?: ReactNodeLike;
+    helperText?: ReactNode;
     /**
      * Specify whether you want the underlying label to be visually hidden
      */
@@ -47,12 +46,12 @@ export interface TextAreaProps extends React.InputHTMLAttributes<HTMLTextAreaEle
     /**
      * Provide the text that is displayed when the control is in an invalid state
      */
-    invalidText?: ReactNodeLike;
+    invalidText?: ReactNode;
     /**
      * Provide the text that will be read by a screen reader when visiting this
      * control
      */
-    labelText: ReactNodeLike;
+    labelText: ReactNode;
     /**
      * @deprecated
      * `true` to use the light version. For use on $ui-01 backgrounds only.
@@ -93,7 +92,7 @@ export interface TextAreaProps extends React.InputHTMLAttributes<HTMLTextAreaEle
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `TextArea` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
     /**
      * Provide the current value of the `<textarea>`
      */
@@ -105,7 +104,7 @@ export interface TextAreaProps extends React.InputHTMLAttributes<HTMLTextAreaEle
     /**
      * Provide the text that is displayed when the control is in warning state
      */
-    warnText?: ReactNodeLike;
+    warnText?: ReactNode;
     /**
      * Specify the method used for calculating the counter number
      */

package/lib/components/TextInput/PasswordInput.d.ts

@@ -1,5 +1,4 @@
-import React, { InputHTMLAttributes } from 'react';
-import { ReactNodeLike } from 'prop-types';
+import React, { InputHTMLAttributes, ReactNode } from 'react';
 type ExcludedAttributes = 'size';
 export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, ExcludedAttributes> {
     /**
@@ -21,7 +20,7 @@ export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputEl
     /**
      * Provide text that is used alongside the control label for additional help
      */
-    helperText?: ReactNodeLike;
+    helperText?: ReactNode;
     /**
      * Specify whether or not the underlying label is visually hidden
      */
@@ -45,11 +44,11 @@ export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputEl
     /**
      * Provide the text that is displayed when the control is in an invalid state
      */
-    invalidText?: ReactNodeLike;
+    invalidText?: ReactNode;
     /**
      * Provide the text that will be read by a screen reader when visiting this control
      */
-    labelText: ReactNodeLike;
+    labelText: ReactNode;
     /**
      * @deprecated The `light` prop for `PasswordInput` has been deprecated in favor of the new `Layer` component. It will be removed in the next major release.
      * `true` to use the light version. For use on $ui-01 backgrounds only.
@@ -119,7 +118,7 @@ export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputEl
     /**
      * Provide the text that is displayed when the control is in warning state
      */
-    warnText?: ReactNodeLike;
+    warnText?: ReactNode;
 }
 declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<unknown>>;
 export default PasswordInput;

package/lib/components/TextInput/PasswordInput.js

@@ -149,10 +149,10 @@ const PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function
       align = tooltipPosition;
     }
     if (tooltipAlignment === 'end') {
-      align = `${tooltipPosition}-right`;
+      align = `${tooltipPosition}-end`;
     }
     if (tooltipAlignment === 'start') {
-      align = `${tooltipPosition}-left`;
+      align = `${tooltipPosition}-start`;
     }
   }
   if (tooltipPosition === 'right' || tooltipPosition === 'left') {

package/lib/components/TextInput/TextInput.d.ts

@@ -4,7 +4,6 @@
  * 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 { ReactNodeLike } from 'prop-types';
 import React, { ReactNode } from 'react';
 type ExcludedAttributes = 'defaultValue' | 'id' | 'size' | 'value';
 export interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, ExcludedAttributes> {
@@ -89,7 +88,7 @@ export interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInput
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `TextInput` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
     /**
      * Specify the type of the `<input>`
      */

package/lib/components/Theme/index.d.ts

@@ -49,4 +49,5 @@ export declare namespace Theme {
  * Get access to the current theme
  */
 export declare function useTheme(): GlobalThemeProps;
+export declare function usePrefersDarkScheme(): boolean;
 export {};

package/lib/components/Theme/index.js

@@ -15,6 +15,7 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var LayerContext = require('../Layer/LayerContext.js');
+var useMatchMedia = require('../../internal/useMatchMedia.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -72,8 +73,10 @@ function Theme(_ref2) {
     [`${prefix}--layer-one`]: true
   });
   const value = React__default["default"].useMemo(() => {
+    const isDark = theme && ['g90', 'g100'].includes(theme);
     return {
-      theme
+      theme,
+      isDark
     };
   }, [theme]);
   const BaseComponentAsAny = BaseComponent;
@@ -112,8 +115,12 @@ Theme.propTypes = {
 function useTheme() {
   return React__default["default"].useContext(ThemeContext);
 }
+function usePrefersDarkScheme() {
+  return useMatchMedia.useMatchMedia('(prefers-color-scheme: dark)');
+}
 
 exports.GlobalTheme = GlobalTheme;
 exports.Theme = Theme;
 exports.ThemeContext = ThemeContext;
+exports.usePrefersDarkScheme = usePrefersDarkScheme;
 exports.useTheme = useTheme;

package/lib/components/Tile/Tile.d.ts

@@ -1,5 +1,4 @@
 import React, { type ReactNode, type MouseEvent, type KeyboardEvent, type HTMLAttributes, type ChangeEvent, type ComponentType } from 'react';
-import { ReactNodeLike } from 'prop-types';
 export interface TileProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     className?: string;
@@ -13,7 +12,7 @@ export interface TileProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `SelectableTile` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
 }
 export declare const Tile: React.ForwardRefExoticComponent<TileProps & React.RefAttributes<HTMLDivElement>>;
 export interface ClickableTileProps extends HTMLAttributes<HTMLAnchorElement> {
@@ -104,7 +103,7 @@ export interface SelectableTileProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `SelectableTile` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
     /**
      * Specify the tab index of the wrapper element
      */
@@ -149,7 +148,7 @@ export interface ExpandableTileProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `ExpandableTile` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
     /**
      * The `tabindex` attribute.
      */

package/lib/components/TileGroup/TileGroup.d.ts

@@ -4,14 +4,15 @@
  * 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, { ReactNodeLike } from 'prop-types';
+import PropTypes from 'prop-types';
+import { ReactNode } from 'react';
 import { ReactAttr } from '../../types/common';
 type ExcludedAttributes = 'onChange';
 export interface TileGroupProps extends Omit<ReactAttr<HTMLFieldSetElement>, ExcludedAttributes> {
     /**
      * Provide a collection of <RadioTile> components to render in the group
      */
-    children?: ReactNodeLike;
+    children?: ReactNode;
     /**
      * Provide an optional className to be applied to the container node
      */

package/lib/components/TileGroup/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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 TileGroup from './TileGroup';
+export default TileGroup;
+export { TileGroup };

package/lib/components/TimePicker/TimePicker.js

@@ -123,7 +123,7 @@ const TimePicker = /*#__PURE__*/React__default["default"].forwardRef(function Ti
       if (item) {
         return /*#__PURE__*/React__default["default"].cloneElement(item, {
           ...item.props,
-          disabled: disabled,
+          disabled: item.props.disabled ?? disabled,
           readOnly: readOnly,
           ...readOnlyEventHandlers
         });

package/lib/components/Toggle/Toggle.js

@@ -99,7 +99,7 @@ function Toggle(_ref) {
       role: "switch",
       type: "button",
       "aria-checked": checked,
-      "aria-labelledby": ariaLabelledby ?? labelId,
+      "aria-labelledby": ariaLabelledby ?? (labelText ? labelId : undefined),
       disabled: disabled,
       onClick: handleClick
     })), /*#__PURE__*/React__default["default"].createElement(LabelComponent, {

package/lib/components/Tooltip/DefinitionTooltip.js

@@ -28,7 +28,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const DefinitionTooltip = _ref => {
   let {
-    align = 'bottom-left',
+    align = 'bottom-start',
     className,
     children,
     definition,

package/lib/index.js

@@ -30,6 +30,7 @@ var index$5 = require('./components/ComboButton/index.js');
 var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
 var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
 var ModalFooter = require('./components/ComposedModal/ModalFooter.js');
+require('./components/ContainedList/index.js');
 var index$6 = require('./components/ContentSwitcher/index.js');
 var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
@@ -73,6 +74,7 @@ var MenuItem = require('./components/Menu/MenuItem.js');
 var index$8 = require('./components/MenuButton/index.js');
 var Modal = require('./components/Modal/Modal.js');
 var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
+require('./components/MultiSelect/index.js');
 var Notification = require('./components/Notification/Notification.js');
 var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
 var NumberInput = require('./components/NumberInput/NumberInput.js');
@@ -82,6 +84,8 @@ var OverflowMenuItem = require('./components/OverflowMenuItem/OverflowMenuItem.j
 var Pagination$1 = require('./components/Pagination/Pagination.js');
 var Pagination_Skeleton = require('./components/Pagination/Pagination.Skeleton.js');
 var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
+var ControlledPasswordInput = require('./components/TextInput/ControlledPasswordInput.js');
+var PasswordInput = require('./components/TextInput/PasswordInput.js');
 var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
 var ProgressIndicator_Skeleton = require('./components/ProgressIndicator/ProgressIndicator.Skeleton.js');
 var ProgressIndicator = require('./components/ProgressIndicator/ProgressIndicator.js');
@@ -119,13 +123,13 @@ var TextArea = require('./components/TextArea/TextArea.js');
 var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
 require('./components/TextInput/index.js');
 var Tile = require('./components/Tile/Tile.js');
-var index$b = require('./components/TileGroup/index.js');
+var TileGroup = require('./components/TileGroup/TileGroup.js');
 var TimePicker = require('./components/TimePicker/TimePicker.js');
 var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.js');
 var Toggle = require('./components/Toggle/Toggle.js');
 var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
-var index$c = require('./components/Toggletip/index.js');
+var index$b = require('./components/Toggletip/index.js');
 var Content = require('./components/UIShell/Content.js');
 var Header = require('./components/UIShell/Header.js');
 var HeaderContainer = require('./components/UIShell/HeaderContainer.js');
@@ -157,12 +161,12 @@ var SideNavMenuItem = require('./components/UIShell/SideNavMenuItem.js');
 var SideNavSwitcher = require('./components/UIShell/SideNavSwitcher.js');
 var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
 var index = require('./components/FeatureFlags/index.js');
-var index$d = require('./components/Heading/index.js');
-var index$e = require('./components/IconButton/index.js');
-var index$f = require('./components/Layer/index.js');
+var index$c = require('./components/Heading/index.js');
+var index$d = require('./components/IconButton/index.js');
+var index$e = require('./components/Layer/index.js');
 var index$1 = require('./components/Layout/index.js');
 var index$2 = require('./components/OverflowMenuV2/index.js');
-var index$g = require('./components/Popover/index.js');
+var index$f = require('./components/Popover/index.js');
 var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var index$3 = require('./components/Slug/index.js');
 var AiSkeletonPlaceholder = require('./components/AiSkeleton/AiSkeletonPlaceholder.js');
@@ -171,7 +175,7 @@ var AiSkeletonText = require('./components/AiSkeleton/AiSkeletonText.js');
 var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
 require('./components/Text/index.js');
-var index$h = require('./components/Theme/index.js');
+var index$g = require('./components/Theme/index.js');
 var usePrefix = require('./internal/usePrefix.js');
 var useIdPrefix = require('./internal/useIdPrefix.js');
 var FluidDatePicker_Skeleton = require('./components/FluidDatePicker/FluidDatePicker.Skeleton.js');
@@ -183,6 +187,7 @@ var PageSelector = require('./components/Pagination/experimental/PageSelector.js
 var Pagination = require('./components/Pagination/experimental/Pagination.js');
 var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
 var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
+var ContainedList = require('./components/ContainedList/ContainedList.js');
 var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
 var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
@@ -207,7 +212,6 @@ var ChatButton = require('./components/ChatButton/ChatButton.js');
 var ChatButton_Skeleton = require('./components/ChatButton/ChatButton.Skeleton.js');
 var Text = require('./components/Text/Text.js');
 var TextDirection = require('./components/Text/TextDirection.js');
-var ContainedList = require('./components/ContainedList/ContainedList.js');
 var DataTable = require('./components/DataTable/DataTable.js');
 var Table = require('./components/DataTable/Table.js');
 var TableActionList = require('./components/DataTable/TableActionList.js');
@@ -232,8 +236,6 @@ var TableToolbarSearch = require('./components/DataTable/TableToolbarSearch.js')
 var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
 var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
 var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
-var ControlledPasswordInput = require('./components/TextInput/ControlledPasswordInput.js');
-var PasswordInput = require('./components/TextInput/PasswordInput.js');
 var TreeNode = require('./components/TreeView/TreeNode.js');
 
 
@@ -323,6 +325,8 @@ exports.OverflowMenuItem = OverflowMenuItem["default"];
 exports.Pagination = Pagination$1["default"];
 exports.PaginationSkeleton = Pagination_Skeleton["default"];
 exports.PaginationNav = PaginationNav["default"];
+exports.ControlledPasswordInput = ControlledPasswordInput["default"];
+exports.PasswordInput = PasswordInput["default"];
 exports.PrimaryButton = PrimaryButton["default"];
 exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton["default"];
 exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
@@ -375,17 +379,17 @@ exports.SelectableTile = Tile.SelectableTile;
 exports.Tile = Tile.Tile;
 exports.TileAboveTheFoldContent = Tile.TileAboveTheFoldContent;
 exports.TileBelowTheFoldContent = Tile.TileBelowTheFoldContent;
-exports.TileGroup = index$b["default"];
+exports.TileGroup = TileGroup["default"];
 exports.TimePicker = TimePicker["default"];
 exports.TimePickerSelect = TimePickerSelect["default"];
 exports.Toggle = Toggle.Toggle;
 exports.ToggleSkeleton = Toggle_Skeleton["default"];
 exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
-exports.Toggletip = index$c.Toggletip;
-exports.ToggletipActions = index$c.ToggletipActions;
-exports.ToggletipButton = index$c.ToggletipButton;
-exports.ToggletipContent = index$c.ToggletipContent;
-exports.ToggletipLabel = index$c.ToggletipLabel;
+exports.Toggletip = index$b.Toggletip;
+exports.ToggletipActions = index$b.ToggletipActions;
+exports.ToggletipButton = index$b.ToggletipButton;
+exports.ToggletipContent = index$b.ToggletipContent;
+exports.ToggletipLabel = index$b.ToggletipLabel;
 exports.Content = Content["default"];
 exports.Header = Header["default"];
 exports.HeaderContainer = HeaderContainer["default"];
@@ -419,16 +423,16 @@ exports.UnorderedList = UnorderedList["default"];
 exports.unstable_FeatureFlags = index.FeatureFlags;
 exports.unstable_useFeatureFlag = index.useFeatureFlag;
 exports.unstable_useFeatureFlags = index.useFeatureFlags;
-exports.Heading = index$d.Heading;
-exports.Section = index$d.Section;
-exports.IconButton = index$e.IconButton;
-exports.IconButtonKinds = index$e.IconButtonKinds;
-exports.Layer = index$f.Layer;
-exports.useLayer = index$f.useLayer;
+exports.Heading = index$c.Heading;
+exports.Section = index$c.Section;
+exports.IconButton = index$d.IconButton;
+exports.IconButtonKinds = index$d.IconButtonKinds;
+exports.Layer = index$e.Layer;
+exports.useLayer = index$e.useLayer;
 exports.unstable_Layout = index$1.Layout;
 exports.unstable_OverflowMenuV2 = index$2.OverflowMenuV2;
-exports.Popover = index$g.Popover;
-exports.PopoverContent = index$g.PopoverContent;
+exports.Popover = index$f.Popover;
+exports.PopoverContent = index$f.PopoverContent;
 exports.ProgressBar = ProgressBar["default"];
 exports.unstable__Slug = index$3.Slug;
 exports.unstable__SlugActions = index$3.SlugActions;
@@ -438,10 +442,11 @@ exports.unstable__AiSkeletonIcon = AiSkeletonIcon["default"];
 exports.unstable__AiSkeletonText = AiSkeletonText["default"];
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
 exports.Tooltip = Tooltip.Tooltip;
-exports.GlobalTheme = index$h.GlobalTheme;
-exports.Theme = index$h.Theme;
-exports.ThemeContext = index$h.ThemeContext;
-exports.useTheme = index$h.useTheme;
+exports.GlobalTheme = index$g.GlobalTheme;
+exports.Theme = index$g.Theme;
+exports.ThemeContext = index$g.ThemeContext;
+exports.usePrefersDarkScheme = index$g.usePrefersDarkScheme;
+exports.useTheme = index$g.useTheme;
 exports.PrefixContext = usePrefix.PrefixContext;
 exports.usePrefix = usePrefix.usePrefix;
 exports.useIdPrefix = useIdPrefix.useIdPrefix;
@@ -454,6 +459,7 @@ exports.unstable_PageSelector = PageSelector["default"];
 exports.unstable_Pagination = Pagination["default"];
 exports.CheckboxGroup = CheckboxGroup["default"];
 exports.ContainedListItem = ContainedListItem["default"];
+exports.ContainedList = ContainedList["default"];
 exports.useContextMenu = useContextMenu["default"];
 exports.SliderSkeleton = Slider_Skeleton["default"];
 exports.TextInputSkeleton = TextInput_Skeleton["default"];
@@ -478,7 +484,6 @@ exports.unstable__ChatButton = ChatButton["default"];
 exports.unstable__ChatButtonSkeleton = ChatButton_Skeleton["default"];
 exports.unstable_Text = Text.Text;
 exports.unstable_TextDirection = TextDirection.TextDirection;
-exports.ContainedList = ContainedList["default"];
 exports.DataTable = DataTable["default"];
 exports.Table = Table.Table;
 exports.TableActionList = TableActionList["default"];
@@ -503,6 +508,4 @@ exports.TableToolbarSearch = TableToolbarSearch["default"];
 exports.TableToolbarMenu = TableToolbarMenu["default"];
 exports.FilterableMultiSelect = FilterableMultiSelect["default"];
 exports.MultiSelect = MultiSelect["default"];
-exports.ControlledPasswordInput = ControlledPasswordInput["default"];
-exports.PasswordInput = PasswordInput["default"];
 exports.TreeNode = TreeNode["default"];

package/lib/prop-types/deprecateValuesWithin.js

@@ -0,0 +1,39 @@
+/**
+ * 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 warning = require('../internal/warning.js');
+
+const didWarnAboutDeprecation = {};
+function deprecateValuesWithin(propType, allowedValues, propMappingFunction) {
+  return function checker(props, propName, componentName) {
+    if (props[propName] === undefined) {
+      return;
+    }
+    if (!didWarnAboutDeprecation[componentName] || !didWarnAboutDeprecation[componentName][propName]) {
+      didWarnAboutDeprecation[componentName] = {
+        ...didWarnAboutDeprecation[componentName],
+        [propName]: true
+      };
+      const deprecatedValue = props[propName];
+      const newValue = propMappingFunction ? propMappingFunction(deprecatedValue) : null;
+      if (allowedValues && !allowedValues.includes(deprecatedValue)) {
+        const message = propMappingFunction ? `"${deprecatedValue}" is a deprecated value for the "${propName}" prop on the "${componentName}" component. Use "${newValue}" instead. "${deprecatedValue}" will be removed in the next major release.` : `"${deprecatedValue}" is a deprecated value for the "${propName}" prop on the "${componentName}" component. Allowed values is/are: ${allowedValues.join(', ')}.  "${deprecatedValue}" will be removed in the next major release. `;
+        process.env.NODE_ENV !== "production" ? warning.warning(false, message) : void 0;
+      }
+    }
+    for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
+      rest[_key - 3] = arguments[_key];
+    }
+    return propType(props, propName, componentName, ...rest);
+  };
+}
+
+exports["default"] = deprecateValuesWithin;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.57.0-rc.0",
+  "version": "1.58.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,10 +48,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.3",
-    "@carbon/feature-flags": "^0.20.0-rc.0",
-    "@carbon/icons-react": "^11.41.0-rc.0",
-    "@carbon/layout": "^11.22.0-rc.0",
-    "@carbon/styles": "^1.57.0-rc.0",
+    "@carbon/feature-flags": "^0.20.0",
+    "@carbon/icons-react": "^11.42.0-rc.0",
+    "@carbon/layout": "^11.22.0",
+    "@carbon/styles": "^1.58.0-rc.0",
     "@floating-ui/react": "^0.26.0",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -81,7 +81,7 @@
     "@babel/preset-react": "^7.22.3",
     "@babel/preset-typescript": "^7.21.5",
     "@carbon/test-utils": "^10.30.0",
-    "@carbon/themes": "^11.35.0-rc.0",
+    "@carbon/themes": "^11.35.0",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -123,7 +123,7 @@
     "sass": "^1.51.0",
     "sass-loader": "^14.0.0",
     "storybook": "^7.1.0",
-    "storybook-addon-accessibility-checker": "^3.1.61-rc.2",
+    "storybook-addon-accessibility-checker": "^3.1.61-rc.3",
     "stream-browserify": "^3.0.0",
     "style-loader": "^3.3.1",
     "typescript-config-carbon": "^0.2.0",
@@ -141,5 +141,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "401633ab2d5fdeaeb89f66bb9040cc1de008599d"
+  "gitHead": "23f19271f964a10a9fbc4616a43b05f5cc14e7d1"
 }

package/es/components/TileGroup/index.js

@@ -1,13 +0,0 @@
-/**
- * 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 { createClassWrapper } from '../../internal/createClassWrapper.js';
-import TileGroup$1 from './TileGroup.js';
-
-const TileGroup = createClassWrapper(TileGroup$1);
-
-export { TileGroup, TileGroup as default };

package/lib/components/TileGroup/index.js

@@ -1,18 +0,0 @@
-/**
- * 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 createClassWrapper = require('../../internal/createClassWrapper.js');
-var TileGroup$1 = require('./TileGroup.js');
-
-const TileGroup = createClassWrapper.createClassWrapper(TileGroup$1["default"]);
-
-exports.TileGroup = TileGroup;
-exports["default"] = TileGroup;