@atlaskit/status 1.2.5 → 1.2.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/status
 
+## 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
+
+## 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.
+
 ## 1.2.5
 
 ### Patch Changes

package/dist/cjs/components/Status.js

@@ -59,7 +59,8 @@ var MAX_WIDTH = 200;
 
 var inlineBlockStyles = (0, _react2.css)({
   '& > *': {
-    display: 'inline-block !important'
+    display: 'inline-block !important',
+    lineHeight: '16px'
   }
 }); // eg. Version/4.0 Chrome/95.0.4638.50
 

package/dist/cjs/components/analytics.js

@@ -16,7 +16,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var ELEMENTS_CHANNEL = 'fabric-elements';
 exports.ELEMENTS_CHANNEL = ELEMENTS_CHANNEL;
 var packageName = "@atlaskit/status";
-var packageVersion = "1.2.5";
+var packageVersion = "1.2.7";
 
 var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {

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

@@ -17,8 +17,6 @@ var _constants = require("@atlaskit/theme/constants");
 
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 
-var _tokens = require("@atlaskit/tokens");
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _react2 = require("@emotion/react");
@@ -31,7 +29,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var palette = [['neutral', (0, _tokens.token)('color.background.neutral', colors.N40), (0, _tokens.token)('color.border.bold', colors.N400), (0, _tokens.token)('color.icon', colors.N400)], ['purple', (0, _tokens.token)('color.background.discovery', colors.P50), (0, _tokens.token)('color.border.discovery', colors.P400), (0, _tokens.token)('color.icon.discovery', colors.P400)], ['blue', (0, _tokens.token)('color.background.information', colors.B50), (0, _tokens.token)('color.border.information', colors.B400), (0, _tokens.token)('color.icon.information', colors.B400)], ['red', (0, _tokens.token)('color.background.danger', colors.R50), (0, _tokens.token)('color.border.danger', colors.R400), (0, _tokens.token)('color.icon.danger', colors.R400)], ['yellow', (0, _tokens.token)('color.background.warning', colors.Y50), (0, _tokens.token)('color.border.warning', colors.Y400), (0, _tokens.token)('color.icon.warning', colors.Y400)], ['green', (0, _tokens.token)('color.background.success', colors.G50), (0, _tokens.token)('color.border.success', colors.G400), (0, _tokens.token)('color.icon.success', colors.G400)]];
+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, ")")]];
 var colorPaletteWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin: ", "px ", "px 0 ", "px;\n  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */\n  display: flex;\n  flex-wrap: wrap;\n"])), (0, _constants.gridSize)(), (0, _constants.gridSize)(), (0, _constants.gridSize)());
 var VK_LEFT = 37; //ArrowLeft
 

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

@@ -29,8 +29,6 @@ var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactIntlNext = require("react-intl-next");
@@ -51,8 +49,8 @@ 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"])), (0, _tokens.token)('color.background.neutral', _colors.N900), (0, _tokens.token)('color.border', _colors.N0));
-var buttonWrapperStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid transparent;\n  margin: 0 2px;\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"])), (0, _tokens.token)('color.border', _colors.N50));
+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 2px;\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-border, ".concat(_colors.N50, ")"));
 
 var Color = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Color, _PureComponent);

package/dist/cjs/i18n/en.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-// English
+
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
 var _default = {
+  'fabric.status.color.blue': 'Blue',
+  'fabric.status.color.green': 'Green',
   'fabric.status.color.grey': 'Grey',
   'fabric.status.color.purple': 'Purple',
-  'fabric.status.color.blue': 'Blue',
   'fabric.status.color.red': 'Red',
   'fabric.status.color.yellow': 'Yellow',
-  'fabric.status.color.green': 'Green'
+  'fabric.status.input.label': 'Set a status'
 };
 exports.default = _default;

package/dist/cjs/i18n/en_GB.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-// English (United Kingdom)
+
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//English (United Kingdom)
 var _default = {
+  'fabric.status.color.blue': 'Blue',
+  'fabric.status.color.green': 'Green',
   'fabric.status.color.grey': 'Grey',
   'fabric.status.color.purple': 'Purple',
-  'fabric.status.color.blue': 'Blue',
   'fabric.status.color.red': 'Red',
   'fabric.status.color.yellow': 'Yellow',
-  'fabric.status.color.green': 'Green'
+  'fabric.status.input.label': 'Set a status'
 };
 exports.default = _default;

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/status",
-	"version": "1.2.5"
+	"version": "1.2.7"
 }

package/dist/es2019/components/Status.js

@@ -30,7 +30,8 @@ const MAX_WIDTH = 200;
 
 const inlineBlockStyles = css({
   '& > *': {
-    display: 'inline-block !important'
+    display: 'inline-block !important',
+    lineHeight: '16px'
   }
 }); // eg. Version/4.0 Chrome/95.0.4638.50
 

package/dist/es2019/components/analytics.js

@@ -1,6 +1,6 @@
 export const ELEMENTS_CHANNEL = 'fabric-elements';
 const packageName = "@atlaskit/status";
-const packageVersion = "1.2.5";
+const packageVersion = "1.2.7";
 export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
   const statusPayload = { ...payload,
     eventType: 'ui'

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

@@ -1,11 +1,10 @@
 /** @jsx jsx */
 import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 import React, { useEffect, useRef, useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import Color from './color';
-const palette = [['neutral', token('color.background.neutral', colors.N40), token('color.border.bold', colors.N400), token('color.icon', colors.N400)], ['purple', token('color.background.discovery', colors.P50), token('color.border.discovery', colors.P400), token('color.icon.discovery', colors.P400)], ['blue', token('color.background.information', colors.B50), token('color.border.information', colors.B400), token('color.icon.information', colors.B400)], ['red', token('color.background.danger', colors.R50), token('color.border.danger', colors.R400), token('color.icon.danger', colors.R400)], ['yellow', token('color.background.warning', colors.Y50), token('color.border.warning', colors.Y400), token('color.icon.warning', colors.Y400)], ['green', token('color.background.success', colors.G50), token('color.border.success', colors.G400), token('color.icon.success', colors.G400)]];
+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})`]];
 const colorPaletteWrapperStyles = css`
   margin: ${gridSize()}px ${gridSize()}px 0 ${gridSize()}px;
   /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */

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

@@ -3,7 +3,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
 import { N900, N0, N50 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 import React, { PureComponent } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { css, jsx } from '@emotion/react';
@@ -12,10 +11,10 @@ import { messages } from '../i18n';
 const buttonStyles = css`
   height: 24px;
   width: 24px;
-  background: ${token('color.background.neutral', N900)};
+  background: ${`var(--ds-background-neutral, ${N900})`};
   padding: 0;
   border-radius: 4px;
-  border: 1px solid ${token('color.border', N0)};
+  border: 1px solid ${`var(--ds-border, ${N0})`};
   cursor: pointer;
   display: block;
   box-sizing: border-box;
@@ -30,7 +29,7 @@ const buttonWrapperStyles = css`
   padding: 1px;
   border-radius: 6px;
   &:hover {
-    border: 1px solid ${token('color.border', N50)};
+    border: 1px solid ${`var(--ds-border, ${N50})`};
   }
 `;
 export default class Color extends PureComponent {

package/dist/es2019/i18n/en.js

@@ -1,9 +1,16 @@
-// English
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
 export default {
+  'fabric.status.color.blue': 'Blue',
+  'fabric.status.color.green': 'Green',
   'fabric.status.color.grey': 'Grey',
   'fabric.status.color.purple': 'Purple',
-  'fabric.status.color.blue': 'Blue',
   'fabric.status.color.red': 'Red',
   'fabric.status.color.yellow': 'Yellow',
-  'fabric.status.color.green': 'Green'
+  'fabric.status.input.label': 'Set a status'
 };

package/dist/es2019/i18n/en_GB.js

@@ -1,9 +1,16 @@
-// English (United Kingdom)
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//English (United Kingdom)
 export default {
+  'fabric.status.color.blue': 'Blue',
+  'fabric.status.color.green': 'Green',
   'fabric.status.color.grey': 'Grey',
   'fabric.status.color.purple': 'Purple',
-  'fabric.status.color.blue': 'Blue',
   'fabric.status.color.red': 'Red',
   'fabric.status.color.yellow': 'Yellow',
-  'fabric.status.color.green': 'Green'
+  'fabric.status.input.label': 'Set a status'
 };

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/status",
-	"version": "1.2.5"
+	"version": "1.2.7"
 }

package/dist/esm/components/Status.js

@@ -40,7 +40,8 @@ var MAX_WIDTH = 200;
 
 var inlineBlockStyles = css({
   '& > *': {
-    display: 'inline-block !important'
+    display: 'inline-block !important',
+    lineHeight: '16px'
   }
 }); // eg. Version/4.0 Chrome/95.0.4638.50
 

package/dist/esm/components/analytics.js

@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 export var ELEMENTS_CHANNEL = 'fabric-elements';
 var packageName = "@atlaskit/status";
-var packageVersion = "1.2.5";
+var packageVersion = "1.2.7";
 export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {
     var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {

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

@@ -6,11 +6,10 @@ var _templateObject;
 /** @jsx jsx */
 import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 import React, { useEffect, useRef, useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import Color from './color';
-var palette = [['neutral', token('color.background.neutral', colors.N40), token('color.border.bold', colors.N400), token('color.icon', colors.N400)], ['purple', token('color.background.discovery', colors.P50), token('color.border.discovery', colors.P400), token('color.icon.discovery', colors.P400)], ['blue', token('color.background.information', colors.B50), token('color.border.information', colors.B400), token('color.icon.information', colors.B400)], ['red', token('color.background.danger', colors.R50), token('color.border.danger', colors.R400), token('color.icon.danger', colors.R400)], ['yellow', token('color.background.warning', colors.Y50), token('color.border.warning', colors.Y400), token('color.icon.warning', colors.Y400)], ['green', token('color.background.success', colors.G50), token('color.border.success', colors.G400), token('color.icon.success', colors.G400)]];
+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, ")")]];
 var colorPaletteWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: ", "px ", "px 0 ", "px;\n  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */\n  display: flex;\n  flex-wrap: wrap;\n"])), gridSize(), gridSize(), gridSize());
 var VK_LEFT = 37; //ArrowLeft
 

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

@@ -16,14 +16,13 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @jsx jsx */
 import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
 import { N900, N0, N50 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 import React, { PureComponent } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { css, jsx } from '@emotion/react';
 import { ANALYTICS_HOVER_DELAY } from '../constants';
 import { messages } from '../i18n';
-var buttonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), token('color.background.neutral', N900), token('color.border', N0));
-var buttonWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border: 1px solid transparent;\n  margin: 0 2px;\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"])), token('color.border', N50));
+var buttonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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(N900, ")"), "var(--ds-border, ".concat(N0, ")"));
+var buttonWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border: 1px solid transparent;\n  margin: 0 2px;\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-border, ".concat(N50, ")"));
 
 var Color = /*#__PURE__*/function (_PureComponent) {
   _inherits(Color, _PureComponent);

package/dist/esm/i18n/en.js

@@ -1,9 +1,16 @@
-// English
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
 export default {
+  'fabric.status.color.blue': 'Blue',
+  'fabric.status.color.green': 'Green',
   'fabric.status.color.grey': 'Grey',
   'fabric.status.color.purple': 'Purple',
-  'fabric.status.color.blue': 'Blue',
   'fabric.status.color.red': 'Red',
   'fabric.status.color.yellow': 'Yellow',
-  'fabric.status.color.green': 'Green'
+  'fabric.status.input.label': 'Set a status'
 };

package/dist/esm/i18n/en_GB.js

@@ -1,9 +1,16 @@
-// English (United Kingdom)
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//English (United Kingdom)
 export default {
+  'fabric.status.color.blue': 'Blue',
+  'fabric.status.color.green': 'Green',
   'fabric.status.color.grey': 'Grey',
   'fabric.status.color.purple': 'Purple',
-  'fabric.status.color.blue': 'Blue',
   'fabric.status.color.red': 'Red',
   'fabric.status.color.yellow': 'Yellow',
-  'fabric.status.color.green': 'Green'
+  'fabric.status.input.label': 'Set a status'
 };

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/status",
-	"version": "1.2.5"
+	"version": "1.2.7"
 }

package/dist/types/i18n/en.d.ts

@@ -1,9 +1,16 @@
 declare const _default: {
+    'fabric.status.color.blue': string;
+    'fabric.status.color.green': string;
     'fabric.status.color.grey': string;
     'fabric.status.color.purple': string;
-    'fabric.status.color.blue': string;
     'fabric.status.color.red': string;
     'fabric.status.color.yellow': string;
-    'fabric.status.color.green': string;
+    'fabric.status.input.label': string;
 };
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
 export default _default;

package/dist/types/i18n/en_GB.d.ts

@@ -1,9 +1,16 @@
 declare const _default: {
+    'fabric.status.color.blue': string;
+    'fabric.status.color.green': string;
     'fabric.status.color.grey': string;
     'fabric.status.color.purple': string;
-    'fabric.status.color.blue': string;
     'fabric.status.color.red': string;
     'fabric.status.color.yellow': string;
-    'fabric.status.color.green': string;
+    'fabric.status.input.label': string;
 };
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/status",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "Fabric Status React Components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "^9.0.0",
-    "@atlaskit/editor-test-helpers": "^17.2.0",
+    "@atlaskit/editor-test-helpers": "^18.0.0",
     "@atlaskit/elements-test-helpers": "^0.7.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

package/report.api.md

@@ -1,4 +1,4 @@
-<!-- API Report Version: 2.2 -->
+<!-- API Report Version: 2.3 -->
 
 ## API Report File for "@atlaskit/status"
 
@@ -8,13 +8,18 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
 <!--SECTION START: Main Entry Types-->
 
 ```ts
+/// <reference types="react" />
+
+import { ForwardRefExoticComponent } from 'react';
 import { default as React_2 } from 'react';
+import { RefAttributes } from 'react';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { WithIntlProps } from 'react-intl-next';
 import { WrappedComponentProps } from 'react-intl-next';
@@ -32,7 +37,7 @@ interface OwnProps {
   // (undocumented)
   localId?: string;
   // (undocumented)
-  onClick?: (event: React_2.SyntheticEvent<any>) => void;
+  onClick?: (event: React.SyntheticEvent<any>) => void;
   // (undocumented)
   onHover?: () => void;
   // (undocumented)
@@ -47,8 +52,8 @@ interface OwnProps {
 export type Props = OwnProps & WithAnalyticsEventsProps;
 
 // @public (undocumented)
-export const Status: React_2.ForwardRefExoticComponent<
-  Omit<Props, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any>
+export const Status: ForwardRefExoticComponent<
+  Omit<Props, keyof WithAnalyticsEventsProps> & RefAttributes<any>
 >;
 
 // @public (undocumented)
@@ -85,3 +90,16 @@ export type StatusStyle = 'bold' | 'subtle';
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0",
+  "react-intl-next": "npm:react-intl@^5.18.1"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->