@atlaskit/status 3.0.24 → 3.0.25

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 (20) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/StatusPicker.compiled.css +1 -1
  3. package/dist/cjs/components/StatusPicker.js +1 -1
  4. package/dist/cjs/components/analytics.js +1 -1
  5. package/dist/cjs/components/internal/color-palette.js +2 -2
  6. package/dist/cjs/components/internal/color.compiled.css +3 -3
  7. package/dist/cjs/components/internal/color.js +2 -2
  8. package/dist/es2019/components/StatusPicker.compiled.css +1 -1
  9. package/dist/es2019/components/StatusPicker.js +1 -1
  10. package/dist/es2019/components/analytics.js +1 -1
  11. package/dist/es2019/components/internal/color-palette.js +2 -2
  12. package/dist/es2019/components/internal/color.compiled.css +3 -3
  13. package/dist/es2019/components/internal/color.js +2 -2
  14. package/dist/esm/components/StatusPicker.compiled.css +1 -1
  15. package/dist/esm/components/StatusPicker.js +1 -1
  16. package/dist/esm/components/analytics.js +1 -1
  17. package/dist/esm/components/internal/color-palette.js +2 -2
  18. package/dist/esm/components/internal/color.compiled.css +3 -3
  19. package/dist/esm/components/internal/color.js +2 -2
  20. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/status
2
2
 
3
+ ## 3.0.25
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 3.0.24
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/components/StatusPicker.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._n6347jlr [data-ds--text-field--container]{border-color:var(--ds-border-bold,#758195)}._18u0u2gc{margin-left:var(--ds-space-100,8px)}
2
+ ._n6341ihb [data-ds--text-field--container]{border-color:var(--ds-border-bold,#7d818a)}._18u0u2gc{margin-left:var(--ds-space-100,8px)}
3
3
  ._19pkidpf{margin-top:0}
4
4
  ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
5
5
  ._otyridpf{margin-bottom:0}
package/dist/cjs/components/StatusPicker.js CHANGED
@@ -76,7 +76,7 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
76
76
  // (https://github.com/airbnb/enzyme/issues/1149)
77
77
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
78
78
  key: this.fieldTextWrapperKey,
79
- className: (0, _runtime.ax)(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc _n6347jlr"])
79
+ className: (0, _runtime.ax)(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc _n6341ihb"])
80
80
  }, /*#__PURE__*/_react.default.createElement(_textfield.default, {
81
81
  value: text,
82
82
  isCompact: true,
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 = "3.0.23";
13
+ var packageVersion = "3.0.24";
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
@@ -14,8 +14,8 @@ var _react = _interopRequireWildcard(require("react"));
14
14
  var _color = _interopRequireDefault(require("./color"));
15
15
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
16
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
17
- var paletteLegacy = [['neutral', "var(--ds-background-neutral, #091E420F)", "var(--ds-border-bold, #758195)", "var(--ds-icon, #44546F)"], ['purple', "var(--ds-background-discovery, #F3F0FF)", "var(--ds-border-discovery, #8270DB)", "var(--ds-icon-discovery, #8270DB)"], ['blue', "var(--ds-background-information, #E9F2FF)", "var(--ds-border-information, #1D7AFC)", "var(--ds-icon-information, #1D7AFC)"], ['red', "var(--ds-background-danger, #FFECEB)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon-danger, #C9372C)"], ['yellow', "var(--ds-background-warning, #FFF7D6)", "var(--ds-border-warning, #E56910)", "var(--ds-icon-warning, #E56910)"], ['green', "var(--ds-background-success, #DCFFF1)", "var(--ds-border-success, #22A06B)", "var(--ds-icon-success, #22A06B)"]];
18
- var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, #DCDFE4)", "var(--ds-border-bold, #758195)", "var(--ds-icon, #44546F)"], ['blue', "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-border-information, #1D7AFC)", "var(--ds-icon, #44546F)"], ['green', "var(--ds-background-success-pressed, #7EE2B8)", "var(--ds-border-success, #22A06B)", "var(--ds-icon, #44546F)"], ['yellow', "var(--ds-background-warning-pressed, #F5CD47)", "var(--ds-border-warning, #E56910)", "var(--ds-icon, #44546F)"], ['red', "var(--ds-background-danger-pressed, #FD9891)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon, #44546F)"], ['purple', "var(--ds-background-discovery-pressed, #B8ACF6)", "var(--ds-border-discovery, #8270DB)", "var(--ds-icon, #44546F)"]];
17
+ var paletteLegacy = [['neutral', "var(--ds-background-neutral, #0515240F)", "var(--ds-border-bold, #7D818A)", "var(--ds-icon, #292A2E)"], ['purple', "var(--ds-background-discovery, #F8EEFE)", "var(--ds-border-discovery, #AF59E1)", "var(--ds-icon-discovery, #AF59E1)"], ['blue', "var(--ds-background-information, #E9F2FE)", "var(--ds-border-information, #357DE8)", "var(--ds-icon-information, #357DE8)"], ['red', "var(--ds-background-danger, #FFECEB)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon-danger, #C9372C)"], ['yellow', "var(--ds-background-warning, #FFF5DB)", "var(--ds-border-warning, #E06C00)", "var(--ds-icon-warning, #E06C00)"], ['green', "var(--ds-background-success, #EFFFD6)", "var(--ds-border-success, #6A9A23)", "var(--ds-icon-success, #6A9A23)"]];
18
+ var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, #DDDEE1)", "var(--ds-border-bold, #7D818A)", "var(--ds-icon, #292A2E)"], ['blue', "var(--ds-background-information-pressed, #ADCBFB)", "var(--ds-border-information, #357DE8)", "var(--ds-icon, #292A2E)"], ['green', "var(--ds-background-success-pressed, #BDE97C)", "var(--ds-border-success, #6A9A23)", "var(--ds-icon, #292A2E)"], ['yellow', "var(--ds-background-warning-pressed, #FBD779)", "var(--ds-border-warning, #E06C00)", "var(--ds-icon, #292A2E)"], ['red', "var(--ds-background-danger-pressed, #FFB8B2)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon, #292A2E)"], ['purple', "var(--ds-background-discovery-pressed, #E3BDFA)", "var(--ds-border-discovery, #AF59E1)", "var(--ds-icon, #292A2E)"]];
19
19
  var getPalette = function getPalette() {
20
20
  return (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
21
21
  };
package/dist/cjs/components/internal/color.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._19it7r9e{border:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
2
+ ._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
3
3
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
4
  ._2rko12x7{border-radius:var(--ds-space-075,6px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
5
5
  ._1dqonqa1{border-style:solid}
@@ -16,7 +16,7 @@
16
16
  ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
17
17
  ._4cvr1h6o{align-items:center}
18
18
  ._4t3i1tcg{height:24px}
19
- ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
19
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
20
20
  ._ca0qe4h9{padding-top:var(--ds-border-width,1px)}
21
21
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
22
22
  ._n3tde4h9{padding-bottom:var(--ds-border-width,1px)}
@@ -24,4 +24,4 @@
24
24
  ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
25
25
  ._u5f3e4h9{padding-right:var(--ds-border-width,1px)}
26
26
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
27
- ._bfw77r9e:hover{border:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
27
+ ._bfw7ia51:hover{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
package/dist/cjs/components/internal/color.js CHANGED
@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
26
26
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
27
27
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
28
28
  var styles = {
29
- button: "_2rko12b0 _19it7r9e _1reo15vq _18m915vq _4t3i1tcg _1bsb1tcg _bfhkm7j4 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1ule"
29
+ button: "_2rko12b0 _19itia51 _1reo15vq _18m915vq _4t3i1tcg _1bsb1tcg _bfhki8nm _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1ule"
30
30
  };
31
31
  var buttonWrapperStyles = null;
32
32
  var Color = exports.default = /*#__PURE__*/function (_PureComponent) {
@@ -75,7 +75,7 @@ var Color = exports.default = /*#__PURE__*/function (_PureComponent) {
75
75
  value = _this$props2.value,
76
76
  setRef = _this$props2.setRef;
77
77
  return /*#__PURE__*/React.createElement("li", {
78
- className: (0, _runtime.ax)(["_2rko12x7 _189ee4h9 _1dqonqa1 _1h6d1j28 _19pkze3t _2hwxv77o _otyrze3t _18u0v77o _1e0c1txw _4cvr1h6o _ca0qe4h9 _u5f3e4h9 _n3tde4h9 _19bve4h9 _bfw77r9e"])
78
+ className: (0, _runtime.ax)(["_2rko12x7 _189ee4h9 _1dqonqa1 _1h6d1j28 _19pkze3t _2hwxv77o _otyrze3t _18u0v77o _1e0c1txw _4cvr1h6o _ca0qe4h9 _u5f3e4h9 _n3tde4h9 _19bve4h9 _bfw7ia51"])
79
79
  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _i18n.messages["".concat(value, "Color")], function (labels) {
80
80
  return /*#__PURE__*/React.createElement(_compiled.Pressable, {
81
81
  xcss: styles.button,
package/dist/es2019/components/StatusPicker.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._n6347jlr [data-ds--text-field--container]{border-color:var(--ds-border-bold,#758195)}._18u0u2gc{margin-left:var(--ds-space-100,8px)}
2
+ ._n6341ihb [data-ds--text-field--container]{border-color:var(--ds-border-bold,#7d818a)}._18u0u2gc{margin-left:var(--ds-space-100,8px)}
3
3
  ._19pkidpf{margin-top:0}
4
4
  ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
5
5
  ._otyridpf{margin-bottom:0}
package/dist/es2019/components/StatusPicker.js CHANGED
@@ -52,7 +52,7 @@ class Picker extends PureComponent {
52
52
  // (https://github.com/airbnb/enzyme/issues/1149)
53
53
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
54
54
  key: this.fieldTextWrapperKey,
55
- className: ax(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc _n6347jlr"])
55
+ className: ax(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc _n6341ihb"])
56
56
  }, /*#__PURE__*/React.createElement(TextField, {
57
57
  value: text,
58
58
  isCompact: true,
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 = "3.0.23";
3
+ const packageVersion = "3.0.24";
4
4
  export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
5
5
  const statusPayload = {
6
6
  ...payload,
package/dist/es2019/components/internal/color-palette.js CHANGED
@@ -4,8 +4,8 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useEffect, useRef, useCallback, useState } from 'react';
5
5
  import Color from './color';
6
6
  import { fg } from '@atlaskit/platform-feature-flags';
7
- const paletteLegacy = [['neutral', "var(--ds-background-neutral, #091E420F)", "var(--ds-border-bold, #758195)", "var(--ds-icon, #44546F)"], ['purple', "var(--ds-background-discovery, #F3F0FF)", "var(--ds-border-discovery, #8270DB)", "var(--ds-icon-discovery, #8270DB)"], ['blue', "var(--ds-background-information, #E9F2FF)", "var(--ds-border-information, #1D7AFC)", "var(--ds-icon-information, #1D7AFC)"], ['red', "var(--ds-background-danger, #FFECEB)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon-danger, #C9372C)"], ['yellow', "var(--ds-background-warning, #FFF7D6)", "var(--ds-border-warning, #E56910)", "var(--ds-icon-warning, #E56910)"], ['green', "var(--ds-background-success, #DCFFF1)", "var(--ds-border-success, #22A06B)", "var(--ds-icon-success, #22A06B)"]];
8
- const paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, #DCDFE4)", "var(--ds-border-bold, #758195)", "var(--ds-icon, #44546F)"], ['blue', "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-border-information, #1D7AFC)", "var(--ds-icon, #44546F)"], ['green', "var(--ds-background-success-pressed, #7EE2B8)", "var(--ds-border-success, #22A06B)", "var(--ds-icon, #44546F)"], ['yellow', "var(--ds-background-warning-pressed, #F5CD47)", "var(--ds-border-warning, #E56910)", "var(--ds-icon, #44546F)"], ['red', "var(--ds-background-danger-pressed, #FD9891)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon, #44546F)"], ['purple', "var(--ds-background-discovery-pressed, #B8ACF6)", "var(--ds-border-discovery, #8270DB)", "var(--ds-icon, #44546F)"]];
7
+ const paletteLegacy = [['neutral', "var(--ds-background-neutral, #0515240F)", "var(--ds-border-bold, #7D818A)", "var(--ds-icon, #292A2E)"], ['purple', "var(--ds-background-discovery, #F8EEFE)", "var(--ds-border-discovery, #AF59E1)", "var(--ds-icon-discovery, #AF59E1)"], ['blue', "var(--ds-background-information, #E9F2FE)", "var(--ds-border-information, #357DE8)", "var(--ds-icon-information, #357DE8)"], ['red', "var(--ds-background-danger, #FFECEB)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon-danger, #C9372C)"], ['yellow', "var(--ds-background-warning, #FFF5DB)", "var(--ds-border-warning, #E06C00)", "var(--ds-icon-warning, #E06C00)"], ['green', "var(--ds-background-success, #EFFFD6)", "var(--ds-border-success, #6A9A23)", "var(--ds-icon-success, #6A9A23)"]];
8
+ const paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, #DDDEE1)", "var(--ds-border-bold, #7D818A)", "var(--ds-icon, #292A2E)"], ['blue', "var(--ds-background-information-pressed, #ADCBFB)", "var(--ds-border-information, #357DE8)", "var(--ds-icon, #292A2E)"], ['green', "var(--ds-background-success-pressed, #BDE97C)", "var(--ds-border-success, #6A9A23)", "var(--ds-icon, #292A2E)"], ['yellow', "var(--ds-background-warning-pressed, #FBD779)", "var(--ds-border-warning, #E06C00)", "var(--ds-icon, #292A2E)"], ['red', "var(--ds-background-danger-pressed, #FFB8B2)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon, #292A2E)"], ['purple', "var(--ds-background-discovery-pressed, #E3BDFA)", "var(--ds-border-discovery, #AF59E1)", "var(--ds-icon, #292A2E)"]];
9
9
  const getPalette = () => fg('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
10
10
 
11
11
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
package/dist/es2019/components/internal/color.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._19it7r9e{border:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
2
+ ._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
3
3
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
4
  ._2rko12x7{border-radius:var(--ds-space-075,6px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
5
5
  ._1dqonqa1{border-style:solid}
@@ -16,7 +16,7 @@
16
16
  ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
17
17
  ._4cvr1h6o{align-items:center}
18
18
  ._4t3i1tcg{height:24px}
19
- ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
19
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
20
20
  ._ca0qe4h9{padding-top:var(--ds-border-width,1px)}
21
21
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
22
22
  ._n3tde4h9{padding-bottom:var(--ds-border-width,1px)}
@@ -24,4 +24,4 @@
24
24
  ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
25
25
  ._u5f3e4h9{padding-right:var(--ds-border-width,1px)}
26
26
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
27
- ._bfw77r9e:hover{border:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
27
+ ._bfw7ia51:hover{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
package/dist/es2019/components/internal/color.js CHANGED
@@ -10,7 +10,7 @@ import { FormattedMessage } from 'react-intl-next';
10
10
  import { ANALYTICS_HOVER_DELAY } from '../constants';
11
11
  import { messages } from '../i18n';
12
12
  const styles = {
13
- button: "_2rko12b0 _19it7r9e _1reo15vq _18m915vq _4t3i1tcg _1bsb1tcg _bfhkm7j4 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1ule"
13
+ button: "_2rko12b0 _19itia51 _1reo15vq _18m915vq _4t3i1tcg _1bsb1tcg _bfhki8nm _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1ule"
14
14
  };
15
15
  const buttonWrapperStyles = null;
16
16
  export default class Color extends PureComponent {
@@ -53,7 +53,7 @@ export default class Color extends PureComponent {
53
53
  setRef
54
54
  } = this.props;
55
55
  return /*#__PURE__*/React.createElement("li", {
56
- className: ax(["_2rko12x7 _189ee4h9 _1dqonqa1 _1h6d1j28 _19pkze3t _2hwxv77o _otyrze3t _18u0v77o _1e0c1txw _4cvr1h6o _ca0qe4h9 _u5f3e4h9 _n3tde4h9 _19bve4h9 _bfw77r9e"])
56
+ className: ax(["_2rko12x7 _189ee4h9 _1dqonqa1 _1h6d1j28 _19pkze3t _2hwxv77o _otyrze3t _18u0v77o _1e0c1txw _4cvr1h6o _ca0qe4h9 _u5f3e4h9 _n3tde4h9 _19bve4h9 _bfw7ia51"])
57
57
  }, /*#__PURE__*/React.createElement(FormattedMessage, messages[`${value}Color`], labels => /*#__PURE__*/React.createElement(Pressable, {
58
58
  xcss: styles.button,
59
59
  onClick: this.onClick,
package/dist/esm/components/StatusPicker.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._n6347jlr [data-ds--text-field--container]{border-color:var(--ds-border-bold,#758195)}._18u0u2gc{margin-left:var(--ds-space-100,8px)}
2
+ ._n6341ihb [data-ds--text-field--container]{border-color:var(--ds-border-bold,#7d818a)}._18u0u2gc{margin-left:var(--ds-space-100,8px)}
3
3
  ._19pkidpf{margin-top:0}
4
4
  ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
5
5
  ._otyridpf{margin-bottom:0}
package/dist/esm/components/StatusPicker.js CHANGED
@@ -67,7 +67,7 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
67
67
  // (https://github.com/airbnb/enzyme/issues/1149)
68
68
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
69
69
  key: this.fieldTextWrapperKey,
70
- className: ax(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc _n6347jlr"])
70
+ className: ax(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc _n6341ihb"])
71
71
  }, /*#__PURE__*/React.createElement(TextField, {
72
72
  value: text,
73
73
  isCompact: true,
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 = "3.0.23";
6
+ var packageVersion = "3.0.24";
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
@@ -5,8 +5,8 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import React, { useEffect, useRef, useCallback, useState } from 'react';
6
6
  import Color from './color';
7
7
  import { fg } from '@atlaskit/platform-feature-flags';
8
- var paletteLegacy = [['neutral', "var(--ds-background-neutral, #091E420F)", "var(--ds-border-bold, #758195)", "var(--ds-icon, #44546F)"], ['purple', "var(--ds-background-discovery, #F3F0FF)", "var(--ds-border-discovery, #8270DB)", "var(--ds-icon-discovery, #8270DB)"], ['blue', "var(--ds-background-information, #E9F2FF)", "var(--ds-border-information, #1D7AFC)", "var(--ds-icon-information, #1D7AFC)"], ['red', "var(--ds-background-danger, #FFECEB)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon-danger, #C9372C)"], ['yellow', "var(--ds-background-warning, #FFF7D6)", "var(--ds-border-warning, #E56910)", "var(--ds-icon-warning, #E56910)"], ['green', "var(--ds-background-success, #DCFFF1)", "var(--ds-border-success, #22A06B)", "var(--ds-icon-success, #22A06B)"]];
9
- var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, #DCDFE4)", "var(--ds-border-bold, #758195)", "var(--ds-icon, #44546F)"], ['blue', "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-border-information, #1D7AFC)", "var(--ds-icon, #44546F)"], ['green', "var(--ds-background-success-pressed, #7EE2B8)", "var(--ds-border-success, #22A06B)", "var(--ds-icon, #44546F)"], ['yellow', "var(--ds-background-warning-pressed, #F5CD47)", "var(--ds-border-warning, #E56910)", "var(--ds-icon, #44546F)"], ['red', "var(--ds-background-danger-pressed, #FD9891)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon, #44546F)"], ['purple', "var(--ds-background-discovery-pressed, #B8ACF6)", "var(--ds-border-discovery, #8270DB)", "var(--ds-icon, #44546F)"]];
8
+ var paletteLegacy = [['neutral', "var(--ds-background-neutral, #0515240F)", "var(--ds-border-bold, #7D818A)", "var(--ds-icon, #292A2E)"], ['purple', "var(--ds-background-discovery, #F8EEFE)", "var(--ds-border-discovery, #AF59E1)", "var(--ds-icon-discovery, #AF59E1)"], ['blue', "var(--ds-background-information, #E9F2FE)", "var(--ds-border-information, #357DE8)", "var(--ds-icon-information, #357DE8)"], ['red', "var(--ds-background-danger, #FFECEB)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon-danger, #C9372C)"], ['yellow', "var(--ds-background-warning, #FFF5DB)", "var(--ds-border-warning, #E06C00)", "var(--ds-icon-warning, #E06C00)"], ['green', "var(--ds-background-success, #EFFFD6)", "var(--ds-border-success, #6A9A23)", "var(--ds-icon-success, #6A9A23)"]];
9
+ var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, #DDDEE1)", "var(--ds-border-bold, #7D818A)", "var(--ds-icon, #292A2E)"], ['blue', "var(--ds-background-information-pressed, #ADCBFB)", "var(--ds-border-information, #357DE8)", "var(--ds-icon, #292A2E)"], ['green', "var(--ds-background-success-pressed, #BDE97C)", "var(--ds-border-success, #6A9A23)", "var(--ds-icon, #292A2E)"], ['yellow', "var(--ds-background-warning-pressed, #FBD779)", "var(--ds-border-warning, #E06C00)", "var(--ds-icon, #292A2E)"], ['red', "var(--ds-background-danger-pressed, #FFB8B2)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon, #292A2E)"], ['purple', "var(--ds-background-discovery-pressed, #E3BDFA)", "var(--ds-border-discovery, #AF59E1)", "var(--ds-icon, #292A2E)"]];
10
10
  var getPalette = function getPalette() {
11
11
  return fg('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
12
12
  };
package/dist/esm/components/internal/color.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._19it7r9e{border:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
2
+ ._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
3
3
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
4
  ._2rko12x7{border-radius:var(--ds-space-075,6px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
5
5
  ._1dqonqa1{border-style:solid}
@@ -16,7 +16,7 @@
16
16
  ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
17
17
  ._4cvr1h6o{align-items:center}
18
18
  ._4t3i1tcg{height:24px}
19
- ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
19
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
20
20
  ._ca0qe4h9{padding-top:var(--ds-border-width,1px)}
21
21
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
22
22
  ._n3tde4h9{padding-bottom:var(--ds-border-width,1px)}
@@ -24,4 +24,4 @@
24
24
  ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
25
25
  ._u5f3e4h9{padding-right:var(--ds-border-width,1px)}
26
26
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
27
- ._bfw77r9e:hover{border:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
27
+ ._bfw7ia51:hover{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
package/dist/esm/components/internal/color.js CHANGED
@@ -17,7 +17,7 @@ import { FormattedMessage } from 'react-intl-next';
17
17
  import { ANALYTICS_HOVER_DELAY } from '../constants';
18
18
  import { messages } from '../i18n';
19
19
  var styles = {
20
- button: "_2rko12b0 _19it7r9e _1reo15vq _18m915vq _4t3i1tcg _1bsb1tcg _bfhkm7j4 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1ule"
20
+ button: "_2rko12b0 _19itia51 _1reo15vq _18m915vq _4t3i1tcg _1bsb1tcg _bfhki8nm _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1ule"
21
21
  };
22
22
  var buttonWrapperStyles = null;
23
23
  var Color = /*#__PURE__*/function (_PureComponent) {
@@ -66,7 +66,7 @@ var Color = /*#__PURE__*/function (_PureComponent) {
66
66
  value = _this$props2.value,
67
67
  setRef = _this$props2.setRef;
68
68
  return /*#__PURE__*/React.createElement("li", {
69
- className: ax(["_2rko12x7 _189ee4h9 _1dqonqa1 _1h6d1j28 _19pkze3t _2hwxv77o _otyrze3t _18u0v77o _1e0c1txw _4cvr1h6o _ca0qe4h9 _u5f3e4h9 _n3tde4h9 _19bve4h9 _bfw77r9e"])
69
+ className: ax(["_2rko12x7 _189ee4h9 _1dqonqa1 _1h6d1j28 _19pkze3t _2hwxv77o _otyrze3t _18u0v77o _1e0c1txw _4cvr1h6o _ca0qe4h9 _u5f3e4h9 _n3tde4h9 _19bve4h9 _bfw7ia51"])
70
70
  }, /*#__PURE__*/React.createElement(FormattedMessage, messages["".concat(value, "Color")], function (labels) {
71
71
  return /*#__PURE__*/React.createElement(Pressable, {
72
72
  xcss: styles.button,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "3.0.24",
3
+ "version": "3.0.25",
4
4
  "description": "Fabric Status React Components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
28
28
  "dependencies": {
29
29
  "@atlaskit/afm-i18n-platform-elements-status": "2.7.0",
30
30
  "@atlaskit/analytics-next": "^11.1.0",
31
- "@atlaskit/icon": "^28.5.0",
31
+ "@atlaskit/icon": "^29.0.0",
32
32
  "@atlaskit/lozenge": "^13.1.0",
33
33
  "@atlaskit/platform-feature-flags": "^1.1.0",
34
34
  "@atlaskit/platform-feature-flags-react": "^0.4.0",