@atlaskit/section-message 8.9.4 → 8.10.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.
- package/CHANGELOG.md +11 -0
- package/dist/cjs/section-message.compiled.css +1 -0
- package/dist/cjs/section-message.js +3 -1
- package/dist/es2019/section-message.compiled.css +1 -0
- package/dist/es2019/section-message.js +3 -1
- package/dist/esm/section-message.compiled.css +1 -0
- package/dist/esm/section-message.js +3 -1
- package/package.json +12 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @atlaskit/section-message
|
|
2
2
|
|
|
3
|
+
## 8.10.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`b867e641d818d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b867e641d818d) -
|
|
8
|
+
Updated border radius values behind a feature gate `platform-dst-shape-theme-default`.
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
3
14
|
## 8.9.4
|
|
4
15
|
|
|
5
16
|
### Patch Changes
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
3
|
+
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
4
|
._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
|
|
4
5
|
._1mou1i6y{margin-block:var(--ds-space-negative-025,-2px)}
|
|
5
6
|
._1rjcpxbi{padding-block:var(--ds-space-200,1pc)}
|
|
@@ -15,11 +15,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
15
15
|
var _new = require("@atlaskit/button/new");
|
|
16
16
|
var _heading = _interopRequireDefault(require("@atlaskit/heading"));
|
|
17
17
|
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross"));
|
|
18
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
18
19
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
19
20
|
var _appearanceIcon = require("./internal/appearance-icon");
|
|
20
21
|
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); }
|
|
21
22
|
var sectionMessageStyles = {
|
|
22
23
|
container: "_2rko12b0 _1rjcpxbi _18zrpxbi _1nmz1hna",
|
|
24
|
+
containerT26Shape: "_2rko1mok",
|
|
23
25
|
iconContainer: "_1mou1i6y _1e0c1txw",
|
|
24
26
|
contentContainer: "_16jlkb7n",
|
|
25
27
|
content: "_11c82smr _syazi7uo",
|
|
@@ -70,7 +72,7 @@ var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage
|
|
|
70
72
|
return isDismissible && dismissed ? null : /*#__PURE__*/React.createElement("section", {
|
|
71
73
|
"data-testid": testId,
|
|
72
74
|
ref: ref,
|
|
73
|
-
className: (0, _runtime.ax)([sectionMessageStyles.container, appearanceStyles[appearance]])
|
|
75
|
+
className: (0, _runtime.ax)([sectionMessageStyles.container, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && sectionMessageStyles.containerT26Shape, appearanceStyles[appearance]])
|
|
74
76
|
}, /*#__PURE__*/React.createElement(_compiled.Inline, {
|
|
75
77
|
space: "space.200",
|
|
76
78
|
alignBlock: "stretch"
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
3
|
+
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
4
|
._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
|
|
4
5
|
._1mou1i6y{margin-block:var(--ds-space-negative-025,-2px)}
|
|
5
6
|
._1rjcpxbi{padding-block:var(--ds-space-200,1pc)}
|
|
@@ -6,10 +6,12 @@ import { Children, forwardRef, Fragment, useCallback, useState } from 'react';
|
|
|
6
6
|
import { IconButton } from '@atlaskit/button/new';
|
|
7
7
|
import Heading from '@atlaskit/heading';
|
|
8
8
|
import CrossIcon from '@atlaskit/icon/core/migration/cross';
|
|
9
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
10
|
import { Inline, Stack } from '@atlaskit/primitives/compiled';
|
|
10
11
|
import { getAppearanceIconStyles } from './internal/appearance-icon';
|
|
11
12
|
const sectionMessageStyles = {
|
|
12
13
|
container: "_2rko12b0 _1rjcpxbi _18zrpxbi _1nmz1hna",
|
|
14
|
+
containerT26Shape: "_2rko1mok",
|
|
13
15
|
iconContainer: "_1mou1i6y _1e0c1txw",
|
|
14
16
|
contentContainer: "_16jlkb7n",
|
|
15
17
|
content: "_11c82smr _syazi7uo",
|
|
@@ -58,7 +60,7 @@ const SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage({
|
|
|
58
60
|
return isDismissible && dismissed ? null : /*#__PURE__*/React.createElement("section", {
|
|
59
61
|
"data-testid": testId,
|
|
60
62
|
ref: ref,
|
|
61
|
-
className: ax([sectionMessageStyles.container, appearanceStyles[appearance]])
|
|
63
|
+
className: ax([sectionMessageStyles.container, fg('platform-dst-shape-theme-default') && sectionMessageStyles.containerT26Shape, appearanceStyles[appearance]])
|
|
62
64
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
63
65
|
space: "space.200",
|
|
64
66
|
alignBlock: "stretch"
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
3
|
+
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
4
|
._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
|
|
4
5
|
._1mou1i6y{margin-block:var(--ds-space-negative-025,-2px)}
|
|
5
6
|
._1rjcpxbi{padding-block:var(--ds-space-200,1pc)}
|
|
@@ -7,10 +7,12 @@ import { Children, forwardRef, Fragment, useCallback, useState } from 'react';
|
|
|
7
7
|
import { IconButton } from '@atlaskit/button/new';
|
|
8
8
|
import Heading from '@atlaskit/heading';
|
|
9
9
|
import CrossIcon from '@atlaskit/icon/core/migration/cross';
|
|
10
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
11
|
import { Inline, Stack } from '@atlaskit/primitives/compiled';
|
|
11
12
|
import { getAppearanceIconStyles } from './internal/appearance-icon';
|
|
12
13
|
var sectionMessageStyles = {
|
|
13
14
|
container: "_2rko12b0 _1rjcpxbi _18zrpxbi _1nmz1hna",
|
|
15
|
+
containerT26Shape: "_2rko1mok",
|
|
14
16
|
iconContainer: "_1mou1i6y _1e0c1txw",
|
|
15
17
|
contentContainer: "_16jlkb7n",
|
|
16
18
|
content: "_11c82smr _syazi7uo",
|
|
@@ -61,7 +63,7 @@ var SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage(_ref, ref)
|
|
|
61
63
|
return isDismissible && dismissed ? null : /*#__PURE__*/React.createElement("section", {
|
|
62
64
|
"data-testid": testId,
|
|
63
65
|
ref: ref,
|
|
64
|
-
className: ax([sectionMessageStyles.container, appearanceStyles[appearance]])
|
|
66
|
+
className: ax([sectionMessageStyles.container, fg('platform-dst-shape-theme-default') && sectionMessageStyles.containerT26Shape, appearanceStyles[appearance]])
|
|
65
67
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
66
68
|
space: "space.200",
|
|
67
69
|
alignBlock: "stretch"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/section-message",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.10.0",
|
|
4
4
|
"description": "A section message is used to alert users to a particular section of the screen.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -32,15 +32,15 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@atlaskit/button": "^23.
|
|
36
|
-
"@atlaskit/codemod-utils": "^4.2.0",
|
|
35
|
+
"@atlaskit/button": "^23.7.0",
|
|
37
36
|
"@atlaskit/css": "^0.17.0",
|
|
38
37
|
"@atlaskit/heading": "^5.2.0",
|
|
39
38
|
"@atlaskit/icon": "^29.0.0",
|
|
40
39
|
"@atlaskit/link": "^3.2.0",
|
|
41
|
-
"@atlaskit/
|
|
40
|
+
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
41
|
+
"@atlaskit/primitives": "^16.4.0",
|
|
42
42
|
"@atlaskit/theme": "^21.0.0",
|
|
43
|
-
"@atlaskit/tokens": "^8.
|
|
43
|
+
"@atlaskit/tokens": "^8.4.0",
|
|
44
44
|
"@babel/runtime": "^7.0.0"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
@@ -51,11 +51,11 @@
|
|
|
51
51
|
"@af/integration-testing": "workspace:^",
|
|
52
52
|
"@af/visual-regression": "workspace:^",
|
|
53
53
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
54
|
-
"@atlaskit/code": "^17.
|
|
54
|
+
"@atlaskit/code": "^17.4.0",
|
|
55
55
|
"@atlaskit/docs": "^11.2.0",
|
|
56
56
|
"@atlaskit/ds-lib": "^5.3.0",
|
|
57
57
|
"@atlaskit/form": "^14.3.0",
|
|
58
|
-
"@atlaskit/range": "^9.
|
|
58
|
+
"@atlaskit/range": "^9.3.0",
|
|
59
59
|
"@atlassian/ssr-tests": "workspace:^",
|
|
60
60
|
"@testing-library/react": "^13.4.0",
|
|
61
61
|
"@testing-library/user-event": "^14.4.3",
|
|
@@ -83,5 +83,10 @@
|
|
|
83
83
|
"deprecation": "no-deprecated-imports"
|
|
84
84
|
}
|
|
85
85
|
},
|
|
86
|
+
"platform-feature-flags": {
|
|
87
|
+
"platform-dst-shape-theme-default": {
|
|
88
|
+
"type": "boolean"
|
|
89
|
+
}
|
|
90
|
+
},
|
|
86
91
|
"homepage": "https://atlassian.design/components/section-message/"
|
|
87
92
|
}
|