@atlaskit/inline-message 15.6.1 → 15.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/components/message-icon/index.compiled.css +5 -6
- package/dist/cjs/components/message-icon/index.js +6 -7
- package/dist/es2019/components/message-icon/index.compiled.css +5 -6
- package/dist/es2019/components/message-icon/index.js +6 -7
- package/dist/esm/components/message-icon/index.compiled.css +5 -6
- package/dist/esm/components/message-icon/index.js +6 -7
- package/package.json +9 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/inline-message
|
|
2
2
|
|
|
3
|
+
## 15.6.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`18245cbd990e3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/18245cbd990e3) -
|
|
8
|
+
Added motion to opening and closing of Popup
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 15.6.2
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`7aef1e49e90ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7aef1e49e90ea) -
|
|
16
|
+
Removes redundant fallback color values via @atlaskit/theme
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 15.6.1
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
._16jlidpf{flex-grow:0}
|
|
2
|
-
._1b3i1378{--icon-color:var(--ds-icon-danger,#de350b)}
|
|
3
|
-
._1b3i1c86{--icon-color:var(--ds-icon-brand,#0052cc)}
|
|
4
|
-
._1b3i1n6p{--icon-color:var(--ds-icon-warning,#ffab00)}
|
|
5
|
-
._1b3icdx1{--icon-color:var(--ds-icon-success,#36b37e)}
|
|
6
|
-
._1b3ige5s{--icon-color:var(--ds-icon-discovery,#6554c0)}
|
|
7
2
|
._1e0c1txw{display:flex}
|
|
8
3
|
._1o9zidpf{flex-shrink:0}
|
|
9
4
|
._4cvr1h6o{align-items:center}
|
|
10
5
|
._i0dl1wug{flex-basis:auto}
|
|
6
|
+
._syaz1ft0{color:var(--ds-icon-brand,#1868db)}
|
|
11
7
|
._syaz1kum{color:var(--icon-accent-color)}
|
|
12
|
-
.
|
|
8
|
+
._syaz4pcx{color:var(--ds-icon-success,#6a9a23)}
|
|
9
|
+
._syazervl{color:var(--ds-icon-warning,#e06c00)}
|
|
10
|
+
._syazqm1h{color:var(--ds-icon-discovery,#af59e1)}
|
|
11
|
+
._syazs4qr{color:var(--ds-icon-danger,#c9372c)}
|
|
@@ -9,15 +9,14 @@ exports.default = void 0;
|
|
|
9
9
|
require("./index.compiled.css");
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
13
12
|
var _constants = require("../../constants");
|
|
14
13
|
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); }
|
|
15
14
|
var iconColor = {
|
|
16
|
-
connectivity: "
|
|
17
|
-
confirmation: "
|
|
18
|
-
info: "
|
|
19
|
-
warning: "
|
|
20
|
-
error: "
|
|
15
|
+
connectivity: "_syaz1ft0",
|
|
16
|
+
confirmation: "_syaz4pcx",
|
|
17
|
+
info: "_syazqm1h",
|
|
18
|
+
warning: "_syazervl",
|
|
19
|
+
error: "_syazs4qr"
|
|
21
20
|
};
|
|
22
21
|
var iconWrapperStyles = null;
|
|
23
22
|
var iconColorStyles = null;
|
|
@@ -38,7 +37,7 @@ var SelectedIcon = function SelectedIcon(_ref) {
|
|
|
38
37
|
defaultLabel = _typesMapping$appeara.defaultLabel;
|
|
39
38
|
return /*#__PURE__*/React.createElement("span", {
|
|
40
39
|
"data-ds--inline-message--icon": true,
|
|
41
|
-
className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _1e0c1txw _4cvr1h6o
|
|
40
|
+
className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _1e0c1txw _4cvr1h6o", iconColor[appearance], isOpen && "_syaz1kum"])
|
|
42
41
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
43
42
|
testId: "inline-message-icon",
|
|
44
43
|
label: label || defaultLabel,
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
._16jlidpf{flex-grow:0}
|
|
2
|
-
._1b3i1378{--icon-color:var(--ds-icon-danger,#de350b)}
|
|
3
|
-
._1b3i1c86{--icon-color:var(--ds-icon-brand,#0052cc)}
|
|
4
|
-
._1b3i1n6p{--icon-color:var(--ds-icon-warning,#ffab00)}
|
|
5
|
-
._1b3icdx1{--icon-color:var(--ds-icon-success,#36b37e)}
|
|
6
|
-
._1b3ige5s{--icon-color:var(--ds-icon-discovery,#6554c0)}
|
|
7
2
|
._1e0c1txw{display:flex}
|
|
8
3
|
._1o9zidpf{flex-shrink:0}
|
|
9
4
|
._4cvr1h6o{align-items:center}
|
|
10
5
|
._i0dl1wug{flex-basis:auto}
|
|
6
|
+
._syaz1ft0{color:var(--ds-icon-brand,#1868db)}
|
|
11
7
|
._syaz1kum{color:var(--icon-accent-color)}
|
|
12
|
-
.
|
|
8
|
+
._syaz4pcx{color:var(--ds-icon-success,#6a9a23)}
|
|
9
|
+
._syazervl{color:var(--ds-icon-warning,#e06c00)}
|
|
10
|
+
._syazqm1h{color:var(--ds-icon-discovery,#af59e1)}
|
|
11
|
+
._syazs4qr{color:var(--ds-icon-danger,#c9372c)}
|
|
@@ -2,14 +2,13 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { B400, G300, P300, R400, Y300 } from '@atlaskit/theme/colors';
|
|
6
5
|
import { typesMapping } from '../../constants';
|
|
7
6
|
const iconColor = {
|
|
8
|
-
connectivity: "
|
|
9
|
-
confirmation: "
|
|
10
|
-
info: "
|
|
11
|
-
warning: "
|
|
12
|
-
error: "
|
|
7
|
+
connectivity: "_syaz1ft0",
|
|
8
|
+
confirmation: "_syaz4pcx",
|
|
9
|
+
info: "_syazqm1h",
|
|
10
|
+
warning: "_syazervl",
|
|
11
|
+
error: "_syazs4qr"
|
|
13
12
|
};
|
|
14
13
|
const iconWrapperStyles = null;
|
|
15
14
|
const iconColorStyles = null;
|
|
@@ -34,7 +33,7 @@ const SelectedIcon = ({
|
|
|
34
33
|
} = typesMapping;
|
|
35
34
|
return /*#__PURE__*/React.createElement("span", {
|
|
36
35
|
"data-ds--inline-message--icon": true,
|
|
37
|
-
className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _1e0c1txw _4cvr1h6o
|
|
36
|
+
className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _1e0c1txw _4cvr1h6o", iconColor[appearance], isOpen && "_syaz1kum"])
|
|
38
37
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
39
38
|
testId: "inline-message-icon",
|
|
40
39
|
label: label || defaultLabel,
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
._16jlidpf{flex-grow:0}
|
|
2
|
-
._1b3i1378{--icon-color:var(--ds-icon-danger,#de350b)}
|
|
3
|
-
._1b3i1c86{--icon-color:var(--ds-icon-brand,#0052cc)}
|
|
4
|
-
._1b3i1n6p{--icon-color:var(--ds-icon-warning,#ffab00)}
|
|
5
|
-
._1b3icdx1{--icon-color:var(--ds-icon-success,#36b37e)}
|
|
6
|
-
._1b3ige5s{--icon-color:var(--ds-icon-discovery,#6554c0)}
|
|
7
2
|
._1e0c1txw{display:flex}
|
|
8
3
|
._1o9zidpf{flex-shrink:0}
|
|
9
4
|
._4cvr1h6o{align-items:center}
|
|
10
5
|
._i0dl1wug{flex-basis:auto}
|
|
6
|
+
._syaz1ft0{color:var(--ds-icon-brand,#1868db)}
|
|
11
7
|
._syaz1kum{color:var(--icon-accent-color)}
|
|
12
|
-
.
|
|
8
|
+
._syaz4pcx{color:var(--ds-icon-success,#6a9a23)}
|
|
9
|
+
._syazervl{color:var(--ds-icon-warning,#e06c00)}
|
|
10
|
+
._syazqm1h{color:var(--ds-icon-discovery,#af59e1)}
|
|
11
|
+
._syazs4qr{color:var(--ds-icon-danger,#c9372c)}
|
|
@@ -2,14 +2,13 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { B400, G300, P300, R400, Y300 } from '@atlaskit/theme/colors';
|
|
6
5
|
import { typesMapping } from '../../constants';
|
|
7
6
|
var iconColor = {
|
|
8
|
-
connectivity: "
|
|
9
|
-
confirmation: "
|
|
10
|
-
info: "
|
|
11
|
-
warning: "
|
|
12
|
-
error: "
|
|
7
|
+
connectivity: "_syaz1ft0",
|
|
8
|
+
confirmation: "_syaz4pcx",
|
|
9
|
+
info: "_syazqm1h",
|
|
10
|
+
warning: "_syazervl",
|
|
11
|
+
error: "_syazs4qr"
|
|
13
12
|
};
|
|
14
13
|
var iconWrapperStyles = null;
|
|
15
14
|
var iconColorStyles = null;
|
|
@@ -30,7 +29,7 @@ var SelectedIcon = function SelectedIcon(_ref) {
|
|
|
30
29
|
defaultLabel = _typesMapping$appeara.defaultLabel;
|
|
31
30
|
return /*#__PURE__*/React.createElement("span", {
|
|
32
31
|
"data-ds--inline-message--icon": true,
|
|
33
|
-
className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _1e0c1txw _4cvr1h6o
|
|
32
|
+
className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _1e0c1txw _4cvr1h6o", iconColor[appearance], isOpen && "_syaz1kum"])
|
|
34
33
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
35
34
|
testId: "inline-message-icon",
|
|
36
35
|
label: label || defaultLabel,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/inline-message",
|
|
3
|
-
"version": "15.6.
|
|
3
|
+
"version": "15.6.3",
|
|
4
4
|
"description": "An inline message lets users know when important information is available or when an action is required.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -26,14 +26,14 @@
|
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@atlaskit/button": "^23.10.0",
|
|
28
28
|
"@atlaskit/ds-lib": "^6.0.0",
|
|
29
|
-
"@atlaskit/icon": "^33.
|
|
29
|
+
"@atlaskit/icon": "^33.1.0",
|
|
30
30
|
"@atlaskit/link": "^3.3.0",
|
|
31
31
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
32
32
|
"@atlaskit/popper": "^7.1.0",
|
|
33
|
-
"@atlaskit/popup": "^4.
|
|
34
|
-
"@atlaskit/primitives": "^18.
|
|
33
|
+
"@atlaskit/popup": "^4.15.0",
|
|
34
|
+
"@atlaskit/primitives": "^18.1.0",
|
|
35
35
|
"@atlaskit/theme": "^22.0.0",
|
|
36
|
-
"@atlaskit/tokens": "^11.
|
|
36
|
+
"@atlaskit/tokens": "^11.4.0",
|
|
37
37
|
"@babel/runtime": "^7.0.0",
|
|
38
38
|
"@compiled/react": "^0.20.0"
|
|
39
39
|
},
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"@af/visual-regression": "workspace:^",
|
|
47
47
|
"@atlaskit/docs": "^11.7.0",
|
|
48
48
|
"@atlaskit/heading": "^5.3.0",
|
|
49
|
-
"@atlaskit/modal-dialog": "^14.
|
|
49
|
+
"@atlaskit/modal-dialog": "^14.14.0",
|
|
50
50
|
"@atlaskit/section-message": "^8.12.0",
|
|
51
51
|
"@atlassian/ssr-tests": "workspace:^",
|
|
52
52
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
@@ -91,6 +91,9 @@
|
|
|
91
91
|
"platform-feature-flags": {
|
|
92
92
|
"dst-a11y__replace-anchor-with-link__design-system-": {
|
|
93
93
|
"type": "boolean"
|
|
94
|
+
},
|
|
95
|
+
"platform-dst-motion-uplift": {
|
|
96
|
+
"type": "boolean"
|
|
94
97
|
}
|
|
95
98
|
}
|
|
96
99
|
}
|