@lumx/react 2.1.6-alpha.4 → 2.1.8-alpha.0

package/esm/_internal/expansion-panel.js

@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import '../index2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
@@ -28,7 +28,6 @@ import './ClickAwayProvider.js';
 import 'lodash/pull';
 import './DragHandle.js';
 export { E as ExpansionPanel } from './ExpansionPanel.js';
-import './Icon2.js';
 import './Tooltip2.js';
 import 'lodash/debounce';
 //# sourceMappingURL=expansion-panel.js.map

package/esm/_internal/expansion-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"expansion-panel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/_internal/flag.js

@@ -2,10 +2,10 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
+import './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
 import 'lodash/noop';
 export { F as Flag } from './Flag2.js';
-import './Icon2.js';
 //# sourceMappingURL=flag.js.map

package/esm/_internal/icon.js

@@ -2,9 +2,9 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
+export { I as Icon } from './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
 import 'lodash/noop';
-export { I as Icon } from './Icon2.js';
 //# sourceMappingURL=icon.js.map

package/esm/_internal/image-block.js

@@ -2,14 +2,13 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
 import 'lodash/noop';
 import './constants.js';
 import './mergeRefs.js';
-import './Icon2.js';
 import 'lodash/isObject';
 export { a as ImageBlock, I as ImageBlockCaptionPosition } from './ImageBlock.js';
 import './clamp.js';

package/esm/_internal/image-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"image-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/esm/_internal/lightbox.js

@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import '../index2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
@@ -21,7 +21,6 @@ import './ClickAwayProvider.js';
 import 'lodash/pull';
 import './useDelayedVisibility.js';
 import './useDisableBodyScroll.js';
-import './Icon2.js';
 export { L as Lightbox } from './Lightbox2.js';
 import './Tooltip2.js';
 import 'lodash/debounce';

package/esm/_internal/lightbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"lightbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"lightbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/_internal/link-preview.js

@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
@@ -10,7 +10,6 @@ import 'lodash/noop';
 import './constants.js';
 import './mergeRefs.js';
 import './renderLink.js';
-import './Icon2.js';
 import './Link2.js';
 export { L as LinkPreview } from './LinkPreview.js';
 import './clamp.js';

package/esm/_internal/link-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-preview.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"link-preview.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/esm/_internal/link.js

@@ -2,11 +2,11 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
+import './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
 import 'lodash/noop';
 import './renderLink.js';
-import './Icon2.js';
 export { L as Link } from './Link2.js';
 //# sourceMappingURL=link.js.map

package/esm/_internal/message.js

@@ -2,11 +2,10 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
 import 'lodash/noop';
-import './Icon2.js';
 export { M as Message } from './Message2.js';
 //# sourceMappingURL=message.js.map

package/esm/_internal/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"message.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/esm/_internal/mosaic.js

@@ -2,14 +2,13 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
 import 'lodash/noop';
 import './constants.js';
 import './mergeRefs.js';
-import './Icon2.js';
 import 'lodash/take';
 export { M as Mosaic } from './Mosaic2.js';
 import './clamp.js';

package/esm/_internal/mosaic.js.map

@@ -1 +1 @@
-{"version":3,"file":"mosaic.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"mosaic.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/esm/_internal/notification.js

@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
@@ -14,6 +14,5 @@ import './Button2.js';
 import 'lodash/isFunction';
 import 'react-dom';
 import './useDelayedVisibility.js';
-import './Icon2.js';
 export { N as Notification } from './Notification2.js';
 //# sourceMappingURL=notification.js.map

package/esm/_internal/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"notification.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/esm/_internal/post-block.js

@@ -2,14 +2,13 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
 import 'lodash/noop';
 import './constants.js';
 import './mergeRefs.js';
-import './Icon2.js';
 import 'lodash/isObject';
 export { P as PostBlock } from './PostBlock.js';
 import './clamp.js';

package/esm/_internal/post-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"post-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/esm/_internal/progress-tracker.js

@@ -2,14 +2,13 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import '../index2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
 import 'lodash/noop';
 import './mergeRefs.js';
-import './Icon2.js';
 import './InputHelper.js';
 import './InputLabel.js';
 import './useRovingTabIndex.js';

package/esm/_internal/progress-tracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-tracker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"progress-tracker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/esm/_internal/select.js

@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import '../index2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
@@ -23,7 +23,6 @@ import './ClickAwayProvider.js';
 import 'lodash/pull';
 import './List2.js';
 import './Dropdown2.js';
-import './Icon2.js';
 import './InputHelper.js';
 import './InputLabel.js';
 export { a as Select, c as SelectMultiple, b as SelectMultipleField, S as SelectVariant } from './SelectMultiple.js';

package/esm/_internal/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/_internal/side-navigation.js

@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import '../index2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
@@ -19,7 +19,6 @@ import './IconButton.js';
 import 'react-dom';
 import './ClickAwayProvider.js';
 import 'lodash/pull';
-import './Icon2.js';
 export { S as SideNavigation, a as SideNavigationItem } from './SideNavigationItem.js';
 import './Tooltip2.js';
 import 'lodash/debounce';

package/esm/_internal/side-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-navigation.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"side-navigation.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/_internal/slideshow.js

@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import '../index2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
@@ -20,7 +20,6 @@ import 'lodash/range';
 import 'react-dom';
 import './ClickAwayProvider.js';
 import 'lodash/pull';
-import './Icon2.js';
 export { S as Slideshow, b as SlideshowControls, a as SlideshowItem } from './SlideshowControls.js';
 import './Tooltip2.js';
 import 'lodash/debounce';

package/esm/_internal/slideshow.js.map

@@ -1 +1 @@
-{"version":3,"file":"slideshow.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"slideshow.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/_internal/table.js

@@ -2,12 +2,11 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
 import 'lodash/noop';
 import 'lodash/isFunction';
-import './Icon2.js';
 export { T as Table, a as TableBody, d as TableCell, c as TableCellVariant, e as TableHeader, f as TableRow, b as ThOrder } from './TableRow.js';
 //# sourceMappingURL=table.js.map

package/esm/_internal/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/esm/_internal/tabs.js

@@ -2,13 +2,13 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
+import './Icon2.js';
 import '../index2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
 import 'lodash/noop';
 import './mergeRefs.js';
-import './Icon2.js';
 import './useRovingTabIndex.js';
 export { c as Tab, b as TabList, a as TabListLayout, d as TabPanel, T as TabProvider } from './TabPanel.js';
 //# sourceMappingURL=tabs.js.map

package/esm/_internal/text-field.js

@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import '../index2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
@@ -18,7 +18,6 @@ import './IconButton.js';
 import 'react-dom';
 import './ClickAwayProvider.js';
 import 'lodash/pull';
-import './Icon2.js';
 import './InputHelper.js';
 import './InputLabel.js';
 export { T as TextField } from './TextField.js';

package/esm/_internal/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"text-field.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/_internal/thumbnail.js

@@ -2,14 +2,13 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
 import 'lodash/noop';
 import './constants.js';
 import './mergeRefs.js';
-import './Icon2.js';
 import './clamp.js';
 export { T as Thumbnail } from './Thumbnail2.js';
 import 'lodash';

package/esm/_internal/thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"thumbnail.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"thumbnail.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/esm/_internal/uploader.js

@@ -2,10 +2,10 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
+import './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
 import 'lodash/noop';
-import './Icon2.js';
 export { a as Uploader, U as UploaderVariant } from './Uploader2.js';
 //# sourceMappingURL=uploader.js.map

package/esm/_internal/user-block.js

@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
 import './components.js';
 import 'react';
 import './getRootClassName.js';
-import './mdi.js';
+import './Icon2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
 import 'lodash/kebabCase';
@@ -11,7 +11,6 @@ import './constants.js';
 import './mergeRefs.js';
 import './Avatar2.js';
 import './renderLink.js';
-import './Icon2.js';
 import './clamp.js';
 import './Thumbnail2.js';
 import 'lodash';

package/esm/_internal/user-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"user-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/esm/index.js

@@ -2,7 +2,7 @@ import './_internal/_rollupPluginBabelHelpers.js';
 export { Alignment, AspectRatio, ColorPalette, ColorVariant, Emphasis, Kind, Orientation, Size, Theme, Typography, TypographyInterface, TypographyTitleCustom } from './_internal/components.js';
 import 'react';
 import './_internal/getRootClassName.js';
-import './_internal/mdi.js';
+export { I as Icon } from './_internal/Icon2.js';
 import './index2.js';
 import 'lodash/isBoolean';
 import 'lodash/isEmpty';
@@ -53,7 +53,6 @@ export { F as Flag } from './_internal/Flag2.js';
 import 'lodash/castArray';
 export { F as FlexBox } from './_internal/FlexBox.js';
 export { G as Grid, a as GridItem } from './_internal/GridItem.js';
-export { I as Icon } from './_internal/Icon2.js';
 import 'lodash/isObject';
 export { a as ImageBlock, I as ImageBlockCaptionPosition } from './_internal/ImageBlock.js';
 export { I as InputHelper } from './_internal/InputHelper.js';

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -7,8 +7,8 @@
     },
     "dependencies": {
         "@juggle/resize-observer": "^3.2.0",
-        "@lumx/core": "^2.1.6-alpha.4",
-        "@lumx/icons": "^2.1.6-alpha.4",
+        "@lumx/core": "^2.1.8-alpha.0",
+        "@lumx/icons": "^2.1.8-alpha.0",
         "@popperjs/core": "^2.5.4",
         "body-scroll-lock": "^3.1.5",
         "classnames": "^2.2.6",
@@ -23,18 +23,13 @@
         "@babel/plugin-proposal-nullish-coalescing-operator": "^7.8.3",
         "@babel/plugin-proposal-object-rest-spread": "^7.8.3",
         "@babel/plugin-proposal-optional-chaining": "^7.8.3",
+        "@babel/plugin-proposal-private-methods": "^7.16.0",
+        "@babel/plugin-proposal-private-property-in-object": "^7.16.0",
         "@babel/preset-env": "^7.8.3",
         "@babel/preset-react": "^7.8.3",
         "@babel/preset-typescript": "^7.12.7",
         "@rollup/plugin-commonjs": "^15.0.0",
         "@rollup/plugin-node-resolve": "9.0.0",
-        "@storybook/addon-a11y": "^5.3.21",
-        "@storybook/addon-actions": "^5.3.21",
-        "@storybook/addon-knobs": "^5.3.21",
-        "@storybook/addon-storysource": "^5.3.21",
-        "@storybook/addon-viewport": "^5.3.21",
-        "@storybook/core": "^5.3.21",
-        "@storybook/react": "^5.3.21",
         "@types/body-scroll-lock": "^2.6.1",
         "@types/classnames": "^2.2.9",
         "@types/enzyme": "^3.10.5",
@@ -45,7 +40,7 @@
         "@types/react-is": "^16.7.1",
         "autoprefixer": "^9.7.4",
         "babel-loader": "^8.0.6",
-        "chromatic": "^5.4.0",
+        "chromatic": "^6.0.6",
         "core-js": "^3.6.4",
         "dts-bundle-generator": "^5.5.0",
         "enzyme": "^3.11.0",
@@ -120,11 +115,11 @@
         "prepare": "install-peers || exit 0",
         "prepublishOnly": "yarn build",
         "test": "jest --config jest/index.js --coverage --notify --passWithNoTests --detectOpenHandles --runInBand",
-        "prepare:storybook": "mkdir -p node_modules",
-        "storybook": "yarn prepare:storybook && start-storybook -s ../site-demo/static/ -p 9000",
-        "build:storybook": "yarn prepare:storybook && build-storybook -s ../site-demo/static"
+        "storybook": "yarn start:storybook",
+        "start:storybook": "cd storybook && ./start",
+        "build:storybook": "cd storybook && ./build"
     },
     "sideEffects": false,
-    "version": "2.1.6-alpha.4",
-    "gitHead": "50ad5ebb0896911ccb13d8aee3b1cfc961154e0b"
+    "version": "2.1.8-alpha.0",
+    "gitHead": "6cbc4962664dd018c884f1006c1c6b20f7ae183a"
 }

package/src/components/alert-dialog/AlertDialog.stories.tsx

@@ -1,13 +1,20 @@
 import React, { RefObject, useRef, useState } from 'react';
 import { Button, Theme, Link } from '@lumx/react';
+import { DIALOG_TRANSITION_DURATION } from '@lumx/core/js/constants';
+import { chromaticForceScreenSize } from '../../stories/chromaticForceScreenSize';
 import { AlertDialog } from './AlertDialog';
 
 export default {
     title: 'LumX components/alert-dialog/AlertDialog',
     parameters: {
-        // Notifies Chromatic to pause the animations when they finish for the specific story.
-        chromatic: { pauseAnimationAtEnd: true },
+        // Delay Chromatic snapshot to wait for dialog to open.
+        chromatic: {
+            pauseAnimationAtEnd: true,
+            delay: DIALOG_TRANSITION_DURATION,
+        },
     },
+    // Force minimum chromatic screen size to make sure the dialog appears in view.
+    decorators: [chromaticForceScreenSize],
 };
 
 const defaultProps = {

package/src/components/autocomplete/AutocompleteMultiple.stories.tsx

@@ -6,7 +6,7 @@ import { mdiClose, mdiFlag } from '@lumx/icons';
 
 import { CITIES } from './__mockData__';
 
-export default { title: 'LumX components/autocomplete/Autocomplete Multiple' };
+export default { title: 'LumX components/autocomplete/AutocompleteMultiple' };
 
 interface City {
     id: string;