@carbon/react 1.85.1 → 1.86.0

package/lib/components/NumberInput/NumberInput.js

@@ -58,7 +58,6 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
     decorator,
     disabled = false,
     disableWheel: disableWheelProp = false,
-    defaultValue = 0,
     formatOptions,
     helperText = '',
     hideLabel = false,
@@ -73,6 +72,7 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
     locale = 'en-US',
     max,
     min,
+    onBlur,
     onChange,
     onClick,
     onKeyUp,
@@ -83,6 +83,7 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
     step = 1,
     translateWithId: t = id => defaultTranslations[id],
     type = 'number',
+    defaultValue = type === 'number' ? 0 : NaN,
     warn = false,
     warnText = '',
     value: controlledValue,
@@ -122,6 +123,12 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
     value: typeof controlledValue === 'string' ? numberParser.parse(controlledValue) : controlledValue
   });
 
+  /**
+   * The number value that was previously "committed" to the input on blur
+   * Only used when type="text"
+   */
+  const [previousNumberValue, setPreviousNumberValue] = React.useState(numberValue);
+
   /**
    * The current text value of the input.
    * Only used when type=text
@@ -134,6 +141,10 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
     numberingSystem
   }), [locale, formatOptions, numberingSystem]);
   const format = React.useCallback(value => isNaN(value) || value === null ? '' : numberFormatter.format(value), [numberFormatter]);
+  if (isControlled && !(isNaN(previousNumberValue) && isNaN(numberValue)) && previousNumberValue !== numberValue) {
+    setInputValue(format(numberValue));
+    setPreviousNumberValue(numberValue);
+  }
   const inputRef = React.useRef(null);
   const ref = useMergedRefs.useMergedRefs([forwardRef, inputRef]);
   const numberInputClasses = cx__default["default"]({
@@ -171,7 +182,7 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
     [`${prefix}--number__invalid`]: normalizedProps.invalid || normalizedProps.warn,
     [`${prefix}--number__invalid--warning`]: normalizedProps.warn
   });
-  if (controlledValue !== prevControlledValue) {
+  if (controlledValue !== prevControlledValue && !(isNaN(Number(controlledValue)) === isNaN(Number(prevControlledValue)))) {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     setValue(controlledValue);
     setPrevControlledValue(controlledValue);
@@ -203,6 +214,8 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
     }
     if (type === 'text') {
       const _value = allowEmpty && event.target.value === '' ? '' : event.target.value;
+
+      // When isControlled, setNumberValue will not update numberValue in useControllableState.
       setNumberValue(numberParser.parse(_value));
       setInputValue(_value);
       // The onChange prop isn't called here because it will be called on blur
@@ -231,30 +244,46 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
   };
   const handleStep = (event, direction) => {
     if (inputRef.current) {
-      const currentValue = type === 'number' ? Number(inputRef.current.value) : numberParser.parse(inputRef.current.value);
-      const rawValue = direction === 'up' ? currentValue + step : currentValue - step;
+      const currentValue = type === 'number' ? Number(inputRef.current.value) : numberValue;
+      let rawValue;
+      if (Number.isNaN(currentValue)) {
+        // When the field is empty (NaN), incrementing begins at min,
+        // decrementing begins at max.
+        // When there's no min or max to use, it begins at 0.
+        if (direction === `up` && min) {
+          rawValue = min;
+        } else if (direction === `down` && max) {
+          rawValue = max;
+        } else {
+          rawValue = 0;
+        }
+      } else if (direction === 'up') {
+        rawValue = currentValue + step;
+      } else {
+        rawValue = currentValue - step;
+      }
       const precision = Math.max(getDecimalPlaces(currentValue), getDecimalPlaces(step));
       const floatValue = parseFloat(rawValue.toFixed(precision));
       const newValue = clamp.clamp(floatValue, min ?? -Infinity, max ?? Infinity);
-      let state;
+      const state = {
+        value: newValue,
+        direction
+      };
       if (type === 'number') {
-        state = {
-          value: allowEmpty && inputRef.current.value === '' && step === 0 ? '' : newValue,
-          direction
-        };
         setValue(state.value);
       }
       if (type === 'text') {
+        // Calling format() can alter the number (such as rounding it) causing
+        // the numberValue to mismatch the formatted value in the input.
+        // To avoid this, the newValue is re-parsed after formatting.
         const formattedNewValue = format(newValue);
-        state = {
-          value: allowEmpty && inputRef.current.value === '' && step === 0 ? '' : formattedNewValue,
-          direction
-        };
+        const parsedFormattedNewValue = numberParser.parse(formattedNewValue);
 
-        // newValue does not need to be parsed because it is derived from
-        // currentValue, which is parsed at the beginning of this function
-        setNumberValue(newValue);
+        // When isControlled, setNumberValue will not actually update
+        // numberValue in useControllableState.
+        setNumberValue(parsedFormattedNewValue);
         setInputValue(formattedNewValue);
+        setPreviousNumberValue(parsedFormattedNewValue);
       }
       if (onChange) {
         onChange(event, state);
@@ -264,9 +293,7 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
   };
   const handleStepperClick = (event, direction) => {
     if (inputRef.current) {
-      const {
-        state
-      } = handleStep(event, direction);
+      const state = handleStep(event, direction);
       if (onClick) {
         onClick(event, state);
       }
@@ -346,16 +373,37 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
         const _numberValue = isControlled ? numberParser.parse(inputValue) : numberValue;
         const formattedValue = isNaN(_numberValue) ? '' : format(_numberValue);
         setInputValue(formattedValue);
+
+        // Calling format() can alter the number (such as rounding it)
+        // causing the _numberValue to mismatch the formatted value in
+        // the input. To avoid this, formattedValue is re-parsed.
+        const parsedFormattedNewValue = numberParser.parse(formattedValue);
         if (onChange) {
           const state = {
-            value: formattedValue,
-            direction: value < e.target.value ? 'up' : 'down'
+            value: parsedFormattedNewValue,
+            direction: previousNumberValue < parsedFormattedNewValue ? 'up' : 'down'
           };
-          onChange(e, state);
+
+          // If the old and new values are NaN, don't call onChange
+          // to avoid an unecessary re-render and potential infinite
+          // loop when isControlled.
+          if (!(isNaN(previousNumberValue) && isNaN(parsedFormattedNewValue))) {
+            onChange(e, state);
+          }
+        }
+
+        // If the old and new values are NaN, don't set state to avoid
+        // an unecessary re-render and potential infinite loop when
+        // isControlled.
+        if (!(isNaN(previousNumberValue) && isNaN(numberValue))) {
+          setPreviousNumberValue(numberValue);
+        }
+        if (!(isNaN(numberValue) && isNaN(parsedFormattedNewValue))) {
+          setNumberValue(parsedFormattedNewValue);
         }
       }
-      if (rest.onBlur) {
-        rest.onBlur(e);
+      if (onBlur) {
+        onBlur(e);
       }
     },
     pattern: pattern,
@@ -375,6 +423,7 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
     className: `${prefix}--number__control-btn down-icon`,
     disabled: disabled || readOnly,
     onClick: event => handleStepperClick(event, 'down'),
+    onBlur: onBlur,
     tabIndex: -1,
     title: decrementNumLabel || iconDescription,
     type: "button"
@@ -387,6 +436,7 @@ const NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function N
     className: `${prefix}--number__control-btn up-icon`,
     disabled: disabled || readOnly,
     onClick: event => handleStepperClick(event, 'up'),
+    onBlur: onBlur,
     tabIndex: -1,
     title: incrementNumLabel || iconDescription,
     type: "button"
@@ -476,7 +526,7 @@ NumberInput.propTypes = {
   /**
    * `true` to use the light version.
    */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `NumberInput` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
+  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `NumberInput` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
   /**
    * **Experimental:** Specify a [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt)
    * language code for parsing and formatting. Use with `type="text"`, has no
@@ -491,6 +541,11 @@ NumberInput.propTypes = {
    * The minimum value.
    */
   min: PropTypes__default["default"].number,
+  /**
+   * Provide an optional handler that is called when the input or stepper
+   * buttons are blurred.
+   */
+  onBlur: PropTypes__default["default"].func,
   /**
    * Provide an optional handler that is called when the internal state of
    * NumberInput changes. This handler is called with event and state info.
@@ -525,7 +580,7 @@ NumberInput.propTypes = {
    * **Experimental**: Provide a `Slug` component to be rendered inside the
    * `NumberInput` component
    */
-  slug: deprecate["default"](PropTypes__default["default"].node, 'The `slug` prop for `NumberInput` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `decorator` prop. It will be moved in the next major release.'),
+  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop for `NumberInput` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `decorator` prop. It will be moved in the next major release.'),
   /**
    * Specify how much the values should increase/decrease upon clicking on
    * up/down button

package/lib/components/OverflowMenu/OverflowMenu.d.ts

@@ -6,7 +6,7 @@
  */
 import React, { type ElementType, type ReactNode, type Ref } from 'react';
 import { type MenuDirection, type MenuOffset } from '../../internal/FloatingMenu';
-import { PopoverAlignment } from '../Popover';
+import { IconButtonProps } from '../IconButton';
 /**
  * Calculates the offset for the floating menu.
  *
@@ -16,11 +16,7 @@ import { PopoverAlignment } from '../Popover';
  *          the menu arrow.
  */
 export declare const getMenuOffset: MenuOffset;
-export interface OverflowMenuProps {
-    /**
-     * Specify how the trigger tooltip should be aligned.
-     */
-    align?: PopoverAlignment;
+export interface OverflowMenuProps extends Omit<IconButtonProps, 'type' | 'aria-haspopup' | 'aria-expanded' | 'aria-controls' | 'className' | 'onClick' | 'id' | 'ref' | 'size' | 'label' | 'kind'> {
     /**
      * Specify a label to be read by screen readers on the container node
      */

package/lib/components/OverflowMenu/OverflowMenu.js

@@ -383,7 +383,7 @@ OverflowMenu.propTypes = {
    * Deprecated, please use `aria-label` instead.
    * Specify a label to be read by screen readers on the container note.
    */
-  ariaLabel: deprecate["default"](PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  ariaLabel: deprecate.deprecate(PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * The child nodes.
    */
@@ -420,7 +420,7 @@ OverflowMenu.propTypes = {
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make OverflowMenu background color same as container background color.
    */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `OverflowMenu` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
+  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `OverflowMenu` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
   /**
    * The adjustment in position applied to the floating menu.
    */

package/lib/components/Pagination/Pagination.js

@@ -94,6 +94,7 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
   const [prevPageSizes, setPrevPageSizes] = React.useState(controlledPageSizes);
   const [page, setPage] = React.useState(controlledPage);
   const [prevControlledPage, setPrevControlledPage] = React.useState(controlledPage);
+  const [focusTarget, setFocusTarget] = React.useState(null);
   const [pageSize, setPageSize] = React.useState(() => {
     return getPageSize(pageSizes, controlledPageSize);
   });
@@ -117,6 +118,22 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
     [`${prefix}--pagination__button--no-index`]: forwardButtonDisabled
   });
   const selectItems = renderSelectItems(totalPages);
+  const focusMap = {
+    backward: backBtnRef,
+    forward: forwardBtnRef
+  };
+  const handleFocus = target => {
+    const targetRef = focusMap[target];
+    if (targetRef?.current && !targetRef.current.disabled) {
+      targetRef.current.focus();
+    }
+  };
+  React.useEffect(() => {
+    if (focusTarget) {
+      handleFocus(focusTarget);
+      setFocusTarget(null);
+    }
+  }, [focusTarget]);
 
   // Sync state with props
   if (controlledPage !== prevControlledPage) {
@@ -173,8 +190,8 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
     // the icon button becomes disabled and the focus shifts to `main`
     // this presents an a11y problem for keyboard & screen reader users
     // instead, we want the focus to shift to the other pagination btn
-    if (nextPage === totalPages && backBtnRef?.current) {
-      backBtnRef.current.focus();
+    if (nextPage === totalPages) {
+      setFocusTarget('backward');
     }
     if (onChange) {
       onChange({
@@ -192,8 +209,8 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
     // the icon button becomes disabled and the focus shifts to `main`
     // this presents an a11y problem for keyboard & screen reader users
     // instead, we want the focus to shift to the other pagination btn
-    if (nextPage === 1 && forwardBtnRef?.current) {
-      forwardBtnRef.current.focus();
+    if (nextPage === 1) {
+      setFocusTarget('forward');
     }
     if (onChange) {
       onChange({

package/lib/components/RadioButton/RadioButton.js

@@ -147,7 +147,7 @@ RadioButton.propTypes = {
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `RadioButton` component
    */
-  slug: deprecate["default"](PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Specify the value of the `<RadioButton>`
    */

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -211,7 +211,7 @@ RadioButtonGroup.propTypes = {
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `RadioButtonGroup` component
    */
-  slug: deprecate["default"](PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Specify the value that is currently selected in the group
    */

package/lib/components/RadioTile/RadioTile.js

@@ -148,7 +148,7 @@ RadioTile.propTypes = {
    * `true` to use the light version. For use on `$layer-01` backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `RadioTile` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `RadioTile` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Provide a `name` for the underlying `<input>`.
    */
@@ -165,7 +165,7 @@ RadioTile.propTypes = {
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `RadioTile` component
    */
-  slug: deprecate["default"](PropTypes__default["default"].node, 'The `slug` prop for `RadioTile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
+  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop for `RadioTile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
   /**
    * Specify the tab index of the underlying `<input>`.
    */

package/lib/components/Search/Search.js

@@ -220,7 +220,7 @@ Search.propTypes = {
   /**
    * Specify light version or default version of this control
    */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `Search` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
+  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `Search` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
   /**
    * Optional callback called when the search value changes.
    */

package/lib/components/Select/Select.js

@@ -249,7 +249,7 @@ Select.propTypes = {
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `Select` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
+  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `Select` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
   /**
    * Reserved for use with Pagination component. Will not render a label for the
    * select since Pagination renders one for us.
@@ -268,7 +268,7 @@ Select.propTypes = {
    * Specify the size of the Select Input.
    */
   size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
-  slug: deprecate["default"](PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Specify whether the control is currently in warning state
    */

package/lib/components/Slider/Slider.js

@@ -1192,7 +1192,7 @@ Slider.propTypes = {
   /**
    * `true` to use the light version.
    */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `Slider` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
+  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `Slider` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
   /**
    * The maximum value.
    */

package/lib/components/StructuredList/StructuredList.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -44,7 +44,7 @@ export declare namespace StructuredListWrapper {
          * Deprecated, please use `aria-label` instead.
          * Specify a label to be read by screen readers on the container note.
          */
-        ariaLabel: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        ariaLabel: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Provide the contents of your StructuredListWrapper
          */
@@ -167,7 +167,7 @@ export declare namespace StructuredListRow {
         /**
          * Specify whether a `<label>` should be used
          */
-        label: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        label: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Provide a handler that is invoked on the click
          */
@@ -214,7 +214,7 @@ export declare namespace StructuredListInput {
         /**
          * Specify whether the underlying input should be checked by default
          */
-        defaultChecked: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        defaultChecked: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Specify a custom `id` for the input
          */
@@ -234,7 +234,7 @@ export declare namespace StructuredListInput {
         /**
          * Specify the value of the input
          */
-        value: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        value: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
     };
 }
 export interface StructuredListCellProps extends DivAttrs {

package/lib/components/StructuredList/StructuredList.js

@@ -69,7 +69,7 @@ StructuredListWrapper.propTypes = {
    * Deprecated, please use `aria-label` instead.
    * Specify a label to be read by screen readers on the container note.
    */
-  ariaLabel: deprecate["default"](PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  ariaLabel: deprecate.deprecate(PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * Provide the contents of your StructuredListWrapper
    */
@@ -224,7 +224,7 @@ StructuredListRow.propTypes = {
   /**
    * Specify whether a `<label>` should be used
    */
-  label: deprecate["default"](PropTypes__default["default"].bool, `\nThe \`label\` prop is no longer needed and will be removed in the next major version of Carbon.`),
+  label: deprecate.deprecate(PropTypes__default["default"].bool, `\nThe \`label\` prop is no longer needed and will be removed in the next major version of Carbon.`),
   /**
    * Provide a handler that is invoked on the click
    */
@@ -276,7 +276,7 @@ StructuredListInput.propTypes = {
   /**
    * Specify whether the underlying input should be checked by default
    */
-  defaultChecked: deprecate["default"](PropTypes__default["default"].bool, `\nThe prop \`defaultChecked\` is no longer needed and will be removed in the next major version of Carbon.`),
+  defaultChecked: deprecate.deprecate(PropTypes__default["default"].bool, `\nThe prop \`defaultChecked\` is no longer needed and will be removed in the next major version of Carbon.`),
   /**
    * Specify a custom `id` for the input
    */
@@ -296,7 +296,7 @@ StructuredListInput.propTypes = {
   /**
    * Specify the value of the input
    */
-  value: deprecate["default"](PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired, `\nThe prop \`value\` will be removed in the next major version of Carbon.`)
+  value: deprecate.deprecate(PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired, `\nThe prop \`value\` will be removed in the next major version of Carbon.`)
 };
 function StructuredListCell(props) {
   const {

package/lib/components/Tabs/Tabs.d.ts

@@ -234,7 +234,7 @@ declare namespace TabList {
         /**
          * Specify whether to use the light component variant
          */
-        light: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        light: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         /**
          * Provide the props that describe the right overflow button
          */

package/lib/components/Tabs/Tabs.js

@@ -558,7 +558,7 @@ TabList.propTypes = {
   /**
    * Specify whether to use the light component variant
    */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `TabList` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `TabList` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Provide the props that describe the right overflow button
    */

package/lib/components/Tag/DismissibleTag.js

@@ -147,7 +147,7 @@ DismissibleTag.propTypes = {
   /**
    * **Experimental:** Provide a `Slug` component to be rendered inside the `DismissibleTag` component
    */
-  slug: deprecate["default"](PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Provide text to be rendered inside of a the tag.
    */

package/lib/components/Tag/Tag.js

@@ -183,7 +183,7 @@ Tag.propTypes = {
   /**
    * Determine if `Tag` is a filter/chip
    */
-  filter: deprecate["default"](PropTypes__default["default"].bool, 'The `filter` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
+  filter: deprecate.deprecate(PropTypes__default["default"].bool, 'The `filter` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
   /**
    * Specify the id for the tag.
    */
@@ -191,7 +191,7 @@ Tag.propTypes = {
   /**
    * Click handler for filter tag close button.
    */
-  onClose: deprecate["default"](PropTypes__default["default"].func, 'The `onClose` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
+  onClose: deprecate.deprecate(PropTypes__default["default"].func, 'The `onClose` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
   /**
    * A component used to render an icon.
    */
@@ -204,11 +204,11 @@ Tag.propTypes = {
   /**
    * **Experimental:** Provide a `Slug` component to be rendered inside the `Tag` component
    */
-  slug: deprecate["default"](PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Text to show on clear filters
    */
-  title: deprecate["default"](PropTypes__default["default"].string, 'The `title` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
+  title: deprecate.deprecate(PropTypes__default["default"].string, 'The `title` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
   /**
    * Specify the type of the `Tag`
    */

package/lib/components/TextArea/TextArea.js

@@ -358,7 +358,7 @@ TextArea.propTypes = {
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `TextArea` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `TextArea` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Max entity count allowed for the textarea. This is needed in order for enableCounter to display
    */
@@ -393,7 +393,7 @@ TextArea.propTypes = {
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `TextArea` component
    */
-  slug: deprecate["default"](PropTypes__default["default"].node, 'The `slug` prop for `TextArea` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
+  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop for `TextArea` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
   /**
    * Provide the current value of the `<textarea>`
    */

package/lib/components/TextInput/ControlledPasswordInput.js

@@ -178,7 +178,7 @@ ControlledPasswordInput.propTypes = {
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `ControlledPasswordInput` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `ControlledPasswordInput` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Optionally provide an `onChange` handler that is called whenever `<input>`
    * is updated

package/lib/components/TextInput/PasswordInput.js

@@ -260,7 +260,7 @@ PasswordInput.propTypes = {
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `PasswordInput` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `PasswordInput` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Optionally provide an `onChange` handler that is called whenever `<input>`
    * is updated

package/lib/components/TextInput/TextInput.js

@@ -284,7 +284,7 @@ TextInput.propTypes = {
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `TextInput` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `TextInput` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Max character count allowed for the input. This is needed in order for enableCounter to display
    */
@@ -314,7 +314,7 @@ TextInput.propTypes = {
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `TextInput` component
    */
-  slug: deprecate["default"](PropTypes__default["default"].node, 'The `slug` prop for `TextInput` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
+  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop for `TextInput` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
   /**
    * Specify the type of the `<input>`
    */