@atlaskit/status 1.5.3 → 1.7.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 +16 -0
- package/afm-cc/tsconfig.json +3 -0
- package/afm-jira/tsconfig.json +44 -41
- package/afm-post-office/tsconfig.json +44 -41
- package/dist/cjs/components/Status.js +4 -2
- package/dist/cjs/components/analytics.js +1 -1
- package/dist/cjs/components/internal/color-palette.js +7 -1
- package/dist/cjs/i18n/index.js +7 -0
- package/dist/cjs/i18n/languages.js +1 -0
- package/dist/es2019/components/Status.js +4 -2
- package/dist/es2019/components/analytics.js +1 -1
- package/dist/es2019/components/internal/color-palette.js +5 -1
- package/dist/es2019/i18n/index.js +4 -2
- package/dist/es2019/i18n/languages.js +1 -0
- package/dist/esm/components/Status.js +4 -2
- package/dist/esm/components/analytics.js +1 -1
- package/dist/esm/components/internal/color-palette.js +7 -1
- package/dist/esm/i18n/index.js +4 -2
- package/dist/esm/i18n/languages.js +1 -0
- package/dist/types/components/Status.d.ts +1 -0
- package/dist/types/i18n/index.d.ts +4 -2
- package/dist/types/i18n/languages.d.ts +1 -0
- package/dist/types-ts4.5/components/Status.d.ts +1 -0
- package/dist/types-ts4.5/i18n/index.d.ts +4 -2
- package/dist/types-ts4.5/i18n/languages.d.ts +1 -0
- package/package.json +9 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/status
|
|
2
2
|
|
|
3
|
+
## 1.7.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#161683](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161683)
|
|
8
|
+
[`f3f374290027a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f3f374290027a) -
|
|
9
|
+
Adding en-zz locale support to elements package
|
|
10
|
+
|
|
11
|
+
## 1.6.0
|
|
12
|
+
|
|
13
|
+
### Minor Changes
|
|
14
|
+
|
|
15
|
+
- [#162726](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/162726)
|
|
16
|
+
[`10223ce40d9a0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10223ce40d9a0) -
|
|
17
|
+
update appearance and colours for visual refresh
|
|
18
|
+
|
|
3
19
|
## 1.5.3
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
package/afm-cc/tsconfig.json
CHANGED
package/afm-jira/tsconfig.json
CHANGED
|
@@ -1,42 +1,45 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
2
|
+
"extends": "../../../../tsconfig.entry-points.jira.json",
|
|
3
|
+
"compilerOptions": {
|
|
4
|
+
"declaration": true,
|
|
5
|
+
"target": "es5",
|
|
6
|
+
"outDir": "../../../../../tsDist/@atlaskit__status/app",
|
|
7
|
+
"rootDir": "../",
|
|
8
|
+
"composite": true
|
|
9
|
+
},
|
|
10
|
+
"include": [
|
|
11
|
+
"../src/**/*.ts",
|
|
12
|
+
"../src/**/*.tsx"
|
|
13
|
+
],
|
|
14
|
+
"exclude": [
|
|
15
|
+
"../src/**/__tests__/*",
|
|
16
|
+
"../src/**/*.test.*",
|
|
17
|
+
"../src/**/test.*"
|
|
18
|
+
],
|
|
19
|
+
"references": [
|
|
20
|
+
{
|
|
21
|
+
"path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"path": "../../../design-system/icon/afm-jira/tsconfig.json"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"path": "../../../design-system/lozenge/afm-jira/tsconfig.json"
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"path": "../../../design-system/textfield/afm-jira/tsconfig.json"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"path": "../../../design-system/theme/afm-jira/tsconfig.json"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
|
|
43
|
+
}
|
|
44
|
+
]
|
|
45
|
+
}
|
|
@@ -1,42 +1,45 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
2
|
+
"extends": "../../../../tsconfig.entry-points.post-office.json",
|
|
3
|
+
"compilerOptions": {
|
|
4
|
+
"declaration": true,
|
|
5
|
+
"target": "es5",
|
|
6
|
+
"outDir": "../../../../../post-office/tsDist/@atlaskit__status/app",
|
|
7
|
+
"rootDir": "../",
|
|
8
|
+
"composite": true
|
|
9
|
+
},
|
|
10
|
+
"include": [
|
|
11
|
+
"../src/**/*.ts",
|
|
12
|
+
"../src/**/*.tsx"
|
|
13
|
+
],
|
|
14
|
+
"exclude": [
|
|
15
|
+
"../src/**/__tests__/*",
|
|
16
|
+
"../src/**/*.test.*",
|
|
17
|
+
"../src/**/test.*"
|
|
18
|
+
],
|
|
19
|
+
"references": [
|
|
20
|
+
{
|
|
21
|
+
"path": "../../../analytics/analytics-next/afm-post-office/tsconfig.json"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"path": "../../../design-system/icon/afm-post-office/tsconfig.json"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"path": "../../../design-system/lozenge/afm-post-office/tsconfig.json"
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"path": "../../../design-system/primitives/afm-post-office/tsconfig.json"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"path": "../../../design-system/textfield/afm-post-office/tsconfig.json"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"path": "../../../design-system/theme/afm-post-office/tsconfig.json"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
|
|
43
|
+
}
|
|
44
|
+
]
|
|
45
|
+
}
|
|
@@ -95,7 +95,8 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
|
|
|
95
95
|
color = _this$props.color,
|
|
96
96
|
style = _this$props.style,
|
|
97
97
|
role = _this$props.role,
|
|
98
|
-
onClick = _this$props.onClick
|
|
98
|
+
onClick = _this$props.onClick,
|
|
99
|
+
isBold = _this$props.isBold;
|
|
99
100
|
if (text.trim().length === 0) {
|
|
100
101
|
return null;
|
|
101
102
|
}
|
|
@@ -115,7 +116,8 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
|
|
|
115
116
|
role: role
|
|
116
117
|
}, (0, _react2.jsx)(_lozenge.default, {
|
|
117
118
|
appearance: appearance,
|
|
118
|
-
maxWidth: MAX_WIDTH
|
|
119
|
+
maxWidth: MAX_WIDTH,
|
|
120
|
+
isBold: isBold
|
|
119
121
|
}, text));
|
|
120
122
|
}
|
|
121
123
|
}]);
|
|
@@ -10,7 +10,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
10
10
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
11
|
var ELEMENTS_CHANNEL = exports.ELEMENTS_CHANNEL = 'fabric-elements';
|
|
12
12
|
var packageName = "@atlaskit/status";
|
|
13
|
-
var packageVersion = "1.
|
|
13
|
+
var packageVersion = "1.7.0";
|
|
14
14
|
var createStatusAnalyticsAndFire = exports.createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
|
|
15
15
|
return function (payload) {
|
|
16
16
|
var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
|
|
@@ -12,6 +12,7 @@ var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _react2 = require("@emotion/react");
|
|
14
14
|
var _color = _interopRequireDefault(require("./color"));
|
|
15
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
16
|
var _templateObject;
|
|
16
17
|
/**
|
|
17
18
|
* @jsxRuntime classic
|
|
@@ -20,7 +21,12 @@ var _templateObject;
|
|
|
20
21
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
21
22
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
23
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
23
|
-
var
|
|
24
|
+
var paletteLegacy = [['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, ")")]];
|
|
25
|
+
var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, ".concat(colors.N300, ")"), "var(--ds-border-bold, ".concat(colors.N400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")], ['blue', "var(--ds-background-information-pressed, ".concat(colors.B300, ")"), "var(--ds-border-information, ".concat(colors.B400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")], ['green', "var(--ds-background-success-pressed, ".concat(colors.G300, ")"), "var(--ds-border-success, ".concat(colors.G400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")], ['yellow', "var(--ds-background-warning-pressed, ".concat(colors.Y300, ")"), "var(--ds-border-warning, ".concat(colors.Y400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")], ['red', "var(--ds-background-danger-pressed, ".concat(colors.R300, ")"), "var(--ds-border-danger, ".concat(colors.R400, ")"), "var(--ds-icon, ".concat(colors.R400, ")")], ['purple', "var(--ds-background-discovery-pressed, ".concat(colors.P300, ")"), "var(--ds-border-discovery, ".concat(colors.P400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")]];
|
|
26
|
+
var getPalette = function getPalette() {
|
|
27
|
+
return (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
|
|
28
|
+
};
|
|
29
|
+
var palette = getPalette();
|
|
24
30
|
|
|
25
31
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
26
32
|
var colorPaletteWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tpadding-left: 0px;\n\tmargin: ", " ", " 0 ", ";\n\t/* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */\n\tdisplay: flex;\n\tflex-wrap: wrap;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
|
package/dist/cjs/i18n/index.js
CHANGED
|
@@ -34,6 +34,12 @@ Object.defineProperty(exports, "en_GB", {
|
|
|
34
34
|
return _en_GB.default;
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
+
Object.defineProperty(exports, "en_ZZ", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function get() {
|
|
40
|
+
return _en_ZZ.default;
|
|
41
|
+
}
|
|
42
|
+
});
|
|
37
43
|
Object.defineProperty(exports, "es", {
|
|
38
44
|
enumerable: true,
|
|
39
45
|
get: function get() {
|
|
@@ -205,5 +211,6 @@ var _uk = _interopRequireDefault(require("./uk"));
|
|
|
205
211
|
var _vi = _interopRequireDefault(require("./vi"));
|
|
206
212
|
var _en = _interopRequireDefault(require("./en"));
|
|
207
213
|
var _en_GB = _interopRequireDefault(require("./en_GB"));
|
|
214
|
+
var _en_ZZ = _interopRequireDefault(require("./en_ZZ"));
|
|
208
215
|
var _is = _interopRequireDefault(require("./is"));
|
|
209
216
|
var _ro = _interopRequireDefault(require("./ro"));
|
|
@@ -73,7 +73,8 @@ class StatusInternal extends PureComponent {
|
|
|
73
73
|
color,
|
|
74
74
|
style,
|
|
75
75
|
role,
|
|
76
|
-
onClick
|
|
76
|
+
onClick,
|
|
77
|
+
isBold
|
|
77
78
|
} = this.props;
|
|
78
79
|
if (text.trim().length === 0) {
|
|
79
80
|
return null;
|
|
@@ -94,7 +95,8 @@ class StatusInternal extends PureComponent {
|
|
|
94
95
|
role: role
|
|
95
96
|
}, jsx(Lozenge, {
|
|
96
97
|
appearance: appearance,
|
|
97
|
-
maxWidth: MAX_WIDTH
|
|
98
|
+
maxWidth: MAX_WIDTH,
|
|
99
|
+
isBold: isBold
|
|
98
100
|
}, text));
|
|
99
101
|
}
|
|
100
102
|
}
|
|
@@ -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.7.0";
|
|
4
4
|
export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
|
|
5
5
|
const statusPayload = {
|
|
6
6
|
...payload,
|
|
@@ -7,7 +7,11 @@ import React, { useEffect, useRef, useCallback, useState } from 'react';
|
|
|
7
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
8
|
import { css, jsx } from '@emotion/react';
|
|
9
9
|
import Color from './color';
|
|
10
|
-
|
|
10
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
|
+
const paletteLegacy = [['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})`]];
|
|
12
|
+
const paletteRefreshed = [['neutral', `var(--ds-background-accent-gray-subtler, ${colors.N300})`, `var(--ds-border-bold, ${colors.N400})`, `var(--ds-icon, ${colors.N400})`], ['blue', `var(--ds-background-information-pressed, ${colors.B300})`, `var(--ds-border-information, ${colors.B400})`, `var(--ds-icon, ${colors.N400})`], ['green', `var(--ds-background-success-pressed, ${colors.G300})`, `var(--ds-border-success, ${colors.G400})`, `var(--ds-icon, ${colors.N400})`], ['yellow', `var(--ds-background-warning-pressed, ${colors.Y300})`, `var(--ds-border-warning, ${colors.Y400})`, `var(--ds-icon, ${colors.N400})`], ['red', `var(--ds-background-danger-pressed, ${colors.R300})`, `var(--ds-border-danger, ${colors.R400})`, `var(--ds-icon, ${colors.R400})`], ['purple', `var(--ds-background-discovery-pressed, ${colors.P300})`, `var(--ds-border-discovery, ${colors.P400})`, `var(--ds-icon, ${colors.N400})`]];
|
|
13
|
+
const getPalette = () => fg('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
|
|
14
|
+
const palette = getPalette();
|
|
11
15
|
|
|
12
16
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
13
17
|
const colorPaletteWrapperStyles = css`
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* NOTE:
|
|
3
3
|
*
|
|
4
|
-
* This file
|
|
5
|
-
*
|
|
4
|
+
* This file was automatically generated by i18n-tools
|
|
5
|
+
* which is now deprecated. Changes must now be made
|
|
6
|
+
* manually.
|
|
6
7
|
*/
|
|
7
8
|
export { default as zh } from './zh';
|
|
8
9
|
export { default as zh_TW } from './zh_TW';
|
|
@@ -31,5 +32,6 @@ export { default as uk } from './uk';
|
|
|
31
32
|
export { default as vi } from './vi';
|
|
32
33
|
export { default as en } from './en';
|
|
33
34
|
export { default as en_GB } from './en_GB';
|
|
35
|
+
export { default as en_ZZ } from './en_ZZ';
|
|
34
36
|
export { default as is } from './is';
|
|
35
37
|
export { default as ro } from './ro';
|
|
@@ -91,7 +91,8 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
|
|
|
91
91
|
color = _this$props.color,
|
|
92
92
|
style = _this$props.style,
|
|
93
93
|
role = _this$props.role,
|
|
94
|
-
onClick = _this$props.onClick
|
|
94
|
+
onClick = _this$props.onClick,
|
|
95
|
+
isBold = _this$props.isBold;
|
|
95
96
|
if (text.trim().length === 0) {
|
|
96
97
|
return null;
|
|
97
98
|
}
|
|
@@ -111,7 +112,8 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
|
|
|
111
112
|
role: role
|
|
112
113
|
}, jsx(Lozenge, {
|
|
113
114
|
appearance: appearance,
|
|
114
|
-
maxWidth: MAX_WIDTH
|
|
115
|
+
maxWidth: MAX_WIDTH,
|
|
116
|
+
isBold: isBold
|
|
115
117
|
}, text));
|
|
116
118
|
}
|
|
117
119
|
}]);
|
|
@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
export var ELEMENTS_CHANNEL = 'fabric-elements';
|
|
5
5
|
var packageName = "@atlaskit/status";
|
|
6
|
-
var packageVersion = "1.
|
|
6
|
+
var packageVersion = "1.7.0";
|
|
7
7
|
export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
|
|
8
8
|
return function (payload) {
|
|
9
9
|
var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
|
|
@@ -10,7 +10,13 @@ import React, { useEffect, useRef, useCallback, useState } from 'react';
|
|
|
10
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
11
|
import { css, jsx } from '@emotion/react';
|
|
12
12
|
import Color from './color';
|
|
13
|
-
|
|
13
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
|
+
var paletteLegacy = [['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, ")")]];
|
|
15
|
+
var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, ".concat(colors.N300, ")"), "var(--ds-border-bold, ".concat(colors.N400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")], ['blue', "var(--ds-background-information-pressed, ".concat(colors.B300, ")"), "var(--ds-border-information, ".concat(colors.B400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")], ['green', "var(--ds-background-success-pressed, ".concat(colors.G300, ")"), "var(--ds-border-success, ".concat(colors.G400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")], ['yellow', "var(--ds-background-warning-pressed, ".concat(colors.Y300, ")"), "var(--ds-border-warning, ".concat(colors.Y400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")], ['red', "var(--ds-background-danger-pressed, ".concat(colors.R300, ")"), "var(--ds-border-danger, ".concat(colors.R400, ")"), "var(--ds-icon, ".concat(colors.R400, ")")], ['purple', "var(--ds-background-discovery-pressed, ".concat(colors.P300, ")"), "var(--ds-border-discovery, ".concat(colors.P400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")]];
|
|
16
|
+
var getPalette = function getPalette() {
|
|
17
|
+
return fg('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
|
|
18
|
+
};
|
|
19
|
+
var palette = getPalette();
|
|
14
20
|
|
|
15
21
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
16
22
|
var colorPaletteWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tpadding-left: 0px;\n\tmargin: ", " ", " 0 ", ";\n\t/* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */\n\tdisplay: flex;\n\tflex-wrap: wrap;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
|
package/dist/esm/i18n/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* NOTE:
|
|
3
3
|
*
|
|
4
|
-
* This file
|
|
5
|
-
*
|
|
4
|
+
* This file was automatically generated by i18n-tools
|
|
5
|
+
* which is now deprecated. Changes must now be made
|
|
6
|
+
* manually.
|
|
6
7
|
*/
|
|
7
8
|
export { default as zh } from './zh';
|
|
8
9
|
export { default as zh_TW } from './zh_TW';
|
|
@@ -31,5 +32,6 @@ export { default as uk } from './uk';
|
|
|
31
32
|
export { default as vi } from './vi';
|
|
32
33
|
export { default as en } from './en';
|
|
33
34
|
export { default as en_GB } from './en_GB';
|
|
35
|
+
export { default as en_ZZ } from './en_ZZ';
|
|
34
36
|
export { default as is } from './is';
|
|
35
37
|
export { default as ro } from './ro';
|
|
@@ -10,6 +10,7 @@ export interface OwnProps {
|
|
|
10
10
|
onClick?: (event: React.SyntheticEvent<any>) => void;
|
|
11
11
|
onHover?: () => void;
|
|
12
12
|
role?: string;
|
|
13
|
+
isBold?: boolean;
|
|
13
14
|
}
|
|
14
15
|
export type Props = OwnProps & WithAnalyticsEventsProps;
|
|
15
16
|
export declare const Status: import("react").ForwardRefExoticComponent<Omit<OwnProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* NOTE:
|
|
3
3
|
*
|
|
4
|
-
* This file
|
|
5
|
-
*
|
|
4
|
+
* This file was automatically generated by i18n-tools
|
|
5
|
+
* which is now deprecated. Changes must now be made
|
|
6
|
+
* manually.
|
|
6
7
|
*/
|
|
7
8
|
export { default as zh } from './zh';
|
|
8
9
|
export { default as zh_TW } from './zh_TW';
|
|
@@ -31,5 +32,6 @@ export { default as uk } from './uk';
|
|
|
31
32
|
export { default as vi } from './vi';
|
|
32
33
|
export { default as en } from './en';
|
|
33
34
|
export { default as en_GB } from './en_GB';
|
|
35
|
+
export { default as en_ZZ } from './en_ZZ';
|
|
34
36
|
export { default as is } from './is';
|
|
35
37
|
export { default as ro } from './ro';
|
|
@@ -10,6 +10,7 @@ export interface OwnProps {
|
|
|
10
10
|
onClick?: (event: React.SyntheticEvent<any>) => void;
|
|
11
11
|
onHover?: () => void;
|
|
12
12
|
role?: string;
|
|
13
|
+
isBold?: boolean;
|
|
13
14
|
}
|
|
14
15
|
export type Props = OwnProps & WithAnalyticsEventsProps;
|
|
15
16
|
export declare const Status: import("react").ForwardRefExoticComponent<Omit<OwnProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* NOTE:
|
|
3
3
|
*
|
|
4
|
-
* This file
|
|
5
|
-
*
|
|
4
|
+
* This file was automatically generated by i18n-tools
|
|
5
|
+
* which is now deprecated. Changes must now be made
|
|
6
|
+
* manually.
|
|
6
7
|
*/
|
|
7
8
|
export { default as zh } from './zh';
|
|
8
9
|
export { default as zh_TW } from './zh_TW';
|
|
@@ -31,5 +32,6 @@ export { default as uk } from './uk';
|
|
|
31
32
|
export { default as vi } from './vi';
|
|
32
33
|
export { default as en } from './en';
|
|
33
34
|
export { default as en_GB } from './en_GB';
|
|
35
|
+
export { default as en_ZZ } from './en_ZZ';
|
|
34
36
|
export { default as is } from './is';
|
|
35
37
|
export { default as ro } from './ro';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/status",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.7.0",
|
|
4
4
|
"description": "Fabric Status React Components",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -27,10 +27,11 @@
|
|
|
27
27
|
"@atlaskit/analytics-next": "^10.1.0",
|
|
28
28
|
"@atlaskit/icon": "^22.24.0",
|
|
29
29
|
"@atlaskit/lozenge": "^11.12.0",
|
|
30
|
-
"@atlaskit/
|
|
30
|
+
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
31
|
+
"@atlaskit/primitives": "^13.2.0",
|
|
31
32
|
"@atlaskit/textfield": "^6.5.0",
|
|
32
33
|
"@atlaskit/theme": "^14.0.0",
|
|
33
|
-
"@atlaskit/tokens": "^2.
|
|
34
|
+
"@atlaskit/tokens": "^2.2.0",
|
|
34
35
|
"@babel/runtime": "^7.0.0",
|
|
35
36
|
"@emotion/react": "^11.7.1"
|
|
36
37
|
},
|
|
@@ -75,5 +76,10 @@
|
|
|
75
76
|
".": "./src/index.ts",
|
|
76
77
|
"./element": "./src/element.ts",
|
|
77
78
|
"./picker": "./src/picker.ts"
|
|
79
|
+
},
|
|
80
|
+
"platform-feature-flags": {
|
|
81
|
+
"platform-component-visual-refresh": {
|
|
82
|
+
"type": "boolean"
|
|
83
|
+
}
|
|
78
84
|
}
|
|
79
85
|
}
|