@atlaskit/status 1.1.6 → 1.2.0

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/status
2
2
 
3
+ ## 1.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`b3be5346e02`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3be5346e02) - Status warning color picker updated to match the color of the underlying lozenge.
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
3
13
  ## 1.1.6
4
14
 
5
15
  ### Patch Changes
@@ -16,7 +16,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
16
16
  var ELEMENTS_CHANNEL = 'fabric-elements';
17
17
  exports.ELEMENTS_CHANNEL = ELEMENTS_CHANNEL;
18
18
  var packageName = "@atlaskit/status";
19
- var packageVersion = "1.1.6";
19
+ var packageVersion = "1.2.0";
20
20
 
21
21
  var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
22
22
  return function (payload) {
@@ -32,7 +32,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
32
32
  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; }
33
33
 
34
34
  // color value, label, background, borderColor
35
- var palette = [['neutral', (0, _tokens.token)('color.background.neutral', colors.N40), (0, _tokens.token)('color.text', colors.N400)], ['purple', (0, _tokens.token)('color.background.discovery', colors.P50), (0, _tokens.token)('color.text.discovery', colors.P400)], ['blue', (0, _tokens.token)('color.background.information', colors.B50), (0, _tokens.token)('color.text.information', colors.B400)], ['red', (0, _tokens.token)('color.background.danger', colors.R50), (0, _tokens.token)('color.text.danger', colors.R400)], ['yellow', (0, _tokens.token)('color.background.warning', colors.Y75), (0, _tokens.token)('color.text.warning', colors.Y400)], ['green', (0, _tokens.token)('color.background.success', colors.G50), (0, _tokens.token)('color.text.success', colors.G400)]];
35
+ var palette = [['neutral', (0, _tokens.token)('color.background.neutral', colors.N40), (0, _tokens.token)('color.text', colors.N400)], ['purple', (0, _tokens.token)('color.background.discovery', colors.P50), (0, _tokens.token)('color.text.discovery', colors.P400)], ['blue', (0, _tokens.token)('color.background.information', colors.B50), (0, _tokens.token)('color.text.information', colors.B400)], ['red', (0, _tokens.token)('color.background.danger', colors.R50), (0, _tokens.token)('color.text.danger', colors.R400)], ['yellow', (0, _tokens.token)('color.background.warning', colors.Y50), (0, _tokens.token)('color.text.warning', colors.Y400)], ['green', (0, _tokens.token)('color.background.success', colors.G50), (0, _tokens.token)('color.text.success', colors.G400)]];
36
36
  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)());
37
37
  var VK_LEFT = 37; //ArrowLeft
38
38
 
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "1.1.6"
3
+ "version": "1.2.0"
4
4
  }
@@ -1,6 +1,6 @@
1
1
  export const ELEMENTS_CHANNEL = 'fabric-elements';
2
2
  const packageName = "@atlaskit/status";
3
- const packageVersion = "1.1.6";
3
+ const packageVersion = "1.2.0";
4
4
  export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
5
5
  const statusPayload = { ...payload,
6
6
  eventType: 'ui'
@@ -6,7 +6,7 @@ import React, { useEffect, useRef, useCallback } from 'react';
6
6
  import { css, jsx } from '@emotion/react';
7
7
  import Color from './color'; // color value, label, background, borderColor
8
8
 
9
- const palette = [['neutral', token('color.background.neutral', colors.N40), token('color.text', colors.N400)], ['purple', token('color.background.discovery', colors.P50), token('color.text.discovery', colors.P400)], ['blue', token('color.background.information', colors.B50), token('color.text.information', colors.B400)], ['red', token('color.background.danger', colors.R50), token('color.text.danger', colors.R400)], ['yellow', token('color.background.warning', colors.Y75), token('color.text.warning', colors.Y400)], ['green', token('color.background.success', colors.G50), token('color.text.success', colors.G400)]];
9
+ const palette = [['neutral', token('color.background.neutral', colors.N40), token('color.text', colors.N400)], ['purple', token('color.background.discovery', colors.P50), token('color.text.discovery', colors.P400)], ['blue', token('color.background.information', colors.B50), token('color.text.information', colors.B400)], ['red', token('color.background.danger', colors.R50), token('color.text.danger', colors.R400)], ['yellow', token('color.background.warning', colors.Y50), token('color.text.warning', colors.Y400)], ['green', token('color.background.success', colors.G50), token('color.text.success', colors.G400)]];
10
10
  const colorPaletteWrapperStyles = css`
11
11
  margin: ${gridSize()}px ${gridSize()}px 0 ${gridSize()}px;
12
12
  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "1.1.6"
3
+ "version": "1.2.0"
4
4
  }
@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
6
6
 
7
7
  export var ELEMENTS_CHANNEL = 'fabric-elements';
8
8
  var packageName = "@atlaskit/status";
9
- var packageVersion = "1.1.6";
9
+ var packageVersion = "1.2.0";
10
10
  export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
11
11
  return function (payload) {
12
12
  var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
@@ -11,7 +11,7 @@ import React, { useEffect, useRef, useCallback } from 'react';
11
11
  import { css, jsx } from '@emotion/react';
12
12
  import Color from './color'; // color value, label, background, borderColor
13
13
 
14
- var palette = [['neutral', token('color.background.neutral', colors.N40), token('color.text', colors.N400)], ['purple', token('color.background.discovery', colors.P50), token('color.text.discovery', colors.P400)], ['blue', token('color.background.information', colors.B50), token('color.text.information', colors.B400)], ['red', token('color.background.danger', colors.R50), token('color.text.danger', colors.R400)], ['yellow', token('color.background.warning', colors.Y75), token('color.text.warning', colors.Y400)], ['green', token('color.background.success', colors.G50), token('color.text.success', colors.G400)]];
14
+ var palette = [['neutral', token('color.background.neutral', colors.N40), token('color.text', colors.N400)], ['purple', token('color.background.discovery', colors.P50), token('color.text.discovery', colors.P400)], ['blue', token('color.background.information', colors.B50), token('color.text.information', colors.B400)], ['red', token('color.background.danger', colors.R50), token('color.text.danger', colors.R400)], ['yellow', token('color.background.warning', colors.Y50), token('color.text.warning', colors.Y400)], ['green', token('color.background.success', colors.G50), token('color.text.success', colors.G400)]];
15
15
  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());
16
16
  var VK_LEFT = 37; //ArrowLeft
17
17
 
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "1.1.6"
3
+ "version": "1.2.0"
4
4
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "1.1.6",
3
+ "version": "1.2.0",
4
4
  "description": "Fabric Status React Components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,8 @@
15
15
  "typesVersions": {
16
16
  ">=4.0 <4.5": {
17
17
  "*": [
18
- "dist/types-ts4.0/*"
18
+ "dist/types-ts4.0/*",
19
+ "dist/types-ts4.0/index.d.ts"
19
20
  ]
20
21
  }
21
22
  },
@@ -33,9 +34,9 @@
33
34
  },
34
35
  "dependencies": {
35
36
  "@atlaskit/analytics-next": "^8.0.0",
36
- "@atlaskit/icon": "^21.10.0",
37
- "@atlaskit/lozenge": "^11.2.0",
38
- "@atlaskit/textfield": "^5.2.0",
37
+ "@atlaskit/icon": "^21.11.0",
38
+ "@atlaskit/lozenge": "^11.3.0",
39
+ "@atlaskit/textfield": "^5.3.0",
39
40
  "@atlaskit/theme": "^12.2.0",
40
41
  "@atlaskit/tokens": "^0.10.0",
41
42
  "@babel/runtime": "^7.0.0",
package/report.api.md CHANGED
@@ -2,39 +2,52 @@
2
2
 
3
3
  > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
4
 
5
+ <!--
6
+ Generated API Report version: 2.0
7
+ -->
8
+
9
+ [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
10
+
5
11
  ```ts
6
12
  import { default as React_2 } from 'react';
7
13
  import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
8
14
  import { WithIntlProps } from 'react-intl-next';
9
15
  import { WrappedComponentProps } from 'react-intl-next';
10
16
 
11
- export declare type Color =
12
- | 'neutral'
13
- | 'purple'
14
- | 'blue'
15
- | 'red'
16
- | 'yellow'
17
- | 'green';
17
+ // @public (undocumented)
18
+ export type Color = 'neutral' | 'purple' | 'blue' | 'red' | 'yellow' | 'green';
18
19
 
19
- declare type ColorType = Color;
20
+ // @public (undocumented)
21
+ type ColorType = Color;
20
22
 
21
- declare interface OwnProps {
22
- text: string;
23
+ // @public (undocumented)
24
+ interface OwnProps {
25
+ // (undocumented)
23
26
  color: Color;
24
- style?: StatusStyle;
27
+ // (undocumented)
25
28
  localId?: string;
29
+ // (undocumented)
26
30
  onClick?: (event: React_2.SyntheticEvent<any>) => void;
31
+ // (undocumented)
27
32
  onHover?: () => void;
33
+ // (undocumented)
28
34
  role?: string;
35
+ // (undocumented)
36
+ style?: StatusStyle;
37
+ // (undocumented)
38
+ text: string;
29
39
  }
30
40
 
31
- export declare type Props = OwnProps & WithAnalyticsEventsProps;
41
+ // @public (undocumented)
42
+ export type Props = OwnProps & WithAnalyticsEventsProps;
32
43
 
33
- export declare const Status: React_2.ForwardRefExoticComponent<
44
+ // @public (undocumented)
45
+ export const Status: React_2.ForwardRefExoticComponent<
34
46
  Omit<Props, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any>
35
47
  >;
36
48
 
37
- export declare const StatusPicker: React_2.FC<
49
+ // @public (undocumented)
50
+ export const StatusPicker: React_2.FC<
38
51
  WithIntlProps<StatusPickerProps & WrappedComponentProps<'intl'>>
39
52
  > & {
40
53
  WrappedComponent: React_2.ComponentType<
@@ -42,17 +55,26 @@ export declare const StatusPicker: React_2.FC<
42
55
  >;
43
56
  };
44
57
 
45
- export declare interface StatusPickerProps {
46
- selectedColor: ColorType;
47
- text: string;
48
- onEnter: () => void;
58
+ // @public (undocumented)
59
+ export interface StatusPickerProps {
60
+ // (undocumented)
61
+ autoFocus?: boolean;
62
+ // (undocumented)
49
63
  onColorClick: (value: ColorType) => void;
64
+ // (undocumented)
50
65
  onColorHover?: (value: ColorType) => void;
66
+ // (undocumented)
67
+ onEnter: () => void;
68
+ // (undocumented)
51
69
  onTextChanged: (value: string) => void;
52
- autoFocus?: boolean;
70
+ // (undocumented)
71
+ selectedColor: ColorType;
72
+ // (undocumented)
73
+ text: string;
53
74
  }
54
75
 
55
- export declare type StatusStyle = 'bold' | 'subtle';
76
+ // @public (undocumented)
77
+ export type StatusStyle = 'bold' | 'subtle';
56
78
 
57
- export {};
79
+ // (No @packageDocumentation comment for this package)
58
80
  ```