@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 +10 -0
- package/dist/cjs/components/analytics.js +1 -1
- package/dist/cjs/components/internal/color-palette.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/analytics.js +1 -1
- package/dist/es2019/components/internal/color-palette.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/analytics.js +1 -1
- package/dist/esm/components/internal/color-palette.js +1 -1
- package/dist/esm/version.json +1 -1
- package/package.json +6 -5
- package/report.api.md +43 -21
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.
|
|
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.
|
|
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
|
|
package/dist/cjs/version.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const ELEMENTS_CHANNEL = 'fabric-elements';
|
|
2
2
|
const packageName = "@atlaskit/status";
|
|
3
|
-
const packageVersion = "1.
|
|
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.
|
|
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 */
|
package/dist/es2019/version.json
CHANGED
|
@@ -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.
|
|
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.
|
|
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
|
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/status",
|
|
3
|
-
"version": "1.
|
|
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.
|
|
37
|
-
"@atlaskit/lozenge": "^11.
|
|
38
|
-
"@atlaskit/textfield": "^5.
|
|
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
|
-
|
|
12
|
-
|
|
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
|
-
|
|
20
|
+
// @public (undocumented)
|
|
21
|
+
type ColorType = Color;
|
|
20
22
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
+
// @public (undocumented)
|
|
24
|
+
interface OwnProps {
|
|
25
|
+
// (undocumented)
|
|
23
26
|
color: Color;
|
|
24
|
-
|
|
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
|
-
|
|
41
|
+
// @public (undocumented)
|
|
42
|
+
export type Props = OwnProps & WithAnalyticsEventsProps;
|
|
32
43
|
|
|
33
|
-
|
|
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
|
-
|
|
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
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
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
|
-
|
|
70
|
+
// (undocumented)
|
|
71
|
+
selectedColor: ColorType;
|
|
72
|
+
// (undocumented)
|
|
73
|
+
text: string;
|
|
53
74
|
}
|
|
54
75
|
|
|
55
|
-
|
|
76
|
+
// @public (undocumented)
|
|
77
|
+
export type StatusStyle = 'bold' | 'subtle';
|
|
56
78
|
|
|
57
|
-
|
|
79
|
+
// (No @packageDocumentation comment for this package)
|
|
58
80
|
```
|