@atlaskit/inline-message 11.5.6 → 11.5.7
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/dist/cjs/components/inline-message/index.js +3 -10
- package/dist/cjs/components/message-icon/index.js +1 -2
- package/dist/cjs/constants.js +2 -4
- package/dist/es2019/components/inline-message/index.js +2 -8
- package/dist/esm/components/inline-message/index.js +2 -8
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/inline-message
|
|
2
2
|
|
|
3
|
+
## 11.5.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#40650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40650) [`07aa588c8a4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07aa588c8a4) - Reverts the fix to text descender cut-off, due to incompatibilities with Firefox and Safari.
|
|
8
|
+
|
|
3
9
|
## 11.5.6
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
@@ -32,15 +32,9 @@ var titleStyles = (0, _react2.css)({
|
|
|
32
32
|
var textStyles = (0, _react2.css)({
|
|
33
33
|
padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-050, 4px)"),
|
|
34
34
|
color: "var(".concat(_constants.VAR_SECONDARY_TEXT_COLOR, ")"),
|
|
35
|
+
overflow: 'hidden',
|
|
35
36
|
textOverflow: 'ellipsis',
|
|
36
|
-
whiteSpace: 'nowrap'
|
|
37
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
38
|
-
'@supports not (overflow-x: clip)': {
|
|
39
|
-
overflow: 'hidden'
|
|
40
|
-
},
|
|
41
|
-
'@supports (overflow-x: clip)': {
|
|
42
|
-
overflowX: 'clip'
|
|
43
|
-
}
|
|
37
|
+
whiteSpace: 'nowrap'
|
|
44
38
|
});
|
|
45
39
|
var rootStyles = (0, _react2.css)({
|
|
46
40
|
display: 'inline-block',
|
|
@@ -193,5 +187,4 @@ var InlineMessage = function InlineMessage(_ref) {
|
|
|
193
187
|
"data-testid": testId && "".concat(testId, "--text")
|
|
194
188
|
}, secondaryText)))));
|
|
195
189
|
};
|
|
196
|
-
var _default = InlineMessage;
|
|
197
|
-
exports.default = _default;
|
|
190
|
+
var _default = exports.default = InlineMessage;
|
package/dist/cjs/constants.js
CHANGED
|
@@ -9,7 +9,7 @@ var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-ci
|
|
|
9
9
|
var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
|
|
10
10
|
var _info = _interopRequireDefault(require("@atlaskit/icon/glyph/info"));
|
|
11
11
|
var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
|
|
12
|
-
var typesMapping = {
|
|
12
|
+
var typesMapping = exports.typesMapping = {
|
|
13
13
|
connectivity: {
|
|
14
14
|
icon: _warning.default,
|
|
15
15
|
defaultLabel: 'connectivity inline message'
|
|
@@ -31,6 +31,4 @@ var typesMapping = {
|
|
|
31
31
|
defaultLabel: 'error inline message'
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
|
-
exports.
|
|
35
|
-
var VAR_SECONDARY_TEXT_COLOR = '--secondary-text-color';
|
|
36
|
-
exports.VAR_SECONDARY_TEXT_COLOR = VAR_SECONDARY_TEXT_COLOR;
|
|
34
|
+
var VAR_SECONDARY_TEXT_COLOR = exports.VAR_SECONDARY_TEXT_COLOR = '--secondary-text-color';
|
|
@@ -19,15 +19,9 @@ const titleStyles = css({
|
|
|
19
19
|
const textStyles = css({
|
|
20
20
|
padding: `${"var(--ds-space-0, 0px)"} ${"var(--ds-space-050, 4px)"}`,
|
|
21
21
|
color: `var(${VAR_SECONDARY_TEXT_COLOR})`,
|
|
22
|
+
overflow: 'hidden',
|
|
22
23
|
textOverflow: 'ellipsis',
|
|
23
|
-
whiteSpace: 'nowrap'
|
|
24
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
25
|
-
'@supports not (overflow-x: clip)': {
|
|
26
|
-
overflow: 'hidden'
|
|
27
|
-
},
|
|
28
|
-
'@supports (overflow-x: clip)': {
|
|
29
|
-
overflowX: 'clip'
|
|
30
|
-
}
|
|
24
|
+
whiteSpace: 'nowrap'
|
|
31
25
|
});
|
|
32
26
|
const rootStyles = css({
|
|
33
27
|
display: 'inline-block',
|
|
@@ -21,15 +21,9 @@ var titleStyles = css({
|
|
|
21
21
|
var textStyles = css({
|
|
22
22
|
padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-050, 4px)"),
|
|
23
23
|
color: "var(".concat(VAR_SECONDARY_TEXT_COLOR, ")"),
|
|
24
|
+
overflow: 'hidden',
|
|
24
25
|
textOverflow: 'ellipsis',
|
|
25
|
-
whiteSpace: 'nowrap'
|
|
26
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
27
|
-
'@supports not (overflow-x: clip)': {
|
|
28
|
-
overflow: 'hidden'
|
|
29
|
-
},
|
|
30
|
-
'@supports (overflow-x: clip)': {
|
|
31
|
-
overflowX: 'clip'
|
|
32
|
-
}
|
|
26
|
+
whiteSpace: 'nowrap'
|
|
33
27
|
});
|
|
34
28
|
var rootStyles = css({
|
|
35
29
|
display: 'inline-block',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/inline-message",
|
|
3
|
-
"version": "11.5.
|
|
3
|
+
"version": "11.5.7",
|
|
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/"
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"@atlaskit/icon": "^21.12.0",
|
|
29
29
|
"@atlaskit/inline-dialog": "^13.6.0",
|
|
30
30
|
"@atlaskit/theme": "^12.6.0",
|
|
31
|
-
"@atlaskit/tokens": "^1.
|
|
31
|
+
"@atlaskit/tokens": "^1.26.0",
|
|
32
32
|
"@babel/runtime": "^7.0.0",
|
|
33
33
|
"@emotion/react": "^11.7.1"
|
|
34
34
|
},
|