@kaizen/components 1.55.1 → 1.56.0

package/dist/cjs/BrandMoment/BrandMoment.cjs

@@ -4,12 +4,11 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var hostedAssets = require('@kaizen/hosted-assets');
-var Button = require('../Button/Button/Button.cjs');
-require('../Button/IconButton/IconButton.cjs');
 var Heading = require('../Heading/Heading.cjs');
 var Text = require('../Text/Text.cjs');
 var useMediaQueries = require('../utils/useMediaQueries.cjs');
 var BrandMoment_module = require('./BrandMoment.module.scss.cjs');
+var Button = require('../__actions__/Button/v1/Button/Button.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Collapsible/Collapsible/Collapsible.cjs

@@ -4,13 +4,12 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var AnimateHeight = require('react-animate-height');
-require('../../Button/Button/Button.cjs');
-var IconButton = require('../../Button/IconButton/IconButton.cjs');
 var Heading = require('../../Heading/Heading.cjs');
 require('../../Icon/subcomponents/SVG/SVG.cjs');
 var ChevronDownIcon = require('../../Icon/ChevronDownIcon.cjs');
 var ChevronUpIcon = require('../../Icon/ChevronUpIcon.cjs');
 var Collapsible_module = require('./Collapsible.module.scss.cjs');
+var IconButton = require('../../__actions__/Button/v1/IconButton/IconButton.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.cjs

@@ -2,17 +2,14 @@
 
 var React = require('react');
 var i18nReactIntl = require('@cultureamp/i18n-react-intl');
-var Button = require('../../../../Button/Button/Button.cjs');
-require('../../../../Button/IconButton/IconButton.cjs');
 require('tslib');
 require('../../../../Icon/subcomponents/SVG/SVG.cjs');
 var AddIcon = require('../../../../Icon/AddIcon.cjs');
-var Menu = require('../../../../Menu/Menu.cjs');
-require('../../../../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
-var MenuItem = require('../../../../Menu/subcomponents/MenuItem/MenuItem.cjs');
-var MenuList = require('../../../../Menu/subcomponents/MenuList/MenuList.cjs');
-require('../../../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
 var FilterBarContext = require('../../context/FilterBarContext.cjs');
+var Menu = require('../../../../__actions__/Menu/v1/Menu.cjs');
+var MenuList = require('../../../../__actions__/Menu/v1/subcomponents/MenuList/MenuList.cjs');
+var MenuItem = require('../../../../__actions__/Menu/v1/subcomponents/MenuItem/MenuItem.cjs');
+var Button = require('../../../../__actions__/Button/v1/Button/Button.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.cjs

@@ -2,10 +2,9 @@
 
 var React = require('react');
 var i18nReactIntl = require('@cultureamp/i18n-react-intl');
-var Button = require('../../../../Button/Button/Button.cjs');
-require('../../../../Button/IconButton/IconButton.cjs');
 var FilterBarContext = require('../../context/FilterBarContext.cjs');
 var ClearAllButton_module = require('./ClearAllButton.module.scss.cjs');
+var Button = require('../../../../__actions__/Button/v1/Button/Button.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.cjs

@@ -16,7 +16,7 @@ var ListBoxSection = function (_a) {
     sectionName = _a.sectionName,
     restProps = tslib.__rest(_a, ["items", "children", "sectionName"]);
   var listSectionId = React.useId();
-  var hasSectionHeader = ("sectionHeader" in restProps);
+  var hasSectionHeader = "sectionHeader" in restProps;
   return React__default.default.createElement("li", {
     role: "presentation"
   }, React__default.default.createElement("ul", {

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.cjs

@@ -2,9 +2,8 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var Button = require('../../../../Button/Button/Button.cjs');
-require('../../../../Button/IconButton/IconButton.cjs');
 var LoadMoreButton_module = require('./LoadMoreButton.module.scss.cjs');
+var Button = require('../../../../__actions__/Button/v1/Button/Button.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/GuidanceBlock/GuidanceBlock.cjs

@@ -4,14 +4,13 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Media = require('react-media');
-var Button = require('../Button/Button/Button.cjs');
-require('../Button/IconButton/IconButton.cjs');
 var Heading = require('../Heading/Heading.cjs');
 require('../Icon/subcomponents/SVG/SVG.cjs');
 var ArrowForwardIcon = require('../Icon/ArrowForwardIcon.cjs');
 var Text = require('../Text/Text.cjs');
 var index = require('../__overlays__/Tooltip/v1/index.cjs');
 var GuidanceBlock_module = require('./GuidanceBlock.module.scss.cjs');
+var Button = require('../__actions__/Button/v1/Button/Button.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Icon/subcomponents/SVG/SVG.cjs

@@ -23,8 +23,9 @@ var SVG = function (_a) {
     viewBox = _c === void 0 ? "0 0 20 20" : _c,
     classNameOverride = _a.classNameOverride,
     children = _a.children,
-    restProps = tslib.__rest(_a, ["inheritSize", "role", "viewBox", "classNameOverride", "children"]);
-  var classes = classnames__default.default(SVG_module.icon, classNameOverride, inheritSize && SVG_module.inheritSize);
+    shouldFlipOnRtl = _a.shouldFlipOnRtl,
+    restProps = tslib.__rest(_a, ["inheritSize", "role", "viewBox", "classNameOverride", "children", "shouldFlipOnRtl"]);
+  var classes = classnames__default.default(SVG_module.icon, classNameOverride, inheritSize && SVG_module.inheritSize, shouldFlipOnRtl && SVG_module.flipOnRtl);
   if (role === "presentation") {
     return React__default.default.createElement("svg", tslib.__assign({
       className: classes,

package/dist/cjs/Illustration/subcomponents/VideoPlayer/VideoPlayer.cjs

@@ -3,11 +3,10 @@
 var React = require('react');
 var classnames = require('classnames');
 var hostedAssets = require('@kaizen/hosted-assets');
-require('../../../Button/Button/Button.cjs');
-var IconButton = require('../../../Button/IconButton/IconButton.cjs');
 var canPlayWebm = require('../../utils/canPlayWebm.cjs');
 var usePausePlay = require('../../utils/usePausePlay.cjs');
 var Base_module = require('../Base/Base.module.scss.cjs');
+var IconButton = require('../../../__actions__/Button/v1/IconButton/IconButton.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.cjs

@@ -3,11 +3,10 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Button = require('../../../../Button/Button/Button.cjs');
-require('../../../../Button/IconButton/IconButton.cjs');
 var useMediaQueries = require('../../../../utils/useMediaQueries.cjs');
 var ModalBody = require('../ModalBody/ModalBody.cjs');
 var ModalFooter_module = require('./ModalFooter.module.scss.cjs');
+var Button = require('../../../../__actions__/Button/v1/Button/Button.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.cjs

@@ -1,13 +1,12 @@
 'use strict';
 
 var React = require('react');
-require('../../../../Button/Button/Button.cjs');
-var IconButton = require('../../../../Button/IconButton/IconButton.cjs');
 require('tslib');
 require('../../../../Icon/subcomponents/SVG/SVG.cjs');
 var CloseIcon = require('../../../../Icon/CloseIcon.cjs');
 var ModalBody = require('../ModalBody/ModalBody.cjs');
 var ModalHeader_module = require('./ModalHeader.module.scss.cjs');
+var IconButton = require('../../../../__actions__/Button/v1/IconButton/IconButton.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Pagination/subcomponents/DirectionalLink/DirectionalLink.cjs

@@ -7,7 +7,7 @@ var ArrowBackwardIcon = require('../../../Icon/ArrowBackwardIcon.cjs');
 var ArrowForwardIcon = require('../../../Icon/ArrowForwardIcon.cjs');
 var EndIcon = require('../../../Icon/EndIcon.cjs');
 var StartIcon = require('../../../Icon/StartIcon.cjs');
-var GenericButton = require('../../../Button/GenericButton/GenericButton.cjs');
+var GenericButton = require('../../../__actions__/Button/v1/GenericButton/GenericButton.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Pagination/subcomponents/PaginationLink/PaginationLink.cjs

@@ -2,7 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var GenericButton = require('../../../Button/GenericButton/GenericButton.cjs');
+var GenericButton = require('../../../__actions__/Button/v1/GenericButton/GenericButton.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/RichTextEditor/utils/core/createRichTextEditor.cjs

@@ -19,6 +19,7 @@ var createRichTextEditor = function (_a) {
     isEditable = _c === void 0 ? function () {
       return true;
     } : _c;
+  var editorView = null;
   // Handle transactions eminating from the EditorView instance
   var dispatch = function (tx) {
     var newEditorState = editorView && editorView.state.apply(tx);
@@ -36,7 +37,7 @@ var createRichTextEditor = function (_a) {
       commandOrTransaction(editorView.state, dispatch);
     }
   };
-  var editorView = new prosemirrorView.EditorView(node, {
+  editorView = new prosemirrorView.EditorView(node, {
     state: initialEditorState,
     dispatchTransaction: dispatchCommandOrTransaction,
     attributes: attributes,

package/dist/cjs/SplitButton/SplitButton.cjs

@@ -3,14 +3,10 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Menu = require('../Menu/Menu.cjs');
-require('../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
-require('../Menu/subcomponents/MenuItem/MenuItem.cjs');
-require('../Menu/subcomponents/MenuList/MenuList.cjs');
-require('../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
 var ActionButton = require('./subcomponents/ActionButton/ActionButton.cjs');
 var DropdownButton = require('./subcomponents/DropdownButton/DropdownButton.cjs');
 var SplitButton_module = require('./SplitButton.module.scss.cjs');
+var Menu = require('../__actions__/Menu/v1/Menu.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Tile/subcomponents/GenericTile/Action.cjs

@@ -1,8 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Button = require('../../../Button/Button/Button.cjs');
-require('../../../Button/IconButton/IconButton.cjs');
+var Button = require('../../../__actions__/Button/v1/Button/Button.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.cjs

@@ -3,8 +3,6 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-require('../../../Button/Button/Button.cjs');
-var IconButton = require('../../../Button/IconButton/IconButton.cjs');
 var Heading = require('../../../Heading/Heading.cjs');
 require('../../../Icon/subcomponents/SVG/SVG.cjs');
 var ArrowBackwardIcon = require('../../../Icon/ArrowBackwardIcon.cjs');
@@ -12,6 +10,7 @@ var InformationIcon = require('../../../Icon/InformationIcon.cjs');
 var Text = require('../../../Text/Text.cjs');
 var Action = require('./Action.cjs');
 var GenericTile_module = require('./GenericTile.module.scss.cjs');
+var IconButton = require('../../../__actions__/Button/v1/IconButton/IconButton.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/TitleBlockZen/TitleBlockZen.cjs

@@ -4,8 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Avatar = require('../Avatar/Avatar.cjs');
-require('../Button/Button/Button.cjs');
-var IconButton = require('../Button/IconButton/IconButton.cjs');
 var Heading = require('../Heading/Heading.cjs');
 require('../Icon/subcomponents/SVG/SVG.cjs');
 var ArrowLeftIcon = require('../Icon/ArrowLeftIcon.cjs');
@@ -19,6 +17,7 @@ var MobileActions = require('./subcomponents/MobileActions.cjs');
 var SecondaryActions = require('./subcomponents/SecondaryActions.cjs');
 var utils = require('./utils.cjs');
 var TitleBlockZen_module = require('./TitleBlockZen.module.scss.cjs');
+var IconButton = require('../__actions__/Button/v1/IconButton/IconButton.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/TitleBlockZen/subcomponents/MainActions.cjs

@@ -2,21 +2,18 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var Button = require('../../Button/Button/Button.cjs');
-var IconButton = require('../../Button/IconButton/IconButton.cjs');
 require('../../Icon/subcomponents/SVG/SVG.cjs');
 var ChevronDownIcon = require('../../Icon/ChevronDownIcon.cjs');
 var MeatballsIcon = require('../../Icon/MeatballsIcon.cjs');
-var Menu = require('../../Menu/Menu.cjs');
-require('../../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
-require('../../Menu/subcomponents/MenuItem/MenuItem.cjs');
-var MenuList = require('../../Menu/subcomponents/MenuList/MenuList.cjs');
-require('../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
 var constants = require('../constants.cjs');
 var utils = require('../utils.cjs');
 var TitleBlockMenuItem = require('./TitleBlockMenuItem.cjs');
 var Toolbar = require('./Toolbar.cjs');
 var MainActions_module = require('./MainActions.module.scss.cjs');
+var Button = require('../../__actions__/Button/v1/Button/Button.cjs');
+var Menu = require('../../__actions__/Menu/v1/Menu.cjs');
+var MenuList = require('../../__actions__/Menu/v1/subcomponents/MenuList/MenuList.cjs');
+var IconButton = require('../../__actions__/Button/v1/IconButton/IconButton.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/TitleBlockZen/subcomponents/MobileActions.cjs

@@ -7,15 +7,13 @@ var reactFocusOn = require('react-focus-on');
 require('../../Icon/subcomponents/SVG/SVG.cjs');
 var ChevronDownIcon = require('../../Icon/ChevronDownIcon.cjs');
 var ChevronUpIcon = require('../../Icon/ChevronUpIcon.cjs');
-require('../../Menu/Menu.cjs');
-var MenuHeading = require('../../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
-var MenuItem = require('../../Menu/subcomponents/MenuItem/MenuItem.cjs');
-var MenuList = require('../../Menu/subcomponents/MenuList/MenuList.cjs');
-require('../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
 var constants = require('../constants.cjs');
 var utils = require('../utils.cjs');
 var TitleBlockMenuItem = require('./TitleBlockMenuItem.cjs');
 var MobileActions_module = require('./MobileActions.module.scss.cjs');
+var MenuHeading = require('../../__actions__/Menu/v1/subcomponents/MenuHeading/MenuHeading.cjs');
+var MenuList = require('../../__actions__/Menu/v1/subcomponents/MenuList/MenuList.cjs');
+var MenuItem = require('../../__actions__/Menu/v1/subcomponents/MenuItem/MenuItem.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/TitleBlockZen/subcomponents/SecondaryActions.cjs

@@ -2,20 +2,17 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var Button = require('../../Button/Button/Button.cjs');
-var IconButton = require('../../Button/IconButton/IconButton.cjs');
 require('../../Icon/subcomponents/SVG/SVG.cjs');
 var ChevronDownIcon = require('../../Icon/ChevronDownIcon.cjs');
 var MeatballsIcon = require('../../Icon/MeatballsIcon.cjs');
-var Menu = require('../../Menu/Menu.cjs');
-require('../../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
-require('../../Menu/subcomponents/MenuItem/MenuItem.cjs');
-var MenuList = require('../../Menu/subcomponents/MenuList/MenuList.cjs');
-require('../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
 var TitleBlockZen_module = require('../TitleBlockZen.module.scss.cjs');
 var constants = require('../constants.cjs');
 var TitleBlockMenuItem = require('./TitleBlockMenuItem.cjs');
 var Toolbar = require('./Toolbar.cjs');
+var Menu = require('../../__actions__/Menu/v1/Menu.cjs');
+var Button = require('../../__actions__/Button/v1/Button/Button.cjs');
+var MenuList = require('../../__actions__/Menu/v1/subcomponents/MenuList/MenuList.cjs');
+var IconButton = require('../../__actions__/Button/v1/IconButton/IconButton.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/TitleBlockZen/subcomponents/TitleBlockMenuItem.cjs

@@ -3,12 +3,8 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-require('../../Menu/Menu.cjs');
-require('../../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
-var MenuItem = require('../../Menu/subcomponents/MenuItem/MenuItem.cjs');
-require('../../Menu/subcomponents/MenuList/MenuList.cjs');
-require('../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
 var TitleBlockMenuItem_module = require('./TitleBlockMenuItem.module.scss.cjs');
+var MenuItem = require('../../__actions__/Menu/v1/subcomponents/MenuItem/MenuItem.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/{Button → __actions__/Button/v1}/GenericButton/GenericButton.cjs

@@ -5,12 +5,12 @@ var React = require('react');
 var classnames = require('classnames');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
-var Badge = require('../../Badge/Badge.cjs');
-require('../../Loading/LoadingGraphic/LoadingGraphic.cjs');
-require('../../Loading/LoadingHeading/LoadingHeading.cjs');
-require('../../Loading/LoadingInput/LoadingInput.cjs');
-require('../../Loading/LoadingParagraph/LoadingParagraph.cjs');
-var LoadingSpinner = require('../../Loading/LoadingSpinner/LoadingSpinner.cjs');
+var Badge = require('../../../../Badge/Badge.cjs');
+require('../../../../Loading/LoadingGraphic/LoadingGraphic.cjs');
+require('../../../../Loading/LoadingHeading/LoadingHeading.cjs');
+require('../../../../Loading/LoadingInput/LoadingInput.cjs');
+require('../../../../Loading/LoadingParagraph/LoadingParagraph.cjs');
+var LoadingSpinner = require('../../../../Loading/LoadingSpinner/LoadingSpinner.cjs');
 var GenericButton_module = require('./GenericButton.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/__actions__/Button/v1/GenericButton/GenericButton.module.scss.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var styles = {
+  "button": "GenericButton-module_button__vTuHz",
+  "disabled": "GenericButton-module_disabled__NQENR",
+  "working": "GenericButton-module_working__Ia8R2",
+  "reversed": "GenericButton-module_reversed__m6Nia",
+  "content": "GenericButton-module_content__McBme",
+  "default": "GenericButton-module_default__08ztk",
+  "primary": "GenericButton-module_primary__8wfKy",
+  "destructive": "GenericButton-module_destructive__O-1WX",
+  "secondary": "GenericButton-module_secondary__e3lqK",
+  "small": "GenericButton-module_small__vlMuA",
+  "iconButton": "GenericButton-module_iconButton__jQQ4E",
+  "circleButton": "GenericButton-module_circleButton__Ovqs1",
+  "paginationLink": "GenericButton-module_paginationLink__t54TU",
+  "isPaginationLinkActive": "GenericButton-module_isPaginationLinkActive__FbfXr",
+  "directionalLink": "GenericButton-module_directionalLink__jgRQf",
+  "container": "GenericButton-module_container__sMeVe",
+  "label": "GenericButton-module_label__Z08Ax",
+  "fullWidth": "GenericButton-module_fullWidth__2MPO6",
+  "iconWrapper": "GenericButton-module_iconWrapper__eFGAT",
+  "additionalContentWrapper": "GenericButton-module_additionalContentWrapper__RwK-G",
+  "loadingSpinner": "GenericButton-module_loadingSpinner__lbL3G",
+  "centeredLoadingSpinner": "GenericButton-module_centeredLoadingSpinner__OPppp",
+  "hidden": "GenericButton-module_hidden__MacT-"
+};
+module.exports = styles;

package/dist/cjs/__actions__/Button/v3/Button.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var mergeClassNames = require('../../../utils/mergeClassNames.cjs');
+var Button_module = require('./Button.module.scss.cjs');
+var ReversedColors = require('../../../__utilities__/ReversedColors/v3/ReversedColors.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var Button = function (_a) {
+  var _b = _a.variant,
+    variant = _b === void 0 ? "default" : _b,
+    className = _a.className,
+    _c = _a.size,
+    size = _c === void 0 ? "medium" : _c,
+    children = _a.children,
+    otherProps = tslib.__rest(_a, ["variant", "className", "size", "children"]);
+  var isReversed = ReversedColors.useReversedColors();
+  return React__default.default.createElement(reactAriaComponents.Button, tslib.__assign({
+    className: mergeClassNames.mergeClassNames(Button_module.button, Button_module[variant], Button_module[size], isReversed && Button_module.reversed, className)
+  }, otherProps), children);
+};
+exports.Button = Button;

package/dist/cjs/__actions__/Button/v3/Button.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "button": "Button-module_button__QOSYH",
+  "default": "Button-module_default__gSx3e",
+  "reversed": "Button-module_reversed__DT-Id",
+  "small": "Button-module_small__S-t5B"
+};
+module.exports = styles;

package/dist/cjs/__actions__/Menu/v1/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var Menu$1 = require('./Menu.cjs');
+var MenuHeading$1 = require('./subcomponents/MenuHeading/MenuHeading.cjs');
+var MenuItem$1 = require('./subcomponents/MenuItem/MenuItem.cjs');
+var MenuList$1 = require('./subcomponents/MenuList/MenuList.cjs');
+var StatelessMenu$1 = require('./subcomponents/StatelessMenu/StatelessMenu.cjs');
+
+// Since we can't add a deprecation flag on a * export
+// Note: deprecate all of these once we have Button v3
+var Menu = Menu$1.Menu;
+var MenuHeading = MenuHeading$1.MenuHeading;
+var MenuItem = MenuItem$1.MenuItem;
+var MenuList = MenuList$1.MenuList;
+var StatelessMenu = StatelessMenu$1.StatelessMenu;
+exports.Menu = Menu;
+exports.MenuHeading = MenuHeading;
+exports.MenuItem = MenuItem;
+exports.MenuList = MenuList;
+exports.StatelessMenu = StatelessMenu;

package/dist/cjs/__actions__/Menu/v1/subcomponents/MenuDropdown/MenuDropdown.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "menuContainer": "MenuDropdown-module_menuContainer__X4272",
+  "defaultWidth": "MenuDropdown-module_defaultWidth__8jWqB"
+};
+module.exports = styles;

package/dist/cjs/{Menu → __actions__/Menu/v1}/subcomponents/MenuHeading/MenuHeading.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Heading = require('../../../Heading/Heading.cjs');
+var Heading = require('../../../../../Heading/Heading.cjs');
 var MenuHeading_module = require('./MenuHeading.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/{Menu → __actions__/Menu/v1}/subcomponents/MenuHeading/MenuHeading.module.scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "heading": "MenuHeading-module_heading__a9BY8"
+  "heading": "MenuHeading-module_heading__WISMF"
 };
 module.exports = styles;

package/dist/cjs/{Menu → __actions__/Menu/v1}/subcomponents/MenuItem/MenuItem.cjs

@@ -45,6 +45,7 @@ var MenuItem = function (_a) {
     }, React__default.default.createElement("a", {
       id: id,
       href: href,
+      onClick: onClick,
       className: className,
       target: target,
       "aria-current": isActive ? "page" : undefined,

package/dist/cjs/__actions__/Menu/v1/subcomponents/MenuItem/MenuItem.module.scss.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var styles = {
+  "menuListItem": "MenuItem-module_menuListItem__zWJSG",
+  "menuItem": "MenuItem-module_menuItem__3gZEN",
+  "menuItem--disabled": "MenuItem-module_menuItem--disabled__V3N8q",
+  "menuItem__Icon": "MenuItem-module_menuItem__Icon__ckzae",
+  "menuItem--destructive": "MenuItem-module_menuItem--destructive__z-9Ds",
+  "menuItem--active": "MenuItem-module_menuItem--active__tIKBp",
+  "menuItem__Label": "MenuItem-module_menuItem__Label__r9ZbQ"
+};
+module.exports = styles;

package/dist/cjs/{Menu → __actions__/Menu/v1}/subcomponents/MenuList/MenuList.module.scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "menuSection": "MenuList-module_menuSection__Wbgbr"
+  "menuSection": "MenuList-module_menuSection__FBeC8"
 };
 module.exports = styles;

package/dist/cjs/__actions__/Menu/v1/subcomponents/StatelessMenu/StatelessMenu.module.scss.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "buttonWrapper": "StatelessMenu-module_buttonWrapper__ov51l"
+};
+module.exports = styles;

package/dist/cjs/__actions__/Menu/v3/Menu.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var mergeClassNames = require('../../../utils/mergeClassNames.cjs');
+var Menu_module = require('./Menu.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+/**
+ * A menu displays a list of actions or options that a user can choose.
+ */
+var Menu = React.forwardRef(function (_a, ref) {
+  var className = _a.className,
+    props = tslib.__rest(_a, ["className"]);
+  return React__default.default.createElement(reactAriaComponents.Menu, tslib.__assign({
+    className: mergeClassNames.mergeClassNames(Menu_module.menu, className),
+    ref: ref
+  }, props));
+});
+exports.Menu = Menu;

package/dist/cjs/__actions__/Menu/v3/Menu.module.scss.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "menu": "Menu-module_menu__iHYqh"
+};
+module.exports = styles;

package/dist/cjs/__actions__/Menu/v3/MenuItem.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var mergeClassNames = require('../../../utils/mergeClassNames.cjs');
+var MenuItem_module = require('./MenuItem.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+/**
+ * A MenuItem represents an individual action in a Menu.
+ */
+var MenuItem = React.forwardRef(function (_a, ref) {
+  var className = _a.className,
+    icon = _a.icon,
+    children = _a.children,
+    props = tslib.__rest(_a, ["className", "icon", "children"]);
+  return React__default.default.createElement(reactAriaComponents.MenuItem, tslib.__assign({
+    ref: ref,
+    className: mergeClassNames.mergeClassNames(MenuItem_module.item, className)
+  }, props), React__default.default.createElement(React__default.default.Fragment, null, icon && React__default.default.createElement("span", {
+    className: MenuItem_module.iconWrapper
+  }, icon), children));
+});
+exports.MenuItem = MenuItem;

package/dist/cjs/__actions__/Menu/v3/MenuItem.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "item": "MenuItem-module_item__DPerF",
+  "iconWrapper": "MenuItem-module_iconWrapper__bRdQN"
+};
+module.exports = styles;