@atlaskit/status 3.0.0 → 3.0.1
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 +6 -0
- package/afm-cc/tsconfig.json +0 -3
- package/afm-jira/tsconfig.json +0 -3
- package/afm-post-office/tsconfig.json +0 -3
- package/dist/cjs/components/StatusPicker.js +1 -2
- package/dist/cjs/components/analytics.js +1 -1
- package/dist/cjs/components/compiled/StatusPicker.compiled.css +1 -1
- package/dist/cjs/components/compiled/StatusPicker.js +1 -5
- package/dist/cjs/components/compiled/internal/color-palette.js +2 -3
- package/dist/cjs/components/compiled/internal/color.compiled.css +1 -1
- package/dist/cjs/components/compiled/internal/color.js +2 -3
- package/dist/cjs/components/internal/color-palette.js +2 -3
- package/dist/cjs/components/internal/color.js +1 -2
- package/dist/es2019/components/StatusPicker.js +1 -2
- package/dist/es2019/components/analytics.js +1 -1
- package/dist/es2019/components/compiled/StatusPicker.compiled.css +1 -1
- package/dist/es2019/components/compiled/StatusPicker.js +1 -2
- package/dist/es2019/components/compiled/internal/color-palette.js +2 -3
- package/dist/es2019/components/compiled/internal/color.compiled.css +1 -1
- package/dist/es2019/components/compiled/internal/color.js +1 -2
- package/dist/es2019/components/internal/color-palette.js +3 -3
- package/dist/es2019/components/internal/color.js +1 -2
- package/dist/esm/components/StatusPicker.js +1 -2
- package/dist/esm/components/analytics.js +1 -1
- package/dist/esm/components/compiled/StatusPicker.compiled.css +1 -1
- package/dist/esm/components/compiled/StatusPicker.js +1 -5
- package/dist/esm/components/compiled/internal/color-palette.js +2 -3
- package/dist/esm/components/compiled/internal/color.compiled.css +1 -1
- package/dist/esm/components/compiled/internal/color.js +2 -3
- package/dist/esm/components/internal/color-palette.js +3 -3
- package/dist/esm/components/internal/color.js +1 -2
- package/package.json +7 -8
package/CHANGELOG.md
CHANGED
package/afm-cc/tsconfig.json
CHANGED
package/afm-jira/tsconfig.json
CHANGED
|
@@ -18,7 +18,6 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
18
18
|
var _react2 = require("@emotion/react");
|
|
19
19
|
var _colorPalette = _interopRequireDefault(require("./internal/color-palette"));
|
|
20
20
|
var _i18n = require("./i18n");
|
|
21
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
22
21
|
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); }
|
|
23
22
|
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; }
|
|
24
23
|
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)); }
|
|
@@ -30,7 +29,7 @@ var fieldTextWrapperStyles = (0, _react2.css)({
|
|
|
30
29
|
margin: "0 ".concat("var(--ds-space-100, 8px)"),
|
|
31
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
32
31
|
'& [data-ds--text-field--container]': {
|
|
33
|
-
borderColor: "var(--ds-border-bold,
|
|
32
|
+
borderColor: "var(--ds-border-bold, #758195)"
|
|
34
33
|
}
|
|
35
34
|
});
|
|
36
35
|
var Picker = /*#__PURE__*/function (_PureComponent) {
|
|
@@ -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.
|
|
13
|
+
var packageVersion = "3.0.1";
|
|
14
14
|
var createStatusAnalyticsAndFire = exports.createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
|
|
15
15
|
return function (payload) {
|
|
16
16
|
var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._n6347jlr [data-ds--text-field--container]{border-color:var(--ds-border-bold,#758195)}._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}
|
|
@@ -20,7 +20,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
20
20
|
var _reactIntlNext = require("react-intl-next");
|
|
21
21
|
var _colorPalette = _interopRequireDefault(require("./internal/color-palette"));
|
|
22
22
|
var _i18n = require("../i18n");
|
|
23
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
24
23
|
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); }
|
|
25
24
|
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; }
|
|
26
25
|
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)); }
|
|
@@ -78,10 +77,7 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
|
|
|
78
77
|
// (https://github.com/airbnb/enzyme/issues/1149)
|
|
79
78
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
80
79
|
key: this.fieldTextWrapperKey,
|
|
81
|
-
className: (0, _runtime.ax)(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc
|
|
82
|
-
style: {
|
|
83
|
-
"--_wxcsqj": (0, _runtime.ix)("var(--ds-border-bold, ".concat(_colors.N80A, ")"))
|
|
84
|
-
}
|
|
80
|
+
className: (0, _runtime.ax)(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc _n6347jlr"])
|
|
85
81
|
}, /*#__PURE__*/_react.default.createElement(_textfield.default, {
|
|
86
82
|
value: text,
|
|
87
83
|
isCompact: true,
|
|
@@ -10,14 +10,13 @@ exports.default = void 0;
|
|
|
10
10
|
require("./color-palette.compiled.css");
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
14
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
14
|
var _color = _interopRequireDefault(require("./color"));
|
|
16
15
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
16
|
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); }
|
|
18
17
|
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; }
|
|
19
|
-
var paletteLegacy = [['neutral', "var(--ds-background-neutral,
|
|
20
|
-
var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler,
|
|
18
|
+
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)"]];
|
|
19
|
+
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)"]];
|
|
21
20
|
var getPalette = function getPalette() {
|
|
22
21
|
return (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
|
|
23
22
|
};
|
|
@@ -18,7 +18,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
18
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
19
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
20
20
|
var _checkMarkEditorDone = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-mark--editor-done"));
|
|
21
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
22
21
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
23
22
|
var _reactIntlNext = require("react-intl-next");
|
|
24
23
|
var _constants = require("../../constants");
|
|
@@ -80,9 +79,9 @@ var Color = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
80
79
|
value = _this$props2.value,
|
|
81
80
|
setRef = _this$props2.setRef;
|
|
82
81
|
return /*#__PURE__*/React.createElement("li", {
|
|
83
|
-
className: (0, _runtime.ax)(["_ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y _2rko12x7 _189et94y _1dqonqa1 _1h6d1j28 _19pkidpf _2hwxv77o _otyridpf _18u0v77o _1e0c1txw _4cvr1h6o
|
|
82
|
+
className: (0, _runtime.ax)(["_ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y _2rko12x7 _189et94y _1dqonqa1 _1h6d1j28 _19pkidpf _2hwxv77o _otyridpf _18u0v77o _1e0c1txw _4cvr1h6o _bfw7pp12"]),
|
|
84
83
|
style: {
|
|
85
|
-
"--
|
|
84
|
+
"--_18x9sjc": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, #091E4224)"))
|
|
86
85
|
}
|
|
87
86
|
}, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _i18n.messages["".concat(value, "Color")], function (labels) {
|
|
88
87
|
return /*#__PURE__*/React.createElement(_compiled.Pressable, {
|
|
@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
12
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
12
|
var _react2 = require("@emotion/react");
|
|
14
13
|
var _color = _interopRequireDefault(require("./color"));
|
|
@@ -21,8 +20,8 @@ var _templateObject;
|
|
|
21
20
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
22
21
|
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); }
|
|
23
22
|
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; }
|
|
24
|
-
var paletteLegacy = [['neutral', "var(--ds-background-neutral,
|
|
25
|
-
var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler,
|
|
23
|
+
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)"]];
|
|
24
|
+
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)"]];
|
|
26
25
|
var getPalette = function getPalette() {
|
|
27
26
|
return (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
|
|
28
27
|
};
|
|
@@ -14,7 +14,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
15
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
16
16
|
var _checkMarkEditorDone = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-mark--editor-done"));
|
|
17
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
18
17
|
var _primitives = require("@atlaskit/primitives");
|
|
19
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
20
19
|
var _reactIntlNext = require("react-intl-next");
|
|
@@ -47,7 +46,7 @@ var buttonStyles = (0, _primitives.xcss)({
|
|
|
47
46
|
// We have tried with changing border and padding from 1px to token near version 2px,
|
|
48
47
|
// the pop - up is being expanded to two lines.
|
|
49
48
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
50
|
-
var buttonWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder: 1px solid transparent;\n\tmargin: 0 ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 1px;\n\tborder-radius: ", ";\n\t&:hover {\n\t\tborder: 1px solid ", ";\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", "var(--ds-border,
|
|
49
|
+
var buttonWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder: 1px solid transparent;\n\tmargin: 0 ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 1px;\n\tborder-radius: ", ";\n\t&:hover {\n\t\tborder: 1px solid ", ";\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", "var(--ds-border, #091E4224)");
|
|
51
50
|
var Color = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
52
51
|
function Color() {
|
|
53
52
|
var _this;
|
|
@@ -10,12 +10,11 @@ import { injectIntl } from 'react-intl-next';
|
|
|
10
10
|
import { css, jsx } from '@emotion/react';
|
|
11
11
|
import ColorPalette from './internal/color-palette';
|
|
12
12
|
import { messages } from './i18n';
|
|
13
|
-
import { N80A } from '@atlaskit/theme/colors';
|
|
14
13
|
const fieldTextWrapperStyles = css({
|
|
15
14
|
margin: `0 ${"var(--ds-space-100, 8px)"}`,
|
|
16
15
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
17
16
|
'& [data-ds--text-field--container]': {
|
|
18
|
-
borderColor:
|
|
17
|
+
borderColor: "var(--ds-border-bold, #758195)"
|
|
19
18
|
}
|
|
20
19
|
});
|
|
21
20
|
class Picker extends PureComponent {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const ELEMENTS_CHANNEL = 'fabric-elements';
|
|
2
2
|
const packageName = "@atlaskit/status";
|
|
3
|
-
const packageVersion = "3.0.
|
|
3
|
+
const packageVersion = "3.0.1";
|
|
4
4
|
export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
|
|
5
5
|
const statusPayload = {
|
|
6
6
|
...payload,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._n6347jlr [data-ds--text-field--container]{border-color:var(--ds-border-bold,#758195)}._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}
|
|
@@ -7,7 +7,6 @@ import React, { PureComponent } from 'react';
|
|
|
7
7
|
import { injectIntl } from 'react-intl-next';
|
|
8
8
|
import ColorPalette from './internal/color-palette';
|
|
9
9
|
import { messages } from '../i18n';
|
|
10
|
-
import { N80A } from '@atlaskit/theme/colors';
|
|
11
10
|
const fieldTextWrapperStyles = null;
|
|
12
11
|
class Picker extends PureComponent {
|
|
13
12
|
constructor(...args) {
|
|
@@ -53,7 +52,7 @@ class Picker extends PureComponent {
|
|
|
53
52
|
// (https://github.com/airbnb/enzyme/issues/1149)
|
|
54
53
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
55
54
|
key: this.fieldTextWrapperKey,
|
|
56
|
-
className: ax(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc
|
|
55
|
+
className: ax(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc _n6347jlr"])
|
|
57
56
|
}, /*#__PURE__*/React.createElement(TextField, {
|
|
58
57
|
value: text,
|
|
59
58
|
isCompact: true,
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
/* color-palette.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
import "./color-palette.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
-
import * as colors from '@atlaskit/theme/colors';
|
|
5
4
|
import React, { useEffect, useRef, useCallback, useState } from 'react';
|
|
6
5
|
import Color from './color';
|
|
7
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
-
const paletteLegacy = [['neutral',
|
|
9
|
-
const paletteRefreshed = [['neutral',
|
|
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)"]];
|
|
10
9
|
const getPalette = () => fg('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
|
|
11
10
|
const palette = getPalette();
|
|
12
11
|
|
|
@@ -4,7 +4,6 @@ import "./color.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
|
|
7
|
-
import { N50 } from '@atlaskit/theme/colors';
|
|
8
7
|
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
9
8
|
import { PureComponent } from 'react';
|
|
10
9
|
import { FormattedMessage } from 'react-intl-next';
|
|
@@ -57,7 +56,7 @@ export default class Color extends PureComponent {
|
|
|
57
56
|
setRef
|
|
58
57
|
} = this.props;
|
|
59
58
|
return /*#__PURE__*/React.createElement("li", {
|
|
60
|
-
className: ax(["_ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y _2rko12x7 _189et94y _1dqonqa1 _1h6d1j28 _19pkidpf _2hwxv77o _otyridpf _18u0v77o _1e0c1txw _4cvr1h6o
|
|
59
|
+
className: ax(["_ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y _2rko12x7 _189et94y _1dqonqa1 _1h6d1j28 _19pkidpf _2hwxv77o _otyridpf _18u0v77o _1e0c1txw _4cvr1h6o _bfw7zgxb"])
|
|
61
60
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages[`${value}Color`], labels => /*#__PURE__*/React.createElement(Pressable, {
|
|
62
61
|
xcss: styles.button,
|
|
63
62
|
onClick: this.onClick,
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
|
|
5
|
+
|
|
6
6
|
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',
|
|
12
|
-
const paletteRefreshed = [['neutral',
|
|
11
|
+
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)"]];
|
|
12
|
+
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)"]];
|
|
13
13
|
const getPalette = () => fg('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
|
|
14
14
|
const palette = getPalette();
|
|
15
15
|
|
|
@@ -4,7 +4,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
4
4
|
* @jsx jsx
|
|
5
5
|
*/
|
|
6
6
|
import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
|
|
7
|
-
import { N50 } from '@atlaskit/theme/colors';
|
|
8
7
|
import { Pressable, xcss } from '@atlaskit/primitives';
|
|
9
8
|
import React, { PureComponent } from 'react';
|
|
10
9
|
import { FormattedMessage } from 'react-intl-next';
|
|
@@ -37,7 +36,7 @@ const buttonWrapperStyles = css`
|
|
|
37
36
|
padding: 1px;
|
|
38
37
|
border-radius: ${"var(--ds-space-075, 6px)"};
|
|
39
38
|
&:hover {
|
|
40
|
-
border: 1px solid ${
|
|
39
|
+
border: 1px solid ${"var(--ds-border, #091E4224)"};
|
|
41
40
|
}
|
|
42
41
|
`;
|
|
43
42
|
export default class Color extends PureComponent {
|
|
@@ -17,12 +17,11 @@ import { injectIntl } from 'react-intl-next';
|
|
|
17
17
|
import { css, jsx } from '@emotion/react';
|
|
18
18
|
import ColorPalette from './internal/color-palette';
|
|
19
19
|
import { messages } from './i18n';
|
|
20
|
-
import { N80A } from '@atlaskit/theme/colors';
|
|
21
20
|
var fieldTextWrapperStyles = css({
|
|
22
21
|
margin: "0 ".concat("var(--ds-space-100, 8px)"),
|
|
23
22
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
24
23
|
'& [data-ds--text-field--container]': {
|
|
25
|
-
borderColor: "var(--ds-border-bold,
|
|
24
|
+
borderColor: "var(--ds-border-bold, #758195)"
|
|
26
25
|
}
|
|
27
26
|
});
|
|
28
27
|
var Picker = /*#__PURE__*/function (_PureComponent) {
|
|
@@ -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.
|
|
6
|
+
var packageVersion = "3.0.1";
|
|
7
7
|
export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
|
|
8
8
|
return function (payload) {
|
|
9
9
|
var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._n6347jlr [data-ds--text-field--container]{border-color:var(--ds-border-bold,#758195)}._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}
|
|
@@ -14,7 +14,6 @@ import React, { PureComponent } from 'react';
|
|
|
14
14
|
import { injectIntl } from 'react-intl-next';
|
|
15
15
|
import ColorPalette from './internal/color-palette';
|
|
16
16
|
import { messages } from '../i18n';
|
|
17
|
-
import { N80A } from '@atlaskit/theme/colors';
|
|
18
17
|
var fieldTextWrapperStyles = null;
|
|
19
18
|
var Picker = /*#__PURE__*/function (_PureComponent) {
|
|
20
19
|
function Picker() {
|
|
@@ -68,10 +67,7 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
|
|
|
68
67
|
// (https://github.com/airbnb/enzyme/issues/1149)
|
|
69
68
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
70
69
|
key: this.fieldTextWrapperKey,
|
|
71
|
-
className: ax(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc
|
|
72
|
-
style: {
|
|
73
|
-
"--_wxcsqj": ix("var(--ds-border-bold, ".concat(N80A, ")"))
|
|
74
|
-
}
|
|
70
|
+
className: ax(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc _n6347jlr"])
|
|
75
71
|
}, /*#__PURE__*/React.createElement(TextField, {
|
|
76
72
|
value: text,
|
|
77
73
|
isCompact: true,
|
|
@@ -2,12 +2,11 @@
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import "./color-palette.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import * as colors from '@atlaskit/theme/colors';
|
|
6
5
|
import React, { useEffect, useRef, useCallback, useState } from 'react';
|
|
7
6
|
import Color from './color';
|
|
8
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
|
-
var paletteLegacy = [['neutral', "var(--ds-background-neutral,
|
|
10
|
-
var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler,
|
|
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)"]];
|
|
11
10
|
var getPalette = function getPalette() {
|
|
12
11
|
return fg('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
|
|
13
12
|
};
|
|
@@ -11,7 +11,6 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
11
11
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
12
12
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
13
13
|
import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
|
|
14
|
-
import { N50 } from '@atlaskit/theme/colors';
|
|
15
14
|
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
16
15
|
import { PureComponent } from 'react';
|
|
17
16
|
import { FormattedMessage } from 'react-intl-next';
|
|
@@ -70,9 +69,9 @@ var Color = /*#__PURE__*/function (_PureComponent) {
|
|
|
70
69
|
value = _this$props2.value,
|
|
71
70
|
setRef = _this$props2.setRef;
|
|
72
71
|
return /*#__PURE__*/React.createElement("li", {
|
|
73
|
-
className: ax(["_ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y _2rko12x7 _189et94y _1dqonqa1 _1h6d1j28 _19pkidpf _2hwxv77o _otyridpf _18u0v77o _1e0c1txw _4cvr1h6o
|
|
72
|
+
className: ax(["_ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y _2rko12x7 _189et94y _1dqonqa1 _1h6d1j28 _19pkidpf _2hwxv77o _otyridpf _18u0v77o _1e0c1txw _4cvr1h6o _bfw7pp12"]),
|
|
74
73
|
style: {
|
|
75
|
-
"--
|
|
74
|
+
"--_18x9sjc": ix("1px solid ".concat("var(--ds-border, #091E4224)"))
|
|
76
75
|
}
|
|
77
76
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages["".concat(value, "Color")], function (labels) {
|
|
78
77
|
return /*#__PURE__*/React.createElement(Pressable, {
|
|
@@ -5,14 +5,14 @@ var _templateObject;
|
|
|
5
5
|
* @jsxRuntime classic
|
|
6
6
|
* @jsx jsx
|
|
7
7
|
*/
|
|
8
|
-
|
|
8
|
+
|
|
9
9
|
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,
|
|
15
|
-
var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler,
|
|
14
|
+
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)"]];
|
|
15
|
+
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)"]];
|
|
16
16
|
var getPalette = function getPalette() {
|
|
17
17
|
return fg('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
|
|
18
18
|
};
|
|
@@ -13,7 +13,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
13
13
|
* @jsx jsx
|
|
14
14
|
*/
|
|
15
15
|
import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
|
|
16
|
-
import { N50 } from '@atlaskit/theme/colors';
|
|
17
16
|
import { Pressable, xcss } from '@atlaskit/primitives';
|
|
18
17
|
import React, { PureComponent } from 'react';
|
|
19
18
|
import { FormattedMessage } from 'react-intl-next';
|
|
@@ -37,7 +36,7 @@ var buttonStyles = xcss({
|
|
|
37
36
|
// We have tried with changing border and padding from 1px to token near version 2px,
|
|
38
37
|
// the pop - up is being expanded to two lines.
|
|
39
38
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
40
|
-
var buttonWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder: 1px solid transparent;\n\tmargin: 0 ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 1px;\n\tborder-radius: ", ";\n\t&:hover {\n\t\tborder: 1px solid ", ";\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", "var(--ds-border,
|
|
39
|
+
var buttonWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder: 1px solid transparent;\n\tmargin: 0 ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 1px;\n\tborder-radius: ", ";\n\t&:hover {\n\t\tborder: 1px solid ", ";\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", "var(--ds-border, #091E4224)");
|
|
41
40
|
var Color = /*#__PURE__*/function (_PureComponent) {
|
|
42
41
|
function Color() {
|
|
43
42
|
var _this;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/status",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.1",
|
|
4
4
|
"description": "Fabric Status React Components",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -28,14 +28,13 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@atlaskit/analytics-next": "^11.0.0",
|
|
31
|
-
"@atlaskit/icon": "^
|
|
32
|
-
"@atlaskit/lozenge": "^12.
|
|
31
|
+
"@atlaskit/icon": "^25.0.0",
|
|
32
|
+
"@atlaskit/lozenge": "^12.2.0",
|
|
33
33
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
34
34
|
"@atlaskit/platform-feature-flags-react": "^0.1.0",
|
|
35
35
|
"@atlaskit/primitives": "^14.1.0",
|
|
36
36
|
"@atlaskit/textfield": "^8.0.0",
|
|
37
|
-
"@atlaskit/
|
|
38
|
-
"@atlaskit/tokens": "^4.2.0",
|
|
37
|
+
"@atlaskit/tokens": "^4.4.0",
|
|
39
38
|
"@babel/runtime": "^7.0.0",
|
|
40
39
|
"@compiled/react": "^0.18.2",
|
|
41
40
|
"@emotion/react": "^11.7.1"
|
|
@@ -45,10 +44,10 @@
|
|
|
45
44
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
46
45
|
},
|
|
47
46
|
"devDependencies": {
|
|
48
|
-
"@af/visual-regression": "
|
|
47
|
+
"@af/visual-regression": "^1.3.0",
|
|
49
48
|
"@atlaskit/elements-test-helpers": "^0.9.0",
|
|
50
|
-
"@atlaskit/visual-regression": "
|
|
51
|
-
"@atlassian/feature-flags-test-utils": "
|
|
49
|
+
"@atlaskit/visual-regression": "^0.10.0",
|
|
50
|
+
"@atlassian/feature-flags-test-utils": "^0.3.0",
|
|
52
51
|
"@testing-library/jest-dom": "^6.4.5",
|
|
53
52
|
"@testing-library/react": "^13.4.0",
|
|
54
53
|
"enzyme": "^3.10.0",
|