@atlaskit/status 1.4.0 → 1.4.2

package/CHANGELOG.md

@@ -1,59 +1,71 @@
 # @atlaskit/status
 
+## 1.4.2
+
+### Patch Changes
+
+- [#40997](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40997) [`02b9339abb1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02b9339abb1) - add type definition to newColorIndex
+
+## 1.4.1
+
+### Patch Changes
+
+- [#40389](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40389) [`beb32df5147`](https://bitbucket.org/atlassian/atlassian-frontend/commits/beb32df5147) - [ECA11Y-45] [ECA11Y-22] Change the tab key handling the status popup to improve accessibility.
+
 ## 1.4.0
 
 ### Minor Changes
 
-- [`11861bb36d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/11861bb36d4) - [ux] [ECA11Y-44] [ECA11Y-22] [ECA11Y-19] Change the focus order in the status popup to improve accessibility.
+- [#40207](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40207) [`11861bb36d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/11861bb36d4) - [ux] [ECA11Y-44] [ECA11Y-22] [ECA11Y-19] Change the focus order in the status popup to improve accessibility.
 
 ## 1.3.7
 
 ### Patch Changes
 
-- [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
+- [#39787](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39787) [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
 
 ## 1.3.6
 
 ### Patch Changes
 
-- [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
+- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
 - Updated dependencies
 
 ## 1.3.5
 
 ### Patch Changes
 
-- [`932b50814f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/932b50814f6) - ED-18001: update android style overrides to vertically align status node
+- [#36794](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36794) [`932b50814f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/932b50814f6) - ED-18001: update android style overrides to vertically align status node
 
 ## 1.3.4
 
 ### Patch Changes
 
-- [`54ce14a4fd3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54ce14a4fd3) - [ED-18129] Duplicate Enzyme mount helper to avoid circular references in Emoji and Status
+- [#35117](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35117) [`54ce14a4fd3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54ce14a4fd3) - [ED-18129] Duplicate Enzyme mount helper to avoid circular references in Emoji and Status
 
 ## 1.3.3
 
 ### Patch Changes
 
-- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
 
 ## 1.3.2
 
 ### Patch Changes
 
-- [`9369cc38a68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9369cc38a68) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
+- [#33771](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33771) [`9369cc38a68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9369cc38a68) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
 
 ## 1.3.1
 
 ### Patch Changes
 
-- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
 
 ## 1.3.0
 
 ### Minor Changes
 
-- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
 
 ### Patch Changes
 
@@ -63,7 +75,7 @@
 
 ### Patch Changes
 
-- [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
+- [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424) [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
 
 ## 1.2.10
 
@@ -81,19 +93,19 @@
 
 ### Patch Changes
 
-- [`ac0f098f7f9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac0f098f7f9) - Fixes an oversight in DSP-7701 that causes some rendering issues with lozenges on the Hybrid Renderer on Android
+- [#28932](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28932) [`ac0f098f7f9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac0f098f7f9) - Fixes an oversight in DSP-7701 that causes some rendering issues with lozenges on the Hybrid Renderer on Android
 
 ## 1.2.7
 
 ### Patch Changes
 
-- [`dde37c411c8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dde37c411c8) - Fixes an oversight in DSP-7701 that causes some rendering issues with lozenges on the Hybrid Renderer on Android
+- [#28981](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28981) [`dde37c411c8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dde37c411c8) - Fixes an oversight in DSP-7701 that causes some rendering issues with lozenges on the Hybrid Renderer on Android
 
 ## 1.2.6
 
 ### Patch Changes
 
-- [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
+- [#28324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28324) [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
 
 ## 1.2.5
 
@@ -111,13 +123,13 @@
 
 ### Patch Changes
 
-- [`a6900fd8727`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a6900fd8727) - DSP-6671 - Separates icon and border color and adds semantic tokens to status color palette. Updated appearances only visible in applications configured to use the new Tokens API (currently in alpha).
+- [#26712](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26712) [`a6900fd8727`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a6900fd8727) - DSP-6671 - Separates icon and border color and adds semantic tokens to status color palette. Updated appearances only visible in applications configured to use the new Tokens API (currently in alpha).
 
 ## 1.2.2
 
 ### Patch Changes
 
-- [`5d2eeac35f7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5d2eeac35f7) - Fixes a browser specific bug that occurred in android chromium that led to the component losing focus unexpectedly when selected for editing.
+- [#27076](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27076) [`5d2eeac35f7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5d2eeac35f7) - Fixes a browser specific bug that occurred in android chromium that led to the component losing focus unexpectedly when selected for editing.
 
 ## 1.2.1
 
@@ -129,7 +141,7 @@
 
 ### Minor Changes
 
-- [`b3be5346e02`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3be5346e02) - Status warning color picker updated to match the color of the underlying lozenge.
+- [#25860](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25860) [`b3be5346e02`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3be5346e02) - Status warning color picker updated to match the color of the underlying lozenge.
 
 ### Patch Changes
 
@@ -139,26 +151,26 @@
 
 ### Patch Changes
 
-- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
 
 ## 1.1.5
 
 ### Patch Changes
 
-- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
 
 ## 1.1.4
 
 ### Patch Changes
 
-- [`721bc4d7794`](https://bitbucket.org/atlassian/atlassian-frontend/commits/721bc4d7794) - ED-14377 To remove the imports of version.json which is deprecated
+- [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381) [`721bc4d7794`](https://bitbucket.org/atlassian/atlassian-frontend/commits/721bc4d7794) - ED-14377 To remove the imports of version.json which is deprecated
 - [`b3fedfabde4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3fedfabde4) - Changing status colors with tab and shfit-tab
 
 ## 1.1.3
 
 ### Patch Changes
 
-- [`a4b4e5965d9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a4b4e5965d9) - [ux] Fixes bug when page scrolls after inserting status in the bottom of the page
+- [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570) [`a4b4e5965d9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a4b4e5965d9) - [ux] Fixes bug when page scrolls after inserting status in the bottom of the page
 
 ## 1.1.2
 
@@ -170,13 +182,13 @@
 
 ### Patch Changes
 
-- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
 
 ## 1.1.0
 
 ### Minor Changes
 
-- [`af2dcdc462f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af2dcdc462f) - [ux] Instrumented `@atlaskit/status` with the new theming package, `@atlaskit/tokens`.
+- [#20033](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20033) [`af2dcdc462f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af2dcdc462f) - [ux] Instrumented `@atlaskit/status` with the new theming package, `@atlaskit/tokens`.
 
   New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
   These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
@@ -190,20 +202,20 @@
 
 ### Patch Changes
 
-- [`56cf7af34be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56cf7af34be) - AK-832 implementation navigation arrows for status color palette
+- [#19019](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19019) [`56cf7af34be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56cf7af34be) - AK-832 implementation navigation arrows for status color palette
 
 ## 1.0.1
 
 ### Patch Changes
 
-- [`b5375cd4f66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b5375cd4f66) - AK-316: add aria-label for the status picker input field
+- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`b5375cd4f66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b5375cd4f66) - AK-316: add aria-label for the status picker input field
 - [`85c4e5a71ee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85c4e5a71ee) - [AK-837] added role prop for Status component
 
 ## 1.0.0
 
 ### Major Changes
 
-- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+- [#14810](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14810) [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
 
   What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
   Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
@@ -245,7 +257,7 @@
 
 ### Minor Changes
 
-- [`42c7ac64c39`](https://bitbucket.org/atlassian/atlassian-frontend/commits/42c7ac64c39) - AK-654 Set a status link label with input
+- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`42c7ac64c39`](https://bitbucket.org/atlassian/atlassian-frontend/commits/42c7ac64c39) - AK-654 Set a status link label with input
 
 ### Patch Changes
 
@@ -261,7 +273,7 @@
 
 ### Patch Changes
 
-- [`3dd496d620b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3dd496d620b) - Remove unneeded css prop from status component.
+- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`3dd496d620b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3dd496d620b) - Remove unneeded css prop from status component.
 - Updated dependencies
 
 ## 0.11.1
@@ -274,7 +286,7 @@
 
 ### Minor Changes
 
-- [`7ddbf962bd9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7ddbf962bd9) - [ux] Updated and added new translations
+- [#7762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7762) [`7ddbf962bd9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7ddbf962bd9) - [ux] Updated and added new translations
 
 ## 0.10.7
 
@@ -286,13 +298,13 @@
 
 ### Patch Changes
 
-- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
+- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
 
 ## 0.10.5
 
 ### Patch Changes
 
-- [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
+- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
   This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
   Also add `typescript` to `devDependencies` to denote version that the package was built with.
 
@@ -300,7 +312,7 @@
 
 ### Patch Changes
 
-- [`de40912b0a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/de40912b0a) - Fix types not resolving correctly due to an incorrect types path in package.json
+- [#5406](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5406) [`de40912b0a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/de40912b0a) - Fix types not resolving correctly due to an incorrect types path in package.json
 
 ## 0.10.3
 
@@ -312,7 +324,7 @@
 
 ### Patch Changes
 
-- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
+- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
 
   Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
   to prevent duplicates of tslib being bundled.
@@ -321,13 +333,13 @@
 
 ### Patch Changes
 
-- [`d03bff2147`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d03bff2147) - updated translations
+- [#3369](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3369) [`d03bff2147`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d03bff2147) - updated translations
 
 ## 0.10.0
 
 ### Minor Changes
 
-- [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
+- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
   For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
 
 ### Patch Changes
@@ -338,13 +350,13 @@
 
 ### Patch Changes
 
-- [`fc83c36503`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc83c36503) - Update translation files via Traduki build
+- [#2576](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2576) [`fc83c36503`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc83c36503) - Update translation files via Traduki build
 
 ## 0.9.24
 
 ### Patch Changes
 
-- [`54d82b49f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54d82b49f0) - Remove unused dependencies
+- [#2137](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2137) [`54d82b49f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54d82b49f0) - Remove unused dependencies
 
 ## 0.9.23
 

package/dist/cjs/components/Status.js

@@ -112,7 +112,7 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
   return StatusInternal;
 }(_react.PureComponent);
 (0, _defineProperty2.default)(StatusInternal, "displayName", 'StatusInternal');
-var Status = (0, _analyticsNext.withAnalyticsEvents)({
+var Status = exports.Status = (0, _analyticsNext.withAnalyticsEvents)({
   onClick: function onClick(createEvent, props) {
     var localId = props.localId;
     return (0, _analytics.createStatusAnalyticsAndFire)(createEvent)({
@@ -133,5 +133,4 @@ var Status = (0, _analyticsNext.withAnalyticsEvents)({
       }
     });
   }
-})(StatusInternal);
-exports.Status = Status;
+})(StatusInternal);

package/dist/cjs/components/StatusPicker.js

@@ -95,5 +95,4 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
 (0, _defineProperty2.default)(Picker, "defaultProps", {
   autoFocus: true
 });
-var StatusPicker = (0, _reactIntlNext.injectIntl)(Picker);
-exports.StatusPicker = StatusPicker;
+var StatusPicker = exports.StatusPicker = (0, _reactIntlNext.injectIntl)(Picker);

package/dist/cjs/components/analytics.js

@@ -8,11 +8,10 @@ exports.createStatusAnalyticsAndFire = exports.ELEMENTS_CHANNEL = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ELEMENTS_CHANNEL = 'fabric-elements';
-exports.ELEMENTS_CHANNEL = ELEMENTS_CHANNEL;
+var ELEMENTS_CHANNEL = exports.ELEMENTS_CHANNEL = 'fabric-elements';
 var packageName = "@atlaskit/status";
-var packageVersion = "1.4.0";
-var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
+var packageVersion = "1.4.2";
+var createStatusAnalyticsAndFire = exports.createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {
     var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
       eventType: 'ui'
@@ -27,5 +26,4 @@ var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createA
     event.fire(ELEMENTS_CHANNEL);
     return event;
   };
-};
-exports.createStatusAnalyticsAndFire = createStatusAnalyticsAndFire;
+};

package/dist/cjs/components/constants.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ANALYTICS_HOVER_DELAY = void 0;
-var ANALYTICS_HOVER_DELAY = 1000;
-exports.ANALYTICS_HOVER_DELAY = ANALYTICS_HOVER_DELAY;
+var ANALYTICS_HOVER_DELAY = exports.ANALYTICS_HOVER_DELAY = 1000;

package/dist/cjs/components/i18n.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 var _reactIntlNext = require("react-intl-next");
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   neutralColor: {
     id: 'fabric.status.color.grey',
     defaultMessage: 'Grey',
@@ -41,5 +41,4 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Set a status',
     description: 'Aria label text for the status input field'
   }
-});
-exports.messages = messages;
+});

package/dist/cjs/components/internal/color-palette.js

@@ -23,7 +23,7 @@ var VK_RIGHT = 39; //ArrowRight
 var VK_UP = 38; //ArrowUp
 var VK_DOWN = 40; //ArrowDown
 var VK_TAB = 9;
-var _default = function _default(_ref) {
+var _default = exports.default = function _default(_ref) {
   var _ref$cols = _ref.cols,
     cols = _ref$cols === void 0 ? 7 : _ref$cols,
     onClick = _ref.onClick,
@@ -31,21 +31,20 @@ var _default = function _default(_ref) {
     className = _ref.className,
     onHover = _ref.onHover;
   var colorRefs = (0, _react.useRef)([]);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    currentFocusedColor = _useState2[0],
+    setCurrentFocusedColor = _useState2[1];
   (0, _react.useEffect)(function () {
     colorRefs.current = colorRefs.current.slice(0, palette.length);
   }, []);
   var memoizedHandleKeyDown = (0, _react.useCallback)(function (e) {
-    var colorIndex = palette.findIndex(function (_ref2) {
-      var _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
-        colorValue = _ref3[0];
-      return colorValue === selectedColor;
-    });
     var newColorIndex = null;
     var nextColor = function nextColor() {
-      return colorIndex + 1 > palette.length - 1 ? 0 : colorIndex + 1;
+      return currentFocusedColor + 1 > palette.length - 1 ? 0 : currentFocusedColor + 1;
     };
     var previousColor = function previousColor() {
-      return colorIndex - 1 < 0 ? palette.length - 1 : colorIndex - 1;
+      return currentFocusedColor - 1 < 0 ? palette.length - 1 : currentFocusedColor - 1;
     };
     switch (e.keyCode) {
       case VK_RIGHT:
@@ -59,22 +58,16 @@ var _default = function _default(_ref) {
         newColorIndex = previousColor();
         break;
       case VK_TAB:
-        e.preventDefault();
-        if (e.shiftKey) {
-          newColorIndex = previousColor();
-        } else {
-          newColorIndex = nextColor();
-        }
+        setCurrentFocusedColor(0);
         break;
     }
     if (newColorIndex === null) {
       return;
     }
-    var newColorValue = palette[newColorIndex][0];
+    setCurrentFocusedColor(newColorIndex);
     var newRef = colorRefs.current[newColorIndex];
-    newRef === null || newRef === void 0 ? void 0 : newRef.focus();
-    onClick(newColorValue);
-  }, [selectedColor, onClick, colorRefs]);
+    newRef === null || newRef === void 0 || newRef.focus();
+  }, [currentFocusedColor, setCurrentFocusedColor, colorRefs]);
   return (
     /**
       We need to disable below eslint rule becuase of role "radiogroup". This role was added
@@ -90,12 +83,12 @@ var _default = function _default(_ref) {
         maxWidth: cols * 32
       },
       onKeyDown: memoizedHandleKeyDown
-    }, palette.map(function (_ref4, i) {
-      var _ref5 = (0, _slicedToArray2.default)(_ref4, 4),
-        colorValue = _ref5[0],
-        backgroundColor = _ref5[1],
-        borderColor = _ref5[2],
-        iconColor = _ref5[3];
+    }, palette.map(function (_ref2, i) {
+      var _ref3 = (0, _slicedToArray2.default)(_ref2, 4),
+        colorValue = _ref3[0],
+        backgroundColor = _ref3[1],
+        borderColor = _ref3[2],
+        iconColor = _ref3[3];
       return (0, _react2.jsx)(_color.default, {
         key: colorValue,
         value: colorValue,
@@ -112,5 +105,4 @@ var _default = function _default(_ref) {
       });
     }))
   );
-};
-exports.default = _default;
+};

package/dist/cjs/components/internal/color.js

@@ -29,7 +29,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var buttonStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 24px;\n  width: 24px;\n  background: ", ";\n  padding: 0;\n  border-radius: 4px;\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: block;\n  box-sizing: border-box;\n  overflow: hidden;\n"])), "var(--ds-background-neutral, ".concat(_colors.N900, ")"), "var(--ds-border, ".concat(_colors.N0, ")"));
 var buttonWrapperStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid transparent;\n  margin: 0 ", ";\n  font-size: 0;\n  display: flex;\n  align-items: center;\n  padding: 1px;\n  border-radius: 6px;\n  &:hover {\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-space-025, 2px)", "var(--ds-border, ".concat(_colors.N50, ")"));
-var Color = /*#__PURE__*/function (_PureComponent) {
+var Color = exports.default = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Color, _PureComponent);
   var _super = _createSuper(Color);
   function Color() {
@@ -111,5 +111,4 @@ var Color = /*#__PURE__*/function (_PureComponent) {
     }
   }]);
   return Color;
-}(_react.PureComponent);
-exports.default = Color;
+}(_react.PureComponent);

package/dist/cjs/i18n/cs.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Czech
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Modrá',
   'fabric.status.color.green': 'Zelená',
   'fabric.status.color.grey': 'Šedá',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Červená',
   'fabric.status.color.yellow': 'Žlutá',
   'fabric.status.input.label': 'Nastavit stav'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/da.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Danish (Denmark)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Blå',
   'fabric.status.color.green': 'Grøn',
   'fabric.status.color.grey': 'Grå',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Rød',
   'fabric.status.color.yellow': 'Gul',
   'fabric.status.input.label': 'Angiv en status'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/de.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //German (Germany)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Blau',
   'fabric.status.color.green': 'Grün',
   'fabric.status.color.grey': 'Grau',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Rot',
   'fabric.status.color.yellow': 'Gelb',
   'fabric.status.input.label': 'Status festlegen'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/en.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Blue',
   'fabric.status.color.green': 'Green',
   'fabric.status.color.grey': 'Grey',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Red',
   'fabric.status.color.yellow': 'Yellow',
   'fabric.status.input.label': 'Set a status'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/en_GB.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //English (United Kingdom)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Blue',
   'fabric.status.color.green': 'Green',
   'fabric.status.color.grey': 'Grey',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Red',
   'fabric.status.color.yellow': 'Yellow',
   'fabric.status.input.label': 'Set a status'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/en_ZZ.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': '⁣⁢Blue‍⁠‌‌⁠‍⁠؜‍⁠؜؜⁣⁤',
   'fabric.status.color.green': '⁣⁢Green⁡⁡⁡⁠‌‌⁡‌‌⁣⁤',
   'fabric.status.color.grey': '⁣⁢Grey⁠‌؜؜⁠‍⁡⁡⁡⁠‌؜⁡⁡⁣⁤',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': '⁣⁢Red⁡‌‌‌‌⁠‍‌؜؜⁡‍⁣⁤',
   'fabric.status.color.yellow': '⁣⁢Yellow‍⁡‍⁣⁤',
   'fabric.status.input.label': '⁣⁢Set a status‍‌؜‌⁡‍‍؜‍؜‍⁠⁣⁤'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/es.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Spanish (International)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Azul',
   'fabric.status.color.green': 'Verde',
   'fabric.status.color.grey': 'Gris',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Rojo',
   'fabric.status.color.yellow': 'Amarillo',
   'fabric.status.input.label': 'Establecer un estado'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/et.js

@@ -11,12 +11,11 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Estonian
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Sinine',
   'fabric.status.color.green': 'Roheline',
   'fabric.status.color.grey': 'Hall',
   'fabric.status.color.purple': 'Lilla',
   'fabric.status.color.red': 'Punane',
   'fabric.status.color.yellow': 'Kollane'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/fi.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Finnish
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Sininen',
   'fabric.status.color.green': 'Vihreä',
   'fabric.status.color.grey': 'Harmaa',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Punainen',
   'fabric.status.color.yellow': 'Keltainen',
   'fabric.status.input.label': 'Aseta tila'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/fr.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //French (France)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Bleu',
   'fabric.status.color.green': 'Vert',
   'fabric.status.color.grey': 'Gris',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Rouge',
   'fabric.status.color.yellow': 'Jaune',
   'fabric.status.input.label': 'Définir un état'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/hu.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Hungarian
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Kék',
   'fabric.status.color.green': 'Zöld',
   'fabric.status.color.grey': 'Szürke',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Piros',
   'fabric.status.color.yellow': 'Sárga',
   'fabric.status.input.label': 'Állapot beállítása'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/is.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Icelandic
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.grey': 'Grár',
   'fabric.status.color.purple': 'Fjólublár',
   'fabric.status.color.blue': 'Blár',
   'fabric.status.color.red': 'Rautt',
   'fabric.status.color.yellow': 'Gulur',
   'fabric.status.color.green': 'Grænt'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/it.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Italian (Italy)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Blu',
   'fabric.status.color.green': 'Verde',
   'fabric.status.color.grey': 'Grigio',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Rosso',
   'fabric.status.color.yellow': 'Giallo',
   'fabric.status.input.label': 'Imposta uno stato'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/ja.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Japanese
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': '青',
   'fabric.status.color.green': '緑',
   'fabric.status.color.grey': '灰色',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': '赤',
   'fabric.status.color.yellow': '黄',
   'fabric.status.input.label': 'ステータスを設定'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/ko.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Korean
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': '파란색',
   'fabric.status.color.green': '녹색',
   'fabric.status.color.grey': '회색',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': '빨강색',
   'fabric.status.color.yellow': '노란색',
   'fabric.status.input.label': '상태 설정'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/languages.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   zh: 'Chinese',
   cs: 'Czech',
   da: 'Danish',
@@ -29,5 +29,4 @@ var _default = {
   sk: 'Slovak',
   es: 'Spanish',
   sv: 'Swedish'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/nb.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Norwegian (Bokmål)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Blå',
   'fabric.status.color.green': 'Grønn',
   'fabric.status.color.grey': 'Grå',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Rød',
   'fabric.status.color.yellow': 'Gul',
   'fabric.status.input.label': 'Angi en status'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/nl.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Dutch (Netherlands)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Blauw',
   'fabric.status.color.green': 'Groen',
   'fabric.status.color.grey': 'Grijs',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Rood',
   'fabric.status.color.yellow': 'Geel',
   'fabric.status.input.label': 'Status instellen'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/pl.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Polish (Poland)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Niebieski',
   'fabric.status.color.green': 'Zielony',
   'fabric.status.color.grey': 'Szary',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Czerwony',
   'fabric.status.color.yellow': 'Żółty',
   'fabric.status.input.label': 'Ustaw status'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/pt_BR.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Portuguese (Brazil)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Azul',
   'fabric.status.color.green': 'Verde',
   'fabric.status.color.grey': 'Cinza',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Vermelho',
   'fabric.status.color.yellow': 'Amarelo',
   'fabric.status.input.label': 'Definir status'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/pt_PT.js

@@ -11,12 +11,11 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Portuguese (Portugal)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Azul',
   'fabric.status.color.green': 'Verde',
   'fabric.status.color.grey': 'Cinza',
   'fabric.status.color.purple': 'Roxo',
   'fabric.status.color.red': 'Vermelho',
   'fabric.status.color.yellow': 'Amarelo'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/ro.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Romanian
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.grey': 'Gri',
   'fabric.status.color.purple': 'Violet',
   'fabric.status.color.blue': 'Albastru',
   'fabric.status.color.red': 'Roșu',
   'fabric.status.color.yellow': 'Galben',
   'fabric.status.color.green': 'Verde'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/ru.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Russian
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Синий',
   'fabric.status.color.green': 'Зеленый',
   'fabric.status.color.grey': 'Серый',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Красный',
   'fabric.status.color.yellow': 'Желтый',
   'fabric.status.input.label': 'Задать статус'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/sk.js

@@ -11,12 +11,11 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Slovak
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Modrá',
   'fabric.status.color.green': 'Zelená',
   'fabric.status.color.grey': 'Šedá',
   'fabric.status.color.purple': 'Fialová',
   'fabric.status.color.red': 'Červená',
   'fabric.status.color.yellow': 'Žltá'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/sv.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Swedish
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Blå',
   'fabric.status.color.green': 'Grön',
   'fabric.status.color.grey': 'Grå',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Röd',
   'fabric.status.color.yellow': 'Gul',
   'fabric.status.input.label': 'Ange status'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/th.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Thai (Thailand)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'น้ำเงิน',
   'fabric.status.color.green': 'เขียว',
   'fabric.status.color.grey': 'เทา',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'แดง',
   'fabric.status.color.yellow': 'เหลือง',
   'fabric.status.input.label': 'ตั้งค่าสถานะ'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/tr.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Turkish (Turkey)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Mavi',
   'fabric.status.color.green': 'Yeşil',
   'fabric.status.color.grey': 'Gri',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Kırmızı',
   'fabric.status.color.yellow': 'Sarı',
   'fabric.status.input.label': 'Durum ayarlayın'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/uk.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Ukrainian (Ukraine)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Синій',
   'fabric.status.color.green': 'Зелений',
   'fabric.status.color.grey': 'Сірий',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Червоний',
   'fabric.status.color.yellow': 'Жовтий',
   'fabric.status.input.label': 'Додати статус'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/vi.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Vietnamese (Vietnam)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': 'Xanh lam',
   'fabric.status.color.green': 'Xanh lục',
   'fabric.status.color.grey': 'Xám',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': 'Đỏ',
   'fabric.status.color.yellow': 'Vàng',
   'fabric.status.input.label': 'Đặt trạng thái'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/zh.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Chinese (Simplified)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': '蓝色',
   'fabric.status.color.green': '绿色',
   'fabric.status.color.grey': '灰色',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': '红色',
   'fabric.status.color.yellow': '黄色',
   'fabric.status.input.label': '设置状态'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/zh_TW.js

@@ -12,7 +12,7 @@ exports.default = void 0;
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 //Chinese (Traditional)
-var _default = {
+var _default = exports.default = {
   'fabric.status.color.blue': '藍色',
   'fabric.status.color.green': '綠色',
   'fabric.status.color.grey': '灰色',
@@ -20,5 +20,4 @@ var _default = {
   'fabric.status.color.red': '紅色',
   'fabric.status.color.yellow': '黃色',
   'fabric.status.input.label': '設定狀態'
-};
-exports.default = _default;
+};

package/dist/es2019/components/analytics.js

@@ -1,6 +1,6 @@
 export const ELEMENTS_CHANNEL = 'fabric-elements';
 const packageName = "@atlaskit/status";
-const packageVersion = "1.4.0";
+const packageVersion = "1.4.2";
 export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
   const statusPayload = {
     ...payload,

package/dist/es2019/components/internal/color-palette.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import * as colors from '@atlaskit/theme/colors';
-import React, { useEffect, useRef, useCallback } from 'react';
+import React, { useEffect, useRef, useCallback, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import Color from './color';
 const palette = [['neutral', `var(--ds-background-neutral, ${colors.N40})`, `var(--ds-border-bold, ${colors.N400})`, `var(--ds-icon, ${colors.N400})`], ['purple', `var(--ds-background-discovery, ${colors.P50})`, `var(--ds-border-discovery, ${colors.P400})`, `var(--ds-icon-discovery, ${colors.P400})`], ['blue', `var(--ds-background-information, ${colors.B50})`, `var(--ds-border-information, ${colors.B400})`, `var(--ds-icon-information, ${colors.B400})`], ['red', `var(--ds-background-danger, ${colors.R50})`, `var(--ds-border-danger, ${colors.R400})`, `var(--ds-icon-danger, ${colors.R400})`], ['yellow', `var(--ds-background-warning, ${colors.Y50})`, `var(--ds-border-warning, ${colors.Y400})`, `var(--ds-icon-warning, ${colors.Y400})`], ['green', `var(--ds-background-success, ${colors.G50})`, `var(--ds-border-success, ${colors.G400})`, `var(--ds-icon-success, ${colors.G400})`]];
@@ -25,14 +25,14 @@ export default (({
   onHover
 }) => {
   const colorRefs = useRef([]);
+  const [currentFocusedColor, setCurrentFocusedColor] = useState(0);
   useEffect(() => {
     colorRefs.current = colorRefs.current.slice(0, palette.length);
   }, []);
   const memoizedHandleKeyDown = useCallback(e => {
-    const colorIndex = palette.findIndex(([colorValue]) => colorValue === selectedColor);
     let newColorIndex = null;
-    const nextColor = () => colorIndex + 1 > palette.length - 1 ? 0 : colorIndex + 1;
-    const previousColor = () => colorIndex - 1 < 0 ? palette.length - 1 : colorIndex - 1;
+    const nextColor = () => currentFocusedColor + 1 > palette.length - 1 ? 0 : currentFocusedColor + 1;
+    const previousColor = () => currentFocusedColor - 1 < 0 ? palette.length - 1 : currentFocusedColor - 1;
     switch (e.keyCode) {
       case VK_RIGHT:
       case VK_DOWN:
@@ -45,22 +45,16 @@ export default (({
         newColorIndex = previousColor();
         break;
       case VK_TAB:
-        e.preventDefault();
-        if (e.shiftKey) {
-          newColorIndex = previousColor();
-        } else {
-          newColorIndex = nextColor();
-        }
+        setCurrentFocusedColor(0);
         break;
     }
     if (newColorIndex === null) {
       return;
     }
-    const newColorValue = palette[newColorIndex][0];
+    setCurrentFocusedColor(newColorIndex);
     const newRef = colorRefs.current[newColorIndex];
     newRef === null || newRef === void 0 ? void 0 : newRef.focus();
-    onClick(newColorValue);
-  }, [selectedColor, onClick, colorRefs]);
+  }, [currentFocusedColor, setCurrentFocusedColor, colorRefs]);
   return (
     /**
       We need to disable below eslint rule becuase of role "radiogroup". This role was added

package/dist/esm/components/analytics.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 export var ELEMENTS_CHANNEL = 'fabric-elements';
 var packageName = "@atlaskit/status";
-var packageVersion = "1.4.0";
+var packageVersion = "1.4.2";
 export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {
     var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {

package/dist/esm/components/internal/color-palette.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 /** @jsx jsx */
 import * as colors from '@atlaskit/theme/colors';
-import React, { useEffect, useRef, useCallback } from 'react';
+import React, { useEffect, useRef, useCallback, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import Color from './color';
 var palette = [['neutral', "var(--ds-background-neutral, ".concat(colors.N40, ")"), "var(--ds-border-bold, ".concat(colors.N400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")], ['purple', "var(--ds-background-discovery, ".concat(colors.P50, ")"), "var(--ds-border-discovery, ".concat(colors.P400, ")"), "var(--ds-icon-discovery, ".concat(colors.P400, ")")], ['blue', "var(--ds-background-information, ".concat(colors.B50, ")"), "var(--ds-border-information, ".concat(colors.B400, ")"), "var(--ds-icon-information, ".concat(colors.B400, ")")], ['red', "var(--ds-background-danger, ".concat(colors.R50, ")"), "var(--ds-border-danger, ".concat(colors.R400, ")"), "var(--ds-icon-danger, ".concat(colors.R400, ")")], ['yellow', "var(--ds-background-warning, ".concat(colors.Y50, ")"), "var(--ds-border-warning, ".concat(colors.Y400, ")"), "var(--ds-icon-warning, ".concat(colors.Y400, ")")], ['green', "var(--ds-background-success, ".concat(colors.G50, ")"), "var(--ds-border-success, ".concat(colors.G400, ")"), "var(--ds-icon-success, ".concat(colors.G400, ")")]];
@@ -21,21 +21,20 @@ export default (function (_ref) {
     className = _ref.className,
     onHover = _ref.onHover;
   var colorRefs = useRef([]);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentFocusedColor = _useState2[0],
+    setCurrentFocusedColor = _useState2[1];
   useEffect(function () {
     colorRefs.current = colorRefs.current.slice(0, palette.length);
   }, []);
   var memoizedHandleKeyDown = useCallback(function (e) {
-    var colorIndex = palette.findIndex(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 1),
-        colorValue = _ref3[0];
-      return colorValue === selectedColor;
-    });
     var newColorIndex = null;
     var nextColor = function nextColor() {
-      return colorIndex + 1 > palette.length - 1 ? 0 : colorIndex + 1;
+      return currentFocusedColor + 1 > palette.length - 1 ? 0 : currentFocusedColor + 1;
     };
     var previousColor = function previousColor() {
-      return colorIndex - 1 < 0 ? palette.length - 1 : colorIndex - 1;
+      return currentFocusedColor - 1 < 0 ? palette.length - 1 : currentFocusedColor - 1;
     };
     switch (e.keyCode) {
       case VK_RIGHT:
@@ -49,22 +48,16 @@ export default (function (_ref) {
         newColorIndex = previousColor();
         break;
       case VK_TAB:
-        e.preventDefault();
-        if (e.shiftKey) {
-          newColorIndex = previousColor();
-        } else {
-          newColorIndex = nextColor();
-        }
+        setCurrentFocusedColor(0);
         break;
     }
     if (newColorIndex === null) {
       return;
     }
-    var newColorValue = palette[newColorIndex][0];
+    setCurrentFocusedColor(newColorIndex);
     var newRef = colorRefs.current[newColorIndex];
-    newRef === null || newRef === void 0 ? void 0 : newRef.focus();
-    onClick(newColorValue);
-  }, [selectedColor, onClick, colorRefs]);
+    newRef === null || newRef === void 0 || newRef.focus();
+  }, [currentFocusedColor, setCurrentFocusedColor, colorRefs]);
   return (
     /**
       We need to disable below eslint rule becuase of role "radiogroup". This role was added
@@ -80,12 +73,12 @@ export default (function (_ref) {
         maxWidth: cols * 32
       },
       onKeyDown: memoizedHandleKeyDown
-    }, palette.map(function (_ref4, i) {
-      var _ref5 = _slicedToArray(_ref4, 4),
-        colorValue = _ref5[0],
-        backgroundColor = _ref5[1],
-        borderColor = _ref5[2],
-        iconColor = _ref5[3];
+    }, palette.map(function (_ref2, i) {
+      var _ref3 = _slicedToArray(_ref2, 4),
+        colorValue = _ref3[0],
+        backgroundColor = _ref3[1],
+        borderColor = _ref3[2],
+        iconColor = _ref3[3];
       return jsx(Color, {
         key: colorValue,
         value: colorValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/status",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "Fabric Status React Components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"