@atlaskit/status 1.5.3 → 1.6.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.
Files changed (16) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/afm-cc/tsconfig.json +3 -0
  3. package/afm-jira/tsconfig.json +44 -41
  4. package/afm-post-office/tsconfig.json +44 -41
  5. package/dist/cjs/components/Status.js +4 -2
  6. package/dist/cjs/components/analytics.js +1 -1
  7. package/dist/cjs/components/internal/color-palette.js +7 -1
  8. package/dist/es2019/components/Status.js +4 -2
  9. package/dist/es2019/components/analytics.js +1 -1
  10. package/dist/es2019/components/internal/color-palette.js +5 -1
  11. package/dist/esm/components/Status.js +4 -2
  12. package/dist/esm/components/analytics.js +1 -1
  13. package/dist/esm/components/internal/color-palette.js +7 -1
  14. package/dist/types/components/Status.d.ts +1 -0
  15. package/dist/types-ts4.5/components/Status.d.ts +1 -0
  16. package/package.json +9 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/status
2
2
 
3
+ ## 1.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#162726](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/162726)
8
+ [`10223ce40d9a0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10223ce40d9a0) -
9
+ update appearance and colours for visual refresh
10
+
3
11
  ## 1.5.3
4
12
 
5
13
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -26,6 +26,9 @@
26
26
  {
27
27
  "path": "../../../design-system/lozenge/afm-cc/tsconfig.json"
28
28
  },
29
+ {
30
+ "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
31
+ },
29
32
  {
30
33
  "path": "../../../design-system/primitives/afm-cc/tsconfig.json"
31
34
  },
package/afm-jira/tsconfig.json CHANGED
@@ -1,42 +1,45 @@
1
1
  {
2
- "extends": "../../../../tsconfig.entry-points.jira.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../tsDist/@atlaskit__status/app",
7
- "composite": true,
8
- "rootDir": "../"
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": "../../../design-system/primitives/afm-jira/tsconfig.json"
31
- },
32
- {
33
- "path": "../../../design-system/textfield/afm-jira/tsconfig.json"
34
- },
35
- {
36
- "path": "../../../design-system/theme/afm-jira/tsconfig.json"
37
- },
38
- {
39
- "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
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
+ }
package/afm-post-office/tsconfig.json CHANGED
@@ -1,42 +1,45 @@
1
1
  {
2
- "extends": "../../../../tsconfig.entry-points.post-office.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../tsDist/@atlaskit__status/app",
7
- "composite": true,
8
- "rootDir": "../"
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": "../../../design-system/primitives/afm-post-office/tsconfig.json"
31
- },
32
- {
33
- "path": "../../../design-system/textfield/afm-post-office/tsconfig.json"
34
- },
35
- {
36
- "path": "../../../design-system/theme/afm-post-office/tsconfig.json"
37
- },
38
- {
39
- "path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
40
- }
41
- ]
42
- }
2
+ "extends": "../../../../tsconfig.entry-points.post-office.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-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
+ }
package/dist/cjs/components/Status.js CHANGED
@@ -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
  }]);
package/dist/cjs/components/analytics.js CHANGED
@@ -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.5.3";
13
+ var packageVersion = "1.6.0";
14
14
  var createStatusAnalyticsAndFire = exports.createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
15
15
  return function (payload) {
16
16
  var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
package/dist/cjs/components/internal/color-palette.js CHANGED
@@ -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 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, ")")]];
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/es2019/components/Status.js CHANGED
@@ -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
  }
package/dist/es2019/components/analytics.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export const ELEMENTS_CHANNEL = 'fabric-elements';
2
2
  const packageName = "@atlaskit/status";
3
- const packageVersion = "1.5.3";
3
+ const packageVersion = "1.6.0";
4
4
  export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
5
5
  const statusPayload = {
6
6
  ...payload,
package/dist/es2019/components/internal/color-palette.js CHANGED
@@ -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
- 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})`]];
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`
package/dist/esm/components/Status.js CHANGED
@@ -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
  }]);
package/dist/esm/components/analytics.js CHANGED
@@ -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.5.3";
6
+ var packageVersion = "1.6.0";
7
7
  export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
8
8
  return function (payload) {
9
9
  var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
package/dist/esm/components/internal/color-palette.js CHANGED
@@ -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
- 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, ")")]];
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/types/components/Status.d.ts CHANGED
@@ -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>>;
package/dist/types-ts4.5/components/Status.d.ts CHANGED
@@ -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>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "1.5.3",
3
+ "version": "1.6.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/primitives": "^13.0.0",
30
+ "@atlaskit/platform-feature-flags": "^0.3.0",
31
+ "@atlaskit/primitives": "^13.1.0",
31
32
  "@atlaskit/textfield": "^6.5.0",
32
33
  "@atlaskit/theme": "^14.0.0",
33
- "@atlaskit/tokens": "^2.0.0",
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
  }