@carbon/react 1.36.0 → 1.37.0-rc.1

package/lib/components/Tile/Tile.js

@@ -82,12 +82,12 @@ const ClickableTile = /*#__PURE__*/React__default["default"].forwardRef(function
   const classes = cx__default["default"](`${prefix}--tile`, `${prefix}--tile--clickable`, clicked && `${prefix}--tile--is-clicked`, light && `${prefix}--tile--light`, className);
   const [isSelected, setIsSelected] = React.useState(clicked);
   function handleOnClick(evt) {
-    evt.persist();
+    evt?.persist?.();
     setIsSelected(!isSelected);
     onClick(evt);
   }
   function handleOnKeyDown(evt) {
-    evt.persist();
+    evt?.persist?.();
     if (match.matches(evt, [keys.Enter, keys.Space])) {
       evt.preventDefault();
       setIsSelected(!isSelected);
@@ -191,7 +191,7 @@ const SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
   // TODO: rename to handleClick when handleClick prop is deprecated
   function handleOnClick(evt) {
     evt.preventDefault();
-    evt.persist();
+    evt?.persist?.();
     setIsSelected(!isSelected);
     clickHandler(evt);
     onChange(evt);
@@ -199,7 +199,7 @@ const SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
 
   // TODO: rename to handleKeyDown when handleKeyDown prop is deprecated
   function handleOnKeyDown(evt) {
-    evt.persist();
+    evt?.persist?.();
     if (match.matches(evt, [keys.Enter, keys.Space])) {
       evt.preventDefault();
       setIsSelected(!isSelected);
@@ -345,7 +345,7 @@ const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
     }
   }
   function handleClick(evt) {
-    evt.persist();
+    evt?.persist?.();
     setIsExpanded(!isExpanded);
     setMaxHeight();
   }

package/lib/components/TimePicker/TimePicker.js

@@ -120,12 +120,14 @@ const TimePicker = /*#__PURE__*/React__default["default"].forwardRef(function Ti
     };
     const mappedChildren = React__default["default"].Children.map(children, pickerSelect => {
       const item = pickerSelect;
-      return /*#__PURE__*/React__default["default"].cloneElement(item, {
-        ...item.props,
-        disabled: disabled,
-        readOnly: readOnly,
-        ...readOnlyEventHandlers
-      });
+      if (item) {
+        return /*#__PURE__*/React__default["default"].cloneElement(item, {
+          ...item.props,
+          disabled: disabled,
+          readOnly: readOnly,
+          ...readOnlyEventHandlers
+        });
+      }
     });
     return mappedChildren;
   }

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

@@ -23,7 +23,6 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const ToggleSkeleton = _ref => {
   let {
-    'aria-label': ariaLabel = 'Toggle is loading',
     className,
     ...rest
   } = _ref;
@@ -31,9 +30,7 @@ const ToggleSkeleton = _ref => {
   const skeletonClassNames = cx__default["default"](`${prefix}--toggle ${prefix}--toggle--skeleton`, className);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: skeletonClassNames
-  }, rest, {
-    "aria-label": ariaLabel
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--toggle__skeleton-circle`
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--toggle__skeleton-rectangle`

package/lib/components/Toggle/Toggle.js

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

package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js

@@ -73,9 +73,6 @@ _rollupPluginBabelHelpers.defineProperty(ToggleSmallSkeleton, "propTypes", {
    */
   labelText: PropTypes__default["default"].string
 });
-_rollupPluginBabelHelpers.defineProperty(ToggleSmallSkeleton, "defaultProps", {
-  ['aria-label']: 'Toggle is loading'
-});
 
 exports.ToggleSmallSkeleton = ToggleSmallSkeleton;
 exports["default"] = ToggleSmallSkeleton;

package/lib/components/UIShell/HeaderMenuItem.js

@@ -92,6 +92,5 @@ HeaderMenuItem.propTypes = {
    */
   tabIndex: PropTypes__default["default"].number
 };
-var HeaderMenuItem$1 = HeaderMenuItem;
 
-exports["default"] = HeaderMenuItem$1;
+exports["default"] = HeaderMenuItem;

package/lib/components/UIShell/Link.js

@@ -64,7 +64,6 @@ const LinkPropTypes = {
 };
 Link.displayName = 'Link';
 Link.propTypes = LinkPropTypes;
-var Link$1 = Link;
 
 exports.LinkPropTypes = LinkPropTypes;
-exports["default"] = Link$1;
+exports["default"] = Link;

package/lib/components/UIShell/SideNav.js

@@ -265,7 +265,5 @@ SideNav.propTypes = {
   // translateById: PropTypes.func,
 };
 
-var SideNav$1 = SideNav;
-
 exports.SideNavContext = SideNavContext;
-exports["default"] = SideNav$1;
+exports["default"] = SideNav;

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

@@ -0,0 +1,35 @@
+/**
+ * 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.
+ */
+export { default as Content } from './Content';
+export { default as Header } from './Header';
+export { default as HeaderContainer } from './HeaderContainer';
+export { default as HeaderGlobalAction } from './HeaderGlobalAction';
+export { default as HeaderGlobalBar } from './HeaderGlobalBar';
+export { default as HeaderMenu } from './HeaderMenu';
+export { default as HeaderMenuButton } from './HeaderMenuButton';
+export { default as HeaderMenuItem } from './HeaderMenuItem';
+export { default as HeaderName } from './HeaderName';
+export { default as HeaderNavigation } from './HeaderNavigation';
+export { default as HeaderPanel } from './HeaderPanel';
+export { default as HeaderSideNavItems } from './HeaderSideNavItems';
+export { default as Switcher } from './Switcher';
+export { default as SwitcherItem } from './SwitcherItem';
+export { default as SwitcherDivider } from './SwitcherDivider';
+export { default as SkipToContent } from './SkipToContent';
+export { default as SideNav } from './SideNav';
+export { default as SideNavDetails } from './SideNavDetails';
+export { default as SideNavDivider } from './SideNavDivider';
+export { default as SideNavFooter } from './SideNavFooter';
+export { default as SideNavHeader } from './SideNavHeader';
+export { default as SideNavIcon } from './SideNavIcon';
+export { default as SideNavItem } from './SideNavItem';
+export { default as SideNavItems } from './SideNavItems';
+export { default as SideNavLink } from './SideNavLink';
+export { default as SideNavLinkText } from './SideNavLinkText';
+export { default as SideNavMenu } from './SideNavMenu';
+export { default as SideNavMenuItem } from './SideNavMenuItem';
+export { default as SideNavSwitcher } from './SideNavSwitcher';

package/lib/index.js

@@ -48,6 +48,7 @@ var FluidForm = require('./components/FluidForm/FluidForm.js');
 var FormContext = require('./components/FluidForm/FormContext.js');
 var Form = require('./components/Form/Form.js');
 var FormGroup = require('./components/FormGroup/FormGroup.js');
+var FormLabel = require('./components/FormLabel/FormLabel.js');
 var FlexGrid = require('./components/Grid/FlexGrid.js');
 var Grid = require('./components/Grid/Grid.js');
 var Row = require('./components/Grid/Row.js');
@@ -75,11 +76,13 @@ var Select = require('./components/Select/Select.js');
 var Select_Skeleton = require('./components/Select/Select.Skeleton.js');
 var SelectItem = require('./components/SelectItem/SelectItem.js');
 var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
+var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
 var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
 var index$9 = require('./components/Slider/index.js');
 var Tabs = require('./components/Tabs/Tabs.js');
 var TabContent = require('./components/TabContent/TabContent.js');
 var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
+var Tag = require('./components/Tag/Tag.js');
 var Tag_Skeleton = require('./components/Tag/Tag.Skeleton.js');
 var TextArea = require('./components/TextArea/TextArea.js');
 var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
@@ -92,6 +95,35 @@ 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$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');
+var HeaderGlobalAction = require('./components/UIShell/HeaderGlobalAction.js');
+var HeaderGlobalBar = require('./components/UIShell/HeaderGlobalBar.js');
+var HeaderMenu = require('./components/UIShell/HeaderMenu.js');
+var HeaderMenuButton = require('./components/UIShell/HeaderMenuButton.js');
+var HeaderMenuItem = require('./components/UIShell/HeaderMenuItem.js');
+var HeaderName = require('./components/UIShell/HeaderName.js');
+var HeaderNavigation = require('./components/UIShell/HeaderNavigation.js');
+var HeaderPanel = require('./components/UIShell/HeaderPanel.js');
+var HeaderSideNavItems = require('./components/UIShell/HeaderSideNavItems.js');
+var Switcher = require('./components/UIShell/Switcher.js');
+var SwitcherItem = require('./components/UIShell/SwitcherItem.js');
+var SwitcherDivider = require('./components/UIShell/SwitcherDivider.js');
+var SkipToContent = require('./components/UIShell/SkipToContent.js');
+var SideNav = require('./components/UIShell/SideNav.js');
+var SideNavDetails = require('./components/UIShell/SideNavDetails.js');
+var SideNavDivider = require('./components/UIShell/SideNavDivider.js');
+var SideNavFooter = require('./components/UIShell/SideNavFooter.js');
+var SideNavHeader = require('./components/UIShell/SideNavHeader.js');
+var SideNavIcon = require('./components/UIShell/SideNavIcon.js');
+var SideNavItem = require('./components/UIShell/SideNavItem.js');
+var SideNavItems = require('./components/UIShell/SideNavItems.js');
+var SideNavLink = require('./components/UIShell/SideNavLink.js');
+var SideNavLinkText = require('./components/UIShell/SideNavLinkText.js');
+var SideNavMenu = require('./components/UIShell/SideNavMenu.js');
+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$c = require('./components/Heading/index.js');
@@ -124,7 +156,6 @@ var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
 var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
 var FormItem = require('./components/FormItem/FormItem.js');
-var FormLabel = require('./components/FormLabel/FormLabel.js');
 var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
 var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
 var ProgressIndicator_Skeleton = require('./components/ProgressIndicator/ProgressIndicator.Skeleton.js');
@@ -132,17 +163,6 @@ var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js')
 var TextInput = require('./components/TextInput/TextInput.js');
 var TreeNode = require('./components/TreeView/TreeNode.js');
 var TreeView = require('./components/TreeView/TreeView.js');
-var HeaderContainer = require('./components/UIShell/HeaderContainer.js');
-var HeaderMenuButton = require('./components/UIShell/HeaderMenuButton.js');
-var HeaderName = require('./components/UIShell/HeaderName.js');
-var HeaderNavigation = require('./components/UIShell/HeaderNavigation.js');
-var HeaderSideNavItems = require('./components/UIShell/HeaderSideNavItems.js');
-var SkipToContent = require('./components/UIShell/SkipToContent.js');
-var SideNavDivider = require('./components/UIShell/SideNavDivider.js');
-var SideNavFooter = require('./components/UIShell/SideNavFooter.js');
-var SideNavIcon = require('./components/UIShell/SideNavIcon.js');
-var SideNavItem = require('./components/UIShell/SideNavItem.js');
-var SideNavLinkText = require('./components/UIShell/SideNavLinkText.js');
 var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var FluidComboBox = require('./components/FluidComboBox/FluidComboBox.js');
 var FluidComboBox_Skeleton = require('./components/FluidComboBox/FluidComboBox.Skeleton.js');
@@ -197,31 +217,11 @@ var ProgressIndicator = require('./components/ProgressIndicator/ProgressIndicato
 var RadioTile = require('./components/RadioTile/RadioTile.js');
 var SecondaryButton = require('./components/SecondaryButton/SecondaryButton.js');
 var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
-var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.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');
 var Switch = require('./components/Switch/Switch.js');
 var IconSwitch = require('./components/Switch/IconSwitch.js');
-var Tag = require('./components/Tag/Tag.js');
-var Content = require('./components/UIShell/Content.js');
-var Header = require('./components/UIShell/Header.js');
-var HeaderGlobalAction = require('./components/UIShell/HeaderGlobalAction.js');
-var HeaderGlobalBar = require('./components/UIShell/HeaderGlobalBar.js');
-var HeaderMenu = require('./components/UIShell/HeaderMenu.js');
-var HeaderMenuItem = require('./components/UIShell/HeaderMenuItem.js');
-var HeaderPanel = require('./components/UIShell/HeaderPanel.js');
-var Switcher = require('./components/UIShell/Switcher.js');
-var SwitcherItem = require('./components/UIShell/SwitcherItem.js');
-var SwitcherDivider = require('./components/UIShell/SwitcherDivider.js');
-var SideNav = require('./components/UIShell/SideNav.js');
-var SideNavDetails = require('./components/UIShell/SideNavDetails.js');
-var SideNavHeader = require('./components/UIShell/SideNavHeader.js');
-var SideNavItems = require('./components/UIShell/SideNavItems.js');
-var SideNavLink = require('./components/UIShell/SideNavLink.js');
-var SideNavMenu = require('./components/UIShell/SideNavMenu.js');
-var SideNavMenuItem = require('./components/UIShell/SideNavMenuItem.js');
-var SideNavSwitcher = require('./components/UIShell/SideNavSwitcher.js');
 var Stack = require('./components/Stack/Stack.js');
 
 
@@ -268,6 +268,7 @@ exports.FluidForm = FluidForm["default"];
 exports.FormContext = FormContext.FormContext;
 exports.Form = Form["default"];
 exports.FormGroup = FormGroup["default"];
+exports.FormLabel = FormLabel["default"];
 exports.FlexGrid = FlexGrid.FlexGrid;
 exports.Grid = Grid.Grid;
 exports.Row = Row["default"];
@@ -299,6 +300,7 @@ exports.Select = Select["default"];
 exports.SelectSkeleton = Select_Skeleton["default"];
 exports.SelectItem = SelectItem["default"];
 exports.SelectItemGroup = SelectItemGroup["default"];
+exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
 exports.SkeletonText = SkeletonText["default"];
 exports.Slider = index$9["default"];
 exports.IconTab = Tabs.IconTab;
@@ -309,6 +311,8 @@ exports.TabPanels = Tabs.TabPanels;
 exports.Tabs = Tabs.Tabs;
 exports.TabContent = TabContent["default"];
 exports.TabsSkeleton = Tabs_Skeleton["default"];
+exports.Tag = Tag["default"];
+exports.types = Tag.types;
 exports.TagSkeleton = Tag_Skeleton["default"];
 exports.TextArea = TextArea["default"];
 exports.TextAreaSkeleton = TextArea_Skeleton["default"];
@@ -329,6 +333,35 @@ 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"];
+exports.HeaderGlobalAction = HeaderGlobalAction["default"];
+exports.HeaderGlobalBar = HeaderGlobalBar["default"];
+exports.HeaderMenu = HeaderMenu["default"];
+exports.HeaderMenuButton = HeaderMenuButton["default"];
+exports.HeaderMenuItem = HeaderMenuItem["default"];
+exports.HeaderName = HeaderName["default"];
+exports.HeaderNavigation = HeaderNavigation["default"];
+exports.HeaderPanel = HeaderPanel["default"];
+exports.HeaderSideNavItems = HeaderSideNavItems["default"];
+exports.Switcher = Switcher["default"];
+exports.SwitcherItem = SwitcherItem["default"];
+exports.SwitcherDivider = SwitcherDivider["default"];
+exports.SkipToContent = SkipToContent["default"];
+exports.SideNav = SideNav["default"];
+exports.SideNavDetails = SideNavDetails["default"];
+exports.SideNavDivider = SideNavDivider["default"];
+exports.SideNavFooter = SideNavFooter["default"];
+exports.SideNavHeader = SideNavHeader["default"];
+exports.SideNavIcon = SideNavIcon["default"];
+exports.SideNavItem = SideNavItem["default"];
+exports.SideNavItems = SideNavItems["default"];
+exports.SideNavLink = SideNavLink["default"];
+exports.SideNavLinkText = SideNavLinkText["default"];
+exports.SideNavMenu = SideNavMenu["default"];
+exports.SideNavMenuItem = SideNavMenuItem["default"];
+exports.SideNavSwitcher = SideNavSwitcher["default"];
 exports.UnorderedList = UnorderedList["default"];
 exports.unstable_FeatureFlags = index.FeatureFlags;
 exports.unstable_useFeatureFlag = index.useFeatureFlag;
@@ -370,7 +403,6 @@ exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
 exports.ErrorBoundary = ErrorBoundary["default"];
 exports.FormItem = FormItem["default"];
-exports.FormLabel = FormLabel["default"];
 exports.InlineLoading = InlineLoading["default"];
 exports.ModalWrapper = ModalWrapper["default"];
 exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton["default"];
@@ -378,17 +410,6 @@ exports.TextInputSkeleton = TextInput_Skeleton["default"];
 exports.TextInput = TextInput["default"];
 exports.TreeNode = TreeNode["default"];
 exports.TreeView = TreeView["default"];
-exports.HeaderContainer = HeaderContainer["default"];
-exports.HeaderMenuButton = HeaderMenuButton["default"];
-exports.HeaderName = HeaderName["default"];
-exports.HeaderNavigation = HeaderNavigation["default"];
-exports.HeaderSideNavItems = HeaderSideNavItems["default"];
-exports.SkipToContent = SkipToContent["default"];
-exports.SideNavDivider = SideNavDivider["default"];
-exports.SideNavFooter = SideNavFooter["default"];
-exports.SideNavIcon = SideNavIcon["default"];
-exports.SideNavItem = SideNavItem["default"];
-exports.SideNavLinkText = SideNavLinkText["default"];
 exports.ProgressBar = ProgressBar["default"];
 exports.unstable__FluidComboBox = FluidComboBox["default"];
 exports.unstable__FluidComboBoxSkeleton = FluidComboBox_Skeleton["default"];
@@ -448,7 +469,6 @@ exports.ProgressStep = ProgressIndicator.ProgressStep;
 exports.RadioTile = RadioTile["default"];
 exports.SecondaryButton = SecondaryButton["default"];
 exports.SkeletonIcon = SkeletonIcon["default"];
-exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
 exports.SliderSkeleton = Slider_Skeleton["default"];
 exports.StructuredListSkeleton = StructuredList_Skeleton["default"];
 exports.StructuredListBody = StructuredList.StructuredListBody;
@@ -459,24 +479,4 @@ exports.StructuredListRow = StructuredList.StructuredListRow;
 exports.StructuredListWrapper = StructuredList.StructuredListWrapper;
 exports.Switch = Switch["default"];
 exports.IconSwitch = IconSwitch["default"];
-exports.Tag = Tag["default"];
-exports.types = Tag.types;
-exports.Content = Content["default"];
-exports.Header = Header["default"];
-exports.HeaderGlobalAction = HeaderGlobalAction["default"];
-exports.HeaderGlobalBar = HeaderGlobalBar["default"];
-exports.HeaderMenu = HeaderMenu["default"];
-exports.HeaderMenuItem = HeaderMenuItem["default"];
-exports.HeaderPanel = HeaderPanel["default"];
-exports.Switcher = Switcher["default"];
-exports.SwitcherItem = SwitcherItem["default"];
-exports.SwitcherDivider = SwitcherDivider["default"];
-exports.SideNav = SideNav["default"];
-exports.SideNavDetails = SideNavDetails["default"];
-exports.SideNavHeader = SideNavHeader["default"];
-exports.SideNavItems = SideNavItems["default"];
-exports.SideNavLink = SideNavLink["default"];
-exports.SideNavMenu = SideNavMenu["default"];
-exports.SideNavMenuItem = SideNavMenuItem["default"];
-exports.SideNavSwitcher = SideNavSwitcher["default"];
 exports.Stack = Stack.Stack;

package/lib/types/common.d.ts

@@ -9,3 +9,10 @@ export type ForwardRefReturn<T, P = unknown> = React.ForwardRefExoticComponent<F
 export type PolymorphicProps<Element extends React.ElementType, Props> = Props & Omit<React.ComponentProps<Element>, 'as'> & {
     as?: Element;
 };
+export interface InternationalProps<MID = string, ARGS = Record<string, unknown>> {
+    /**
+     * Supply a method to translate internal strings with your i18n tool of
+     * choice.
+     */
+    translateWithId?(messageId: MID, args?: ARGS): string;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.36.0",
+  "version": "1.37.0-rc.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -46,13 +46,13 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.16.0",
-    "@carbon/icons-react": "^11.25.0",
+    "@carbon/icons-react": "^11.25.1-rc.0",
     "@carbon/layout": "^11.19.0",
-    "@carbon/styles": "^1.36.0",
+    "@carbon/styles": "^1.36.1-rc.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
-    "downshift": "5.2.1",
+    "downshift": "8.1.0",
     "flatpickr": "4.6.9",
     "invariant": "^2.2.3",
     "lodash.debounce": "^4.0.8",
@@ -138,5 +138,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "34d9b328b856918ec5a3bfc720f4b3ba3d45daf4"
+  "gitHead": "30f17c6417c64542e422b7959e6633d8ffa0e061"
 }