@carbon/react 1.16.0-rc.0 → 1.17.0-rc.0

package/lib/index.js

@@ -18,7 +18,7 @@ var Button = require('./components/Button/Button.js');
 var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
 var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
-var index$b = require('./components/ClassPrefix/index.js');
+var index$9 = require('./components/ClassPrefix/index.js');
 var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
 var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
 var ComboBox = require('./components/ComboBox/ComboBox.js');
@@ -26,7 +26,7 @@ var index = require('./components/ContentSwitcher/index.js');
 var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
 var DangerButton = require('./components/DangerButton/DangerButton.js');
-var index$c = require('./components/DataTable/index.js');
+var index$a = require('./components/DataTable/index.js');
 var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
 var DatePicker = require('./components/DatePicker/DatePicker.js');
 var DatePickerInput = require('./components/DatePickerInput/DatePickerInput.js');
@@ -59,7 +59,8 @@ var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
 var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
 var RadioButton = require('./components/RadioButton/RadioButton.js');
 var RadioButtonGroup = require('./components/RadioButtonGroup/RadioButtonGroup.js');
-var index$4 = require('./components/Search/index.js');
+var Search = require('./components/Search/Search.js');
+var Search_Skeleton = require('./components/Search/Search.Skeleton.js');
 var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
 var SecondaryButton = require('./components/SecondaryButton/SecondaryButton.js');
 var Select_Skeleton = require('./components/Select/Select.Skeleton.js');
@@ -67,24 +68,24 @@ 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 index$5 = require('./components/Slider/index.js');
-var index$d = require('./components/StructuredList/index.js');
-var index$6 = require('./components/Tab/index.js');
+var index$4 = require('./components/Slider/index.js');
+var index$b = require('./components/StructuredList/index.js');
+var index$5 = require('./components/Tab/index.js');
 var TabContent = require('./components/TabContent/TabContent.js');
-var index$7 = require('./components/Tabs/index.js');
+var Tabs = require('./components/Tabs/Tabs.js');
+var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
 var Tag_Skeleton = require('./components/Tag/Tag.Skeleton.js');
 var Tag = require('./components/Tag/Tag.js');
 var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
 var TextArea = require('./components/TextArea/TextArea.js');
 require('./components/TextInput/index.js');
-var index$e = require('./components/Tile/index.js');
 var RadioTile = require('./components/RadioTile/RadioTile.js');
-var index$8 = require('./components/TileGroup/index.js');
-var index$9 = require('./components/TimePicker/index.js');
-var index$a = require('./components/TimePickerSelect/index.js');
+var index$6 = require('./components/TileGroup/index.js');
+var index$7 = require('./components/TimePicker/index.js');
+var index$8 = require('./components/TimePickerSelect/index.js');
 var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var Toggle = require('./components/Toggle/Toggle.js');
-var index$f = require('./components/Toggletip/index.js');
+var index$c = require('./components/Toggletip/index.js');
 require('./components/TreeView/index.js');
 var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
 var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
@@ -94,23 +95,22 @@ var DataTableSkeleton = require('./components/DataTableSkeleton/DataTableSkeleto
 var Breadcrumb_Skeleton = require('./components/Breadcrumb/Breadcrumb.Skeleton.js');
 var ProgressIndicator_Skeleton = require('./components/ProgressIndicator/ProgressIndicator.Skeleton.js');
 var RadioButton_Skeleton = require('./components/RadioButton/RadioButton.Skeleton.js');
-var Search_Skeleton = require('./components/Search/Search.Skeleton.js');
 var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
-var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
 var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
 require('./components/ContainedList/index.js');
-var index$g = require('./components/FeatureFlags/index.js');
-var index$h = require('./components/Heading/index.js');
-var index$i = require('./components/IconButton/index.js');
-var index$j = require('./components/Layer/index.js');
+var index$d = require('./components/FeatureFlags/index.js');
+var index$e = require('./components/Heading/index.js');
+var index$f = require('./components/IconButton/index.js');
+var index$g = require('./components/Layer/index.js');
 require('./components/Menu/index.js');
-var index$k = require('./components/OverflowMenuV2/index.js');
-var index$l = require('./components/Popover/index.js');
-var index$m = require('./components/Stack/index.js');
+var index$h = require('./components/OverflowMenuV2/index.js');
+var index$i = require('./components/Popover/index.js');
+var index$j = require('./components/Stack/index.js');
+require('./components/Text/index.js');
 var DefinitionTooltip = require('./components/Tooltip/next/DefinitionTooltip.js');
-var index$n = require('./components/Theme/index.js');
+var index$k = require('./components/Theme/index.js');
 var usePrefix = require('./internal/usePrefix.js');
 var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
 var Row = require('./components/Grid/Row.js');
@@ -181,7 +181,7 @@ var ControlledPasswordInput = require('./components/TextInput/ControlledPassword
 var PasswordInput = require('./components/TextInput/PasswordInput.js');
 var ProgressIndicator = require('./components/ProgressIndicator/ProgressIndicator.js');
 var StructuredList_Skeleton = require('./components/StructuredList/StructuredList.Skeleton.js');
-var Tabs = require('./components/Tabs/next/Tabs.js');
+var Tile = require('./components/Tile/Tile.js');
 var Content = require('./components/UIShell/Content.js');
 var Header = require('./components/UIShell/Header.js');
 var HeaderContainer = require('./components/UIShell/HeaderContainer.js');
@@ -228,7 +228,7 @@ exports.Button = Button["default"];
 exports.ButtonSet = ButtonSet["default"];
 exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
 exports.Checkbox = Checkbox["default"];
-exports.ClassPrefix = index$b.ClassPrefix;
+exports.ClassPrefix = index$9.ClassPrefix;
 exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
 exports.CodeSnippet = CodeSnippet["default"];
 exports.ComboBox = ComboBox["default"];
@@ -236,7 +236,7 @@ exports.ContentSwitcher = index["default"];
 exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
 exports.DangerButton = DangerButton["default"];
-exports.DataTable = index$c["default"];
+exports.DataTable = index$a["default"];
 exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
 exports.DatePicker = DatePicker["default"];
 exports.DatePickerInput = DatePickerInput["default"];
@@ -268,7 +268,8 @@ exports.PaginationNav = PaginationNav["default"];
 exports.PrimaryButton = PrimaryButton["default"];
 exports.RadioButton = RadioButton["default"];
 exports.RadioButtonGroup = RadioButtonGroup["default"];
-exports.Search = index$4["default"];
+exports.Search = Search["default"];
+exports.SearchSkeleton = Search_Skeleton["default"];
 exports.ExpandableSearch = ExpandableSearch["default"];
 exports.SecondaryButton = SecondaryButton["default"];
 exports.SelectSkeleton = Select_Skeleton["default"];
@@ -276,37 +277,36 @@ exports.Select = Select["default"];
 exports.SelectItem = SelectItem["default"];
 exports.SelectItemGroup = SelectItemGroup["default"];
 exports.Switch = Switch["default"];
-exports.Slider = index$5["default"];
-exports.StructuredListBody = index$d.StructuredListBody;
-exports.StructuredListCell = index$d.StructuredListCell;
-exports.StructuredListHead = index$d.StructuredListHead;
-exports.StructuredListInput = index$d.StructuredListInput;
-exports.StructuredListRow = index$d.StructuredListRow;
-exports.StructuredListWrapper = index$d.StructuredListWrapper;
-exports.Tab = index$6["default"];
+exports.Slider = index$4["default"];
+exports.StructuredListBody = index$b.StructuredListBody;
+exports.StructuredListCell = index$b.StructuredListCell;
+exports.StructuredListHead = index$b.StructuredListHead;
+exports.StructuredListInput = index$b.StructuredListInput;
+exports.StructuredListRow = index$b.StructuredListRow;
+exports.StructuredListWrapper = index$b.StructuredListWrapper;
+exports.Tab = index$5["default"];
 exports.TabContent = TabContent["default"];
-exports.Tabs = index$7["default"];
+exports.IconTab = Tabs.IconTab;
+exports.TabList = Tabs.TabList;
+exports.TabPanel = Tabs.TabPanel;
+exports.TabPanels = Tabs.TabPanels;
+exports.Tabs = Tabs.Tabs;
+exports.TabsSkeleton = Tabs_Skeleton["default"];
 exports.TagSkeleton = Tag_Skeleton["default"];
 exports.Tag = Tag["default"];
 exports.TextAreaSkeleton = TextArea_Skeleton["default"];
 exports.TextArea = TextArea["default"];
-exports.ClickableTile = index$e.ClickableTile;
-exports.ExpandableTile = index$e.ExpandableTile;
-exports.SelectableTile = index$e.SelectableTile;
-exports.Tile = index$e.Tile;
-exports.TileAboveTheFoldContent = index$e.TileAboveTheFoldContent;
-exports.TileBelowTheFoldContent = index$e.TileBelowTheFoldContent;
 exports.RadioTile = RadioTile["default"];
-exports.TileGroup = index$8["default"];
-exports.TimePicker = index$9["default"];
-exports.TimePickerSelect = index$a["default"];
+exports.TileGroup = index$6["default"];
+exports.TimePicker = index$7["default"];
+exports.TimePickerSelect = index$8["default"];
 exports.ToggleSkeleton = Toggle_Skeleton["default"];
 exports.Toggle = Toggle.Toggle;
-exports.Toggletip = index$f.Toggletip;
-exports.ToggletipActions = index$f.ToggletipActions;
-exports.ToggletipButton = index$f.ToggletipButton;
-exports.ToggletipContent = index$f.ToggletipContent;
-exports.ToggletipLabel = index$f.ToggletipLabel;
+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.UnorderedList = UnorderedList["default"];
 exports.SkeletonText = SkeletonText["default"];
 exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
@@ -315,29 +315,27 @@ exports.DataTableSkeleton = DataTableSkeleton["default"];
 exports.BreadcrumbSkeleton = Breadcrumb_Skeleton["default"];
 exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton["default"];
 exports.RadioButtonSkeleton = RadioButton_Skeleton["default"];
-exports.SearchSkeleton = Search_Skeleton["default"];
 exports.SliderSkeleton = Slider_Skeleton["default"];
-exports.TabsSkeleton = Tabs_Skeleton["default"];
 exports.TextInputSkeleton = TextInput_Skeleton["default"];
 exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
 exports.IconSkeleton = Icon_Skeleton["default"];
-exports.unstable_FeatureFlags = index$g.FeatureFlags;
-exports.unstable_useFeatureFlag = index$g.useFeatureFlag;
-exports.unstable_useFeatureFlags = index$g.useFeatureFlags;
-exports.Heading = index$h.Heading;
-exports.Section = index$h.Section;
-exports.IconButton = index$i.IconButton;
-exports.Layer = index$j.Layer;
-exports.useLayer = index$j.useLayer;
-exports.unstable_OverflowMenuV2 = index$k.OverflowMenuV2;
-exports.Popover = index$l.Popover;
-exports.PopoverContent = index$l.PopoverContent;
-exports.HStack = index$m.HStack;
-exports.VStack = index$m.VStack;
+exports.unstable_FeatureFlags = index$d.FeatureFlags;
+exports.unstable_useFeatureFlag = index$d.useFeatureFlag;
+exports.unstable_useFeatureFlags = index$d.useFeatureFlags;
+exports.Heading = index$e.Heading;
+exports.Section = index$e.Section;
+exports.IconButton = index$f.IconButton;
+exports.Layer = index$g.Layer;
+exports.useLayer = index$g.useLayer;
+exports.unstable_OverflowMenuV2 = index$h.OverflowMenuV2;
+exports.Popover = index$i.Popover;
+exports.PopoverContent = index$i.PopoverContent;
+exports.HStack = index$j.HStack;
+exports.VStack = index$j.VStack;
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
-exports.GlobalTheme = index$n.GlobalTheme;
-exports.Theme = index$n.Theme;
-exports.useTheme = index$n.useTheme;
+exports.GlobalTheme = index$k.GlobalTheme;
+exports.Theme = index$k.Theme;
+exports.useTheme = index$k.useTheme;
 exports.usePrefix = usePrefix.usePrefix;
 exports.AspectRatio = AspectRatio["default"];
 exports.Row = Row["default"];
@@ -414,10 +412,12 @@ exports.PasswordInput = PasswordInput["default"];
 exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
 exports.ProgressStep = ProgressIndicator.ProgressStep;
 exports.StructuredListSkeleton = StructuredList_Skeleton["default"];
-exports.IconTab = Tabs.IconTab;
-exports.TabList = Tabs.TabList;
-exports.TabPanel = Tabs.TabPanel;
-exports.TabPanels = Tabs.TabPanels;
+exports.ClickableTile = Tile.ClickableTile;
+exports.ExpandableTile = Tile.ExpandableTile;
+exports.SelectableTile = Tile.SelectableTile;
+exports.Tile = Tile.Tile;
+exports.TileAboveTheFoldContent = Tile.TileAboveTheFoldContent;
+exports.TileBelowTheFoldContent = Tile.TileBelowTheFoldContent;
 exports.Content = Content["default"];
 exports.Header = Header["default"];
 exports.HeaderContainer = HeaderContainer["default"];

package/lib/internal/useNormalizedInputProps.js

@@ -73,22 +73,18 @@ function useNormalizedInputProps(_ref) {
     helperId: "".concat(id, "-helper-text")
   };
 
-  if (readOnly) {
-    normalizedProps.icon = iconsReact.EditOff;
-  } else {
-    if (normalizedProps.invalid) {
-      normalizedProps.icon = iconsReact.WarningFilled;
-      normalizedProps.validation = /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "".concat(prefix, "--form-requirement"),
-        id: normalizedProps.invalidId
-      }, invalidText);
-    } else if (normalizedProps.warn) {
-      normalizedProps.icon = iconsReact.WarningAltFilled;
-      normalizedProps.validation = /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "".concat(prefix, "--form-requirement"),
-        id: normalizedProps.warnId
-      }, warnText);
-    }
+  if (normalizedProps.invalid) {
+    normalizedProps.icon = iconsReact.WarningFilled;
+    normalizedProps.validation = /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(prefix, "--form-requirement"),
+      id: normalizedProps.invalidId
+    }, invalidText);
+  } else if (normalizedProps.warn) {
+    normalizedProps.icon = iconsReact.WarningAltFilled;
+    normalizedProps.validation = /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(prefix, "--form-requirement"),
+      id: normalizedProps.warnId
+    }, warnText);
   }
 
   return normalizedProps;

package/lib/internal/usePrefix.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * 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 React from 'react';
+export declare const PrefixContext: React.Context<string>;
+export declare function usePrefix(): string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.16.0-rc.0",
+  "version": "1.17.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -46,7 +46,7 @@
     "@carbon/feature-flags": "^0.9.0",
     "@carbon/icons-react": "^11.10.0",
     "@carbon/layout": "^11.7.0",
-    "@carbon/styles": "^1.16.0-rc.0",
+    "@carbon/styles": "^1.17.0-rc.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -73,10 +73,11 @@
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",
     "@carbon/test-utils": "^10.26.0",
-    "@carbon/themes": "^11.11.0-rc.0",
+    "@carbon/themes": "^11.11.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
+    "@rollup/plugin-typescript": "^8.5.0",
     "@storybook/addon-a11y": "^6.5.6",
     "@storybook/addon-actions": "^6.5.6",
     "@storybook/addon-docs": "^6.5.6",
@@ -88,6 +89,8 @@
     "@storybook/manager-webpack5": "^6.5.6",
     "@storybook/react": "^6.5.6",
     "@storybook/theming": "^6.5.6",
+    "@typescript-eslint/eslint-plugin": "^5.38.1",
+    "@typescript-eslint/parser": "^5.38.1",
     "autoprefixer": "^10.4.0",
     "babel-loader": "^8.2.3",
     "babel-plugin-dev-expression": "^0.2.3",
@@ -117,6 +120,7 @@
     "storybook-readme": "^5.0.9",
     "stream-browserify": "^3.0.0",
     "style-loader": "^3.3.1",
+    "typescript": "^4.8.4",
     "webpack": "^5.65.0",
     "webpack-dev-server": "^4.7.4"
   },
@@ -131,5 +135,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "a55b418b5a33d88d224b9c35f62ebd09c9586764"
+  "gitHead": "707f5b292f95f7146576a1995350f47582a3b39b"
 }

package/es/components/Search/next/Search.js

@@ -1,265 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * 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 { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Close, Search as Search$1 } from '@carbon/icons-react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React__default, { useRef, useState } from 'react';
-import { focus } from '../../../internal/focus/index.js';
-import { useId } from '../../../internal/useId.js';
-import { usePrefix } from '../../../internal/usePrefix.js';
-import { composeEventHandlers } from '../../../tools/events.js';
-import { useMergedRefs } from '../../../internal/useMergedRefs.js';
-import deprecate from '../../../prop-types/deprecate.js';
-import { match } from '../../../internal/keyboard/match.js';
-import { Escape } from '../../../internal/keyboard/keys.js';
-
-var _Close;
-
-var _excluded = ["autoComplete", "className", "closeButtonLabelText", "defaultValue", "disabled", "id", "labelText", "light", "onChange", "onClear", "onKeyDown", "onExpand", "placeholder", "renderIcon", "role", "size", "type", "value"];
-var Search = /*#__PURE__*/React__default.forwardRef(function Search(_ref, forwardRef) {
-  var _cx, _cx2;
-
-  var _ref$autoComplete = _ref.autoComplete,
-      autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
-      className = _ref.className,
-      _ref$closeButtonLabel = _ref.closeButtonLabelText,
-      closeButtonLabelText = _ref$closeButtonLabel === void 0 ? 'Clear search input' : _ref$closeButtonLabel,
-      defaultValue = _ref.defaultValue,
-      disabled = _ref.disabled,
-      id = _ref.id,
-      labelText = _ref.labelText,
-      light = _ref.light,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      _ref$onClear = _ref.onClear,
-      onClear = _ref$onClear === void 0 ? function () {} : _ref$onClear,
-      onKeyDown = _ref.onKeyDown,
-      onExpand = _ref.onExpand,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
-      renderIcon = _ref.renderIcon,
-      _ref$role = _ref.role,
-      role = _ref$role === void 0 ? 'searchbox' : _ref$role,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'text' : _ref$type,
-      value = _ref.value,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var inputRef = useRef(null);
-  var ref = useMergedRefs([forwardRef, inputRef]);
-  var inputId = useId('search-input');
-  var uniqueId = id || inputId;
-  var searchId = "".concat(uniqueId, "-search");
-
-  var _useState = useState(value || defaultValue || false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasContent = _useState2[0],
-      setHasContent = _useState2[1];
-
-  var _useState3 = useState(value),
-      _useState4 = _slicedToArray(_useState3, 2),
-      prevValue = _useState4[0],
-      setPrevValue = _useState4[1];
-
-  var searchClasses = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--search"), true), _defineProperty(_cx, "".concat(prefix, "--search--sm"), size === 'sm'), _defineProperty(_cx, "".concat(prefix, "--search--md"), size === 'md'), _defineProperty(_cx, "".concat(prefix, "--search--lg"), size === 'lg'), _defineProperty(_cx, "".concat(prefix, "--search--light"), light), _defineProperty(_cx, "".concat(prefix, "--search--disabled"), disabled), _defineProperty(_cx, className, className), _cx));
-  var clearClasses = cx((_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--search-close"), true), _defineProperty(_cx2, "".concat(prefix, "--search-close--hidden"), !hasContent), _cx2));
-
-  if (value !== prevValue) {
-    setHasContent(!!value);
-    setPrevValue(value);
-  }
-
-  function clearInput() {
-    if (!value) {
-      inputRef.current.value = '';
-    }
-
-    var inputTarget = Object.assign({}, inputRef.current, {
-      value: ''
-    });
-    var clearedEvt = {
-      target: inputTarget,
-      type: 'change'
-    };
-    onChange(clearedEvt);
-    onClear();
-    setHasContent(false);
-    focus(inputRef);
-  }
-
-  function handleChange(event) {
-    setHasContent(event.target.value !== '');
-  }
-
-  function handleKeyDown(event) {
-    if (match(event, Escape)) {
-      event.stopPropagation();
-      clearInput();
-    }
-  }
-
-  return /*#__PURE__*/React__default.createElement("div", {
-    role: "search",
-    "aria-labelledby": searchId,
-    className: searchClasses
-  }, /*#__PURE__*/React__default.createElement("div", {
-    role: onExpand ? 'button' : null,
-    className: "".concat(prefix, "--search-magnifier"),
-    onClick: onExpand
-  }, /*#__PURE__*/React__default.createElement(CustomSearchIcon, {
-    icon: renderIcon
-  })), /*#__PURE__*/React__default.createElement("label", {
-    id: searchId,
-    htmlFor: uniqueId,
-    className: "".concat(prefix, "--label")
-  }, labelText), /*#__PURE__*/React__default.createElement("input", _extends({}, rest, {
-    autoComplete: autoComplete,
-    className: "".concat(prefix, "--search-input"),
-    defaultValue: defaultValue,
-    disabled: disabled,
-    role: role,
-    ref: ref,
-    id: uniqueId,
-    onChange: composeEventHandlers([onChange, handleChange]),
-    onKeyDown: composeEventHandlers([onKeyDown, handleKeyDown]),
-    placeholder: placeholder,
-    type: type,
-    value: value
-  })), /*#__PURE__*/React__default.createElement("button", {
-    "aria-label": closeButtonLabelText,
-    className: clearClasses,
-    disabled: disabled,
-    onClick: clearInput,
-    title: closeButtonLabelText,
-    type: "button"
-  }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
-});
-Search.propTypes = {
-  /**
-   * Specify an optional value for the `autocomplete` property on the underlying
-   * `<input>`, defaults to "off"
-   */
-  autoComplete: PropTypes.string,
-
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-
-  /**
-   * Specify a label to be read by screen readers on the "close" button
-   */
-  closeButtonLabelText: PropTypes.string,
-
-  /**
-   * Optionally provide the default value of the `<input>`
-   */
-  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
-  /**
-   * Specify whether the `<input>` should be disabled
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Specify a custom `id` for the input
-   */
-  id: PropTypes.string,
-
-  /**
-   * Provide the label text for the Search icon
-   */
-  labelText: PropTypes.node.isRequired,
-
-  /**
-   * Specify light version or default version of this control
-   */
-  light: deprecate(PropTypes.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.
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Optional callback called when the search value is cleared.
-   */
-  onClear: PropTypes.func,
-
-  /**
-   * Optional callback called when the magnifier icon is clicked in ExpandableSearch.
-   */
-  onExpand: PropTypes.func,
-
-  /**
-   * Provide a handler that is invoked on the key down event for the input
-   */
-  onKeyDown: PropTypes.func,
-
-  /**
-   * Provide an optional placeholder text for the Search.
-   * Note: if the label and placeholder differ,
-   * VoiceOver on Mac will read both
-   */
-  placeholder: PropTypes.string,
-
-  /**
-   * Rendered icon for the Search.
-   * Can be a React component class
-   */
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-
-  /**
-   * Specify the role for the underlying `<input>`, defaults to `searchbox`
-   */
-  role: PropTypes.string,
-
-  /**
-   * Specify the size of the Search
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
-
-  /**
-   * Optional prop to specify the type of the `<input>`
-   */
-  type: PropTypes.string,
-
-  /**
-   * Specify the value of the `<input>`
-   */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-
-function CustomSearchIcon(_ref2) {
-  var icon = _ref2.icon;
-  var prefix = usePrefix();
-
-  if (icon) {
-    return /*#__PURE__*/React__default.cloneElement(icon, {
-      className: "".concat(prefix, "--search-magnifier-icon")
-    });
-  }
-
-  return /*#__PURE__*/React__default.createElement(Search$1, {
-    className: "".concat(prefix, "--search-magnifier-icon")
-  });
-}
-
-CustomSearchIcon.propTypes = {
-  /**
-   * Rendered icon for the Search. Can be a React component class
-   */
-  icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-};
-var SearchNext = Search;
-
-export { SearchNext as default };