@atlaskit/status 1.3.1 → 1.3.2

package/CHANGELOG.md

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

package/dist/cjs/components/StatusPicker.js

@@ -15,7 +15,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
-var _constants = require("@atlaskit/theme/constants");
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _react2 = require("@emotion/react");
@@ -27,7 +26,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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 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 fieldTextWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 ", "px;\n"])), (0, _constants.gridSize)());
+var fieldTextWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 ", ";\n"])), "var(--ds-space-100, 8px)");
 var Picker = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Picker, _PureComponent);
   var _super = _createSuper(Picker);

package/dist/cjs/components/analytics.js

@@ -11,7 +11,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.3.1";
+var packageVersion = "1.3.2";
 var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {
     var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {

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

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _constants = require("@atlaskit/theme/constants");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
@@ -18,7 +17,7 @@ var _templateObject;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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', "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 colorPaletteWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin: ", " ", " 0\n    ", ";\n  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */\n  display: flex;\n  flex-wrap: wrap;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
 var VK_LEFT = 37; //ArrowLeft
 var VK_RIGHT = 39; //ArrowRight
 var VK_UP = 38; //ArrowUp

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/status",
-	"version": "1.3.1"
+	"version": "1.3.2"
 }

package/dist/es2019/components/StatusPicker.js

@@ -1,14 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import TextField from '@atlaskit/textfield';
-import { gridSize } from '@atlaskit/theme/constants';
 import React, { PureComponent } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { css, jsx } from '@emotion/react';
 import ColorPalette from './internal/color-palette';
 import { messages } from './i18n';
 const fieldTextWrapperStyles = css`
-  margin: 0 ${gridSize()}px;
+  margin: 0 ${"var(--ds-space-100, 8px)"};
 `;
 class Picker extends PureComponent {
   constructor(...args) {

package/dist/es2019/components/analytics.js

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

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

@@ -1,12 +1,12 @@
 /** @jsx jsx */
-import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 import React, { useEffect, useRef, useCallback } 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})`]];
 const colorPaletteWrapperStyles = css`
-  margin: ${gridSize()}px ${gridSize()}px 0 ${gridSize()}px;
+  margin: ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"} 0
+    ${"var(--ds-space-100, 8px)"};
   /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */
   display: flex;
   flex-wrap: wrap;

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/status",
-	"version": "1.3.1"
+	"version": "1.3.2"
 }

package/dist/esm/components/StatusPicker.js

@@ -11,13 +11,12 @@ 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; } }
 /** @jsx jsx */
 import TextField from '@atlaskit/textfield';
-import { gridSize } from '@atlaskit/theme/constants';
 import React, { PureComponent } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { css, jsx } from '@emotion/react';
 import ColorPalette from './internal/color-palette';
 import { messages } from './i18n';
-var fieldTextWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0 ", "px;\n"])), gridSize());
+var fieldTextWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0 ", ";\n"])), "var(--ds-space-100, 8px)");
 var Picker = /*#__PURE__*/function (_PureComponent) {
   _inherits(Picker, _PureComponent);
   var _super = _createSuper(Picker);

package/dist/esm/components/analytics.js

@@ -3,7 +3,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 export var ELEMENTS_CHANNEL = 'fabric-elements';
 var packageName = "@atlaskit/status";
-var packageVersion = "1.3.1";
+var packageVersion = "1.3.2";
 export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {
     var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {

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

@@ -2,13 +2,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 /** @jsx jsx */
-import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 import React, { useEffect, useRef, useCallback } 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, ")")]];
-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 colorPaletteWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: ", " ", " 0\n    ", ";\n  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */\n  display: flex;\n  flex-wrap: wrap;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
 var VK_LEFT = 37; //ArrowLeft
 var VK_RIGHT = 39; //ArrowRight
 var VK_UP = 38; //ArrowUp

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/status",
-	"version": "1.3.1"
+	"version": "1.3.2"
 }

package/dist/types-ts4.5/components/Status.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+export type Color = 'neutral' | 'purple' | 'blue' | 'red' | 'yellow' | 'green';
+export type StatusStyle = 'bold' | 'subtle';
+export interface OwnProps {
+    text: string;
+    color: Color;
+    style?: StatusStyle;
+    localId?: string;
+    onClick?: (event: React.SyntheticEvent<any>) => void;
+    onHover?: () => void;
+    role?: string;
+}
+export type Props = OwnProps & WithAnalyticsEventsProps;
+export declare const Status: import("react").ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types-ts4.5/components/StatusPicker.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+import { Color } from './Status';
+export type ColorType = Color;
+export interface Props {
+    selectedColor: ColorType;
+    text: string;
+    onEnter: () => void;
+    onColorClick: (value: ColorType) => void;
+    onColorHover?: (value: ColorType) => void;
+    onTextChanged: (value: string) => void;
+    autoFocus?: boolean;
+}
+export declare const StatusPicker: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};

package/dist/types-ts4.5/components/analytics.d.ts

@@ -0,0 +1,11 @@
+import { CreateUIAnalyticsEvent, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+export declare const ELEMENTS_CHANNEL = "fabric-elements";
+type EventPayload = {
+    action: string;
+    actionSubject: string;
+    attributes?: {
+        [key: string]: any;
+    };
+};
+export declare const createStatusAnalyticsAndFire: (createAnalyticsEvent: CreateUIAnalyticsEvent) => (payload: EventPayload) => UIAnalyticsEvent;
+export {};

package/dist/types-ts4.5/components/constants.d.ts

@@ -0,0 +1 @@
+export declare const ANALYTICS_HOVER_DELAY = 1000;

package/dist/types-ts4.5/components/i18n.d.ts

@@ -0,0 +1,37 @@
+export declare const messages: {
+    neutralColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    purpleColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    blueColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    redColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    yellowColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    greenColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    statusInputLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types-ts4.5/components/internal/color-palette.d.ts

@@ -0,0 +1,11 @@
+import { jsx } from '@emotion/react';
+import { Color as ColorType } from '../Status';
+interface ColorPaletteProps {
+    selectedColor?: ColorType;
+    onClick: (value: ColorType) => void;
+    onHover?: (value: ColorType) => void;
+    cols?: number;
+    className?: string;
+}
+declare const _default: ({ cols, onClick, selectedColor, className, onHover, }: ColorPaletteProps) => jsx.JSX.Element;
+export default _default;

package/dist/types-ts4.5/components/internal/color.d.ts

@@ -0,0 +1,23 @@
+import React, { PureComponent } from 'react';
+import { jsx } from '@emotion/react';
+import { Color as ColorType } from '../Status';
+export interface ColorProps {
+    value: ColorType;
+    tabIndex?: number;
+    isSelected?: boolean;
+    onClick: (value: ColorType) => void;
+    onHover?: (value: ColorType) => void;
+    backgroundColor: string;
+    borderColor: string;
+    iconColor: string;
+    setRef?: (value: HTMLButtonElement) => HTMLButtonElement;
+}
+export default class Color extends PureComponent<ColorProps> {
+    private hoverStartTime;
+    render(): jsx.JSX.Element;
+    componentWillUnmount(): void;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onMouseDown: React.MouseEventHandler<HTMLButtonElement>;
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+}

package/dist/types-ts4.5/element.d.ts

@@ -0,0 +1,2 @@
+export { Status } from './components/Status';
+export type { StatusStyle, Props, Color } from './components/Status';

package/dist/types-ts4.5/i18n/cs.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/da.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/de.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/en.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/en_GB.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/en_ZZ.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/es.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/et.d.ts

@@ -0,0 +1,15 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/fi.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/fr.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/hu.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by i18n-tools.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export { default as zh } from './zh';
+export { default as zh_TW } from './zh_TW';
+export { default as cs } from './cs';
+export { default as da } from './da';
+export { default as nl } from './nl';
+export { default as et } from './et';
+export { default as fi } from './fi';
+export { default as fr } from './fr';
+export { default as de } from './de';
+export { default as hu } from './hu';
+export { default as it } from './it';
+export { default as ja } from './ja';
+export { default as ko } from './ko';
+export { default as nb } from './nb';
+export { default as pl } from './pl';
+export { default as pt_BR } from './pt_BR';
+export { default as pt_PT } from './pt_PT';
+export { default as ru } from './ru';
+export { default as sk } from './sk';
+export { default as es } from './es';
+export { default as sv } from './sv';
+export { default as th } from './th';
+export { default as tr } from './tr';
+export { default as uk } from './uk';
+export { default as vi } from './vi';
+export { default as en } from './en';
+export { default as en_GB } from './en_GB';
+export { default as is } from './is';
+export { default as ro } from './ro';

package/dist/types-ts4.5/i18n/is.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    '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;
+};
+export default _default;

package/dist/types-ts4.5/i18n/it.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/ja.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/ko.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/languages.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    zh: string;
+    cs: string;
+    da: string;
+    nl: string;
+    en: string;
+    en_GB: string;
+    et: string;
+    fi: string;
+    fr: string;
+    de: string;
+    hu: string;
+    is: string;
+    it: string;
+    ja: string;
+    ko: string;
+    nb: string;
+    pl: string;
+    pt_BR: string;
+    pt_PT: string;
+    ro: string;
+    ru: string;
+    sk: string;
+    es: string;
+    sv: string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/nb.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/nl.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/pl.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/pt_BR.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/pt_PT.d.ts

@@ -0,0 +1,15 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/ro.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    '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;
+};
+export default _default;

package/dist/types-ts4.5/i18n/ru.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/sk.d.ts

@@ -0,0 +1,15 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/sv.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/th.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/tr.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/uk.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/vi.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/zh.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/zh_TW.d.ts

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+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.red': string;
+    'fabric.status.color.yellow': string;
+    'fabric.status.input.label': string;
+};
+export default _default;

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1,4 @@
+export { Status } from './components/Status';
+export type { StatusStyle, Props, Color } from './components/Status';
+export { StatusPicker } from './components/StatusPicker';
+export type { Props as StatusPickerProps } from './components/StatusPicker';

package/dist/types-ts4.5/picker.d.ts

@@ -0,0 +1,2 @@
+export { StatusPicker } from './components/StatusPicker';
+export type { Props, ColorType } from './components/StatusPicker';

package/package.json

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