@atlaskit/status 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/StatusPicker.js +1 -2
  3. package/dist/cjs/components/analytics.js +1 -1
  4. package/dist/cjs/components/internal/color-palette.js +1 -2
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/components/StatusPicker.js +1 -2
  7. package/dist/es2019/components/analytics.js +1 -1
  8. package/dist/es2019/components/internal/color-palette.js +2 -2
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/components/StatusPicker.js +1 -2
  11. package/dist/esm/components/analytics.js +1 -1
  12. package/dist/esm/components/internal/color-palette.js +1 -2
  13. package/dist/esm/version.json +1 -1
  14. package/dist/types-ts4.5/components/Status.d.ts +15 -0
  15. package/dist/types-ts4.5/components/StatusPicker.d.ts +16 -0
  16. package/dist/types-ts4.5/components/analytics.d.ts +11 -0
  17. package/dist/types-ts4.5/components/constants.d.ts +1 -0
  18. package/dist/types-ts4.5/components/i18n.d.ts +37 -0
  19. package/dist/types-ts4.5/components/internal/color-palette.d.ts +11 -0
  20. package/dist/types-ts4.5/components/internal/color.d.ts +23 -0
  21. package/dist/types-ts4.5/element.d.ts +2 -0
  22. package/dist/types-ts4.5/i18n/cs.d.ts +16 -0
  23. package/dist/types-ts4.5/i18n/da.d.ts +16 -0
  24. package/dist/types-ts4.5/i18n/de.d.ts +16 -0
  25. package/dist/types-ts4.5/i18n/en.d.ts +16 -0
  26. package/dist/types-ts4.5/i18n/en_GB.d.ts +16 -0
  27. package/dist/types-ts4.5/i18n/en_ZZ.d.ts +16 -0
  28. package/dist/types-ts4.5/i18n/es.d.ts +16 -0
  29. package/dist/types-ts4.5/i18n/et.d.ts +15 -0
  30. package/dist/types-ts4.5/i18n/fi.d.ts +16 -0
  31. package/dist/types-ts4.5/i18n/fr.d.ts +16 -0
  32. package/dist/types-ts4.5/i18n/hu.d.ts +16 -0
  33. package/dist/types-ts4.5/i18n/index.d.ts +35 -0
  34. package/dist/types-ts4.5/i18n/is.d.ts +9 -0
  35. package/dist/types-ts4.5/i18n/it.d.ts +16 -0
  36. package/dist/types-ts4.5/i18n/ja.d.ts +16 -0
  37. package/dist/types-ts4.5/i18n/ko.d.ts +16 -0
  38. package/dist/types-ts4.5/i18n/languages.d.ts +27 -0
  39. package/dist/types-ts4.5/i18n/nb.d.ts +16 -0
  40. package/dist/types-ts4.5/i18n/nl.d.ts +16 -0
  41. package/dist/types-ts4.5/i18n/pl.d.ts +16 -0
  42. package/dist/types-ts4.5/i18n/pt_BR.d.ts +16 -0
  43. package/dist/types-ts4.5/i18n/pt_PT.d.ts +15 -0
  44. package/dist/types-ts4.5/i18n/ro.d.ts +9 -0
  45. package/dist/types-ts4.5/i18n/ru.d.ts +16 -0
  46. package/dist/types-ts4.5/i18n/sk.d.ts +15 -0
  47. package/dist/types-ts4.5/i18n/sv.d.ts +16 -0
  48. package/dist/types-ts4.5/i18n/th.d.ts +16 -0
  49. package/dist/types-ts4.5/i18n/tr.d.ts +16 -0
  50. package/dist/types-ts4.5/i18n/uk.d.ts +16 -0
  51. package/dist/types-ts4.5/i18n/vi.d.ts +16 -0
  52. package/dist/types-ts4.5/i18n/zh.d.ts +16 -0
  53. package/dist/types-ts4.5/i18n/zh_TW.d.ts +16 -0
  54. package/dist/types-ts4.5/index.d.ts +4 -0
  55. package/dist/types-ts4.5/picker.d.ts +2 -0
  56. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/status
2
2
 
3
+ ## 1.3.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
8
+
9
+ ## 1.3.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [`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.
14
+
3
15
  ## 1.3.1
4
16
 
5
17
  ### Patch Changes
@@ -15,7 +15,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
15
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
16
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
17
17
  var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
18
- var _constants = require("@atlaskit/theme/constants");
19
18
  var _react = _interopRequireWildcard(require("react"));
20
19
  var _reactIntlNext = require("react-intl-next");
21
20
  var _react2 = require("@emotion/react");
@@ -27,7 +26,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
27
26
  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; }
28
27
  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); }; }
29
28
  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; } }
30
- var fieldTextWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n margin: 0 ", "px;\n"])), (0, _constants.gridSize)());
29
+ var fieldTextWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n margin: 0 ", ";\n"])), "var(--ds-space-100, 8px)");
31
30
  var Picker = /*#__PURE__*/function (_PureComponent) {
32
31
  (0, _inherits2.default)(Picker, _PureComponent);
33
32
  var _super = _createSuper(Picker);
@@ -11,7 +11,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
11
11
  var ELEMENTS_CHANNEL = 'fabric-elements';
12
12
  exports.ELEMENTS_CHANNEL = ELEMENTS_CHANNEL;
13
13
  var packageName = "@atlaskit/status";
14
- var packageVersion = "1.3.1";
14
+ var packageVersion = "1.3.3";
15
15
  var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
16
16
  return function (payload) {
17
17
  var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
- var _constants = require("@atlaskit/theme/constants");
12
11
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
13
12
  var _react = _interopRequireWildcard(require("react"));
14
13
  var _react2 = require("@emotion/react");
@@ -18,7 +17,7 @@ var _templateObject;
18
17
  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); }
19
18
  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; }
20
19
  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
- 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)());
20
+ 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)");
22
21
  var VK_LEFT = 37; //ArrowLeft
23
22
  var VK_RIGHT = 39; //ArrowRight
24
23
  var VK_UP = 38; //ArrowUp
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "1.3.1"
3
+ "version": "1.3.3"
4
4
  }
@@ -1,14 +1,13 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  /** @jsx jsx */
3
3
  import TextField from '@atlaskit/textfield';
4
- import { gridSize } from '@atlaskit/theme/constants';
5
4
  import React, { PureComponent } from 'react';
6
5
  import { injectIntl } from 'react-intl-next';
7
6
  import { css, jsx } from '@emotion/react';
8
7
  import ColorPalette from './internal/color-palette';
9
8
  import { messages } from './i18n';
10
9
  const fieldTextWrapperStyles = css`
11
- margin: 0 ${gridSize()}px;
10
+ margin: 0 ${"var(--ds-space-100, 8px)"};
12
11
  `;
13
12
  class Picker extends PureComponent {
14
13
  constructor(...args) {
@@ -1,6 +1,6 @@
1
1
  export const ELEMENTS_CHANNEL = 'fabric-elements';
2
2
  const packageName = "@atlaskit/status";
3
- const packageVersion = "1.3.1";
3
+ const packageVersion = "1.3.3";
4
4
  export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
5
5
  const statusPayload = {
6
6
  ...payload,
@@ -1,12 +1,12 @@
1
1
  /** @jsx jsx */
2
- import { gridSize } from '@atlaskit/theme/constants';
3
2
  import * as colors from '@atlaskit/theme/colors';
4
3
  import React, { useEffect, useRef, useCallback } from 'react';
5
4
  import { css, jsx } from '@emotion/react';
6
5
  import Color from './color';
7
6
  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})`]];
8
7
  const colorPaletteWrapperStyles = css`
9
- margin: ${gridSize()}px ${gridSize()}px 0 ${gridSize()}px;
8
+ margin: ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"} 0
9
+ ${"var(--ds-space-100, 8px)"};
10
10
  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */
11
11
  display: flex;
12
12
  flex-wrap: wrap;
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "1.3.1"
3
+ "version": "1.3.3"
4
4
  }
@@ -11,13 +11,12 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
11
11
  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; } }
12
12
  /** @jsx jsx */
13
13
  import TextField from '@atlaskit/textfield';
14
- import { gridSize } from '@atlaskit/theme/constants';
15
14
  import React, { PureComponent } from 'react';
16
15
  import { injectIntl } from 'react-intl-next';
17
16
  import { css, jsx } from '@emotion/react';
18
17
  import ColorPalette from './internal/color-palette';
19
18
  import { messages } from './i18n';
20
- var fieldTextWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: 0 ", "px;\n"])), gridSize());
19
+ var fieldTextWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: 0 ", ";\n"])), "var(--ds-space-100, 8px)");
21
20
  var Picker = /*#__PURE__*/function (_PureComponent) {
22
21
  _inherits(Picker, _PureComponent);
23
22
  var _super = _createSuper(Picker);
@@ -3,7 +3,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
3
3
  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; }
4
4
  export var ELEMENTS_CHANNEL = 'fabric-elements';
5
5
  var packageName = "@atlaskit/status";
6
- var packageVersion = "1.3.1";
6
+ var packageVersion = "1.3.3";
7
7
  export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
8
8
  return function (payload) {
9
9
  var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
@@ -2,13 +2,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
3
  var _templateObject;
4
4
  /** @jsx jsx */
5
- import { gridSize } from '@atlaskit/theme/constants';
6
5
  import * as colors from '@atlaskit/theme/colors';
7
6
  import React, { useEffect, useRef, useCallback } from 'react';
8
7
  import { css, jsx } from '@emotion/react';
9
8
  import Color from './color';
10
9
  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, ")")]];
11
- 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());
10
+ 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)");
12
11
  var VK_LEFT = 37; //ArrowLeft
13
12
  var VK_RIGHT = 39; //ArrowRight
14
13
  var VK_UP = 38; //ArrowUp
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "1.3.1"
3
+ "version": "1.3.3"
4
4
  }
@@ -0,0 +1,15 @@
1
+ /// <reference types="react" />
2
+ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
+ export type Color = 'neutral' | 'purple' | 'blue' | 'red' | 'yellow' | 'green';
4
+ export type StatusStyle = 'bold' | 'subtle';
5
+ export interface OwnProps {
6
+ text: string;
7
+ color: Color;
8
+ style?: StatusStyle;
9
+ localId?: string;
10
+ onClick?: (event: React.SyntheticEvent<any>) => void;
11
+ onHover?: () => void;
12
+ role?: string;
13
+ }
14
+ export type Props = OwnProps & WithAnalyticsEventsProps;
15
+ export declare const Status: import("react").ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import { WrappedComponentProps } from 'react-intl-next';
3
+ import { Color } from './Status';
4
+ export type ColorType = Color;
5
+ export interface Props {
6
+ selectedColor: ColorType;
7
+ text: string;
8
+ onEnter: () => void;
9
+ onColorClick: (value: ColorType) => void;
10
+ onColorHover?: (value: ColorType) => void;
11
+ onTextChanged: (value: string) => void;
12
+ autoFocus?: boolean;
13
+ }
14
+ export declare const StatusPicker: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
15
+ WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
16
+ };
@@ -0,0 +1,11 @@
1
+ import { CreateUIAnalyticsEvent, UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ export declare const ELEMENTS_CHANNEL = "fabric-elements";
3
+ type EventPayload = {
4
+ action: string;
5
+ actionSubject: string;
6
+ attributes?: {
7
+ [key: string]: any;
8
+ };
9
+ };
10
+ export declare const createStatusAnalyticsAndFire: (createAnalyticsEvent: CreateUIAnalyticsEvent) => (payload: EventPayload) => UIAnalyticsEvent;
11
+ export {};
@@ -0,0 +1 @@
1
+ export declare const ANALYTICS_HOVER_DELAY = 1000;
@@ -0,0 +1,37 @@
1
+ export declare const messages: {
2
+ neutralColor: {
3
+ id: string;
4
+ defaultMessage: string;
5
+ description: string;
6
+ };
7
+ purpleColor: {
8
+ id: string;
9
+ defaultMessage: string;
10
+ description: string;
11
+ };
12
+ blueColor: {
13
+ id: string;
14
+ defaultMessage: string;
15
+ description: string;
16
+ };
17
+ redColor: {
18
+ id: string;
19
+ defaultMessage: string;
20
+ description: string;
21
+ };
22
+ yellowColor: {
23
+ id: string;
24
+ defaultMessage: string;
25
+ description: string;
26
+ };
27
+ greenColor: {
28
+ id: string;
29
+ defaultMessage: string;
30
+ description: string;
31
+ };
32
+ statusInputLabel: {
33
+ id: string;
34
+ defaultMessage: string;
35
+ description: string;
36
+ };
37
+ };
@@ -0,0 +1,11 @@
1
+ import { jsx } from '@emotion/react';
2
+ import { Color as ColorType } from '../Status';
3
+ interface ColorPaletteProps {
4
+ selectedColor?: ColorType;
5
+ onClick: (value: ColorType) => void;
6
+ onHover?: (value: ColorType) => void;
7
+ cols?: number;
8
+ className?: string;
9
+ }
10
+ declare const _default: ({ cols, onClick, selectedColor, className, onHover, }: ColorPaletteProps) => jsx.JSX.Element;
11
+ export default _default;
@@ -0,0 +1,23 @@
1
+ import React, { PureComponent } from 'react';
2
+ import { jsx } from '@emotion/react';
3
+ import { Color as ColorType } from '../Status';
4
+ export interface ColorProps {
5
+ value: ColorType;
6
+ tabIndex?: number;
7
+ isSelected?: boolean;
8
+ onClick: (value: ColorType) => void;
9
+ onHover?: (value: ColorType) => void;
10
+ backgroundColor: string;
11
+ borderColor: string;
12
+ iconColor: string;
13
+ setRef?: (value: HTMLButtonElement) => HTMLButtonElement;
14
+ }
15
+ export default class Color extends PureComponent<ColorProps> {
16
+ private hoverStartTime;
17
+ render(): jsx.JSX.Element;
18
+ componentWillUnmount(): void;
19
+ onMouseEnter: () => void;
20
+ onMouseLeave: () => void;
21
+ onMouseDown: React.MouseEventHandler<HTMLButtonElement>;
22
+ onClick: React.MouseEventHandler<HTMLButtonElement>;
23
+ }
@@ -0,0 +1,2 @@
1
+ export { Status } from './components/Status';
2
+ export type { StatusStyle, Props, Color } from './components/Status';
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,15 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ };
15
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,35 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by i18n-tools.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ export { default as zh } from './zh';
8
+ export { default as zh_TW } from './zh_TW';
9
+ export { default as cs } from './cs';
10
+ export { default as da } from './da';
11
+ export { default as nl } from './nl';
12
+ export { default as et } from './et';
13
+ export { default as fi } from './fi';
14
+ export { default as fr } from './fr';
15
+ export { default as de } from './de';
16
+ export { default as hu } from './hu';
17
+ export { default as it } from './it';
18
+ export { default as ja } from './ja';
19
+ export { default as ko } from './ko';
20
+ export { default as nb } from './nb';
21
+ export { default as pl } from './pl';
22
+ export { default as pt_BR } from './pt_BR';
23
+ export { default as pt_PT } from './pt_PT';
24
+ export { default as ru } from './ru';
25
+ export { default as sk } from './sk';
26
+ export { default as es } from './es';
27
+ export { default as sv } from './sv';
28
+ export { default as th } from './th';
29
+ export { default as tr } from './tr';
30
+ export { default as uk } from './uk';
31
+ export { default as vi } from './vi';
32
+ export { default as en } from './en';
33
+ export { default as en_GB } from './en_GB';
34
+ export { default as is } from './is';
35
+ export { default as ro } from './ro';
@@ -0,0 +1,9 @@
1
+ declare const _default: {
2
+ 'fabric.status.color.grey': string;
3
+ 'fabric.status.color.purple': string;
4
+ 'fabric.status.color.blue': string;
5
+ 'fabric.status.color.red': string;
6
+ 'fabric.status.color.yellow': string;
7
+ 'fabric.status.color.green': string;
8
+ };
9
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,27 @@
1
+ declare const _default: {
2
+ zh: string;
3
+ cs: string;
4
+ da: string;
5
+ nl: string;
6
+ en: string;
7
+ en_GB: string;
8
+ et: string;
9
+ fi: string;
10
+ fr: string;
11
+ de: string;
12
+ hu: string;
13
+ is: string;
14
+ it: string;
15
+ ja: string;
16
+ ko: string;
17
+ nb: string;
18
+ pl: string;
19
+ pt_BR: string;
20
+ pt_PT: string;
21
+ ro: string;
22
+ ru: string;
23
+ sk: string;
24
+ es: string;
25
+ sv: string;
26
+ };
27
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,15 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ };
15
+ export default _default;
@@ -0,0 +1,9 @@
1
+ declare const _default: {
2
+ 'fabric.status.color.grey': string;
3
+ 'fabric.status.color.purple': string;
4
+ 'fabric.status.color.blue': string;
5
+ 'fabric.status.color.red': string;
6
+ 'fabric.status.color.yellow': string;
7
+ 'fabric.status.color.green': string;
8
+ };
9
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,15 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ };
15
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ declare const _default: {
8
+ 'fabric.status.color.blue': string;
9
+ 'fabric.status.color.green': string;
10
+ 'fabric.status.color.grey': string;
11
+ 'fabric.status.color.purple': string;
12
+ 'fabric.status.color.red': string;
13
+ 'fabric.status.color.yellow': string;
14
+ 'fabric.status.input.label': string;
15
+ };
16
+ export default _default;
@@ -0,0 +1,4 @@
1
+ export { Status } from './components/Status';
2
+ export type { StatusStyle, Props, Color } from './components/Status';
3
+ export { StatusPicker } from './components/StatusPicker';
4
+ export type { Props as StatusPickerProps } from './components/StatusPicker';
@@ -0,0 +1,2 @@
1
+ export { StatusPicker } from './components/StatusPicker';
2
+ export type { Props, ColorType } from './components/StatusPicker';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "1.3.1",
3
+ "version": "1.3.3",
4
4
  "description": "Fabric Status React Components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"