@atlaskit/section-message 10.2.0 → 10.2.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.
Files changed (11) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/section-message-action.js +3 -5
  3. package/dist/cjs/section-message.compiled.css +0 -1
  4. package/dist/cjs/section-message.js +3 -5
  5. package/dist/es2019/section-message-action.js +4 -6
  6. package/dist/es2019/section-message.compiled.css +0 -1
  7. package/dist/es2019/section-message.js +4 -6
  8. package/dist/esm/section-message-action.js +3 -5
  9. package/dist/esm/section-message.compiled.css +0 -1
  10. package/dist/esm/section-message.js +3 -5
  11. package/package.json +2 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/section-message
2
2
 
3
+ ## 10.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`261fd53b131ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/261fd53b131ba) -
8
+ Cleaned up new shape theme styles, making new border and radius values the default.
9
+
3
10
  ## 10.2.0
4
11
 
5
12
  ### Minor Changes
package/dist/cjs/section-message-action.js CHANGED
@@ -14,14 +14,12 @@ var _runtime = require("@compiled/react/runtime");
14
14
  var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
15
15
  var _css = require("@atlaskit/css");
16
16
  var _link = _interopRequireDefault(require("@atlaskit/link/link"));
17
- var _fg = require("@atlaskit/platform-feature-flags/fg");
18
17
  var _compiled = require("@atlaskit/primitives/compiled");
19
18
  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); }
20
19
  var styles = {
21
20
  common: "_11c8fhey",
22
21
  anchor: "_k48pi7a9",
23
- pressable: "_syaz13af _k48p1wq8 _bfhk1j28 _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l313af _9h8h12zz",
24
- pressableT26Shape: "_2rkolb4i"
22
+ pressable: "_2rkolb4i _syaz13af _k48p1wq8 _bfhk1j28 _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l313af _9h8h12zz"
25
23
  };
26
24
 
27
25
  /**
@@ -33,7 +31,7 @@ var styles = {
33
31
  *
34
32
  * - [Examples](https://atlassian.design/components/section-message/examples#actions)
35
33
  */
36
- var SectionMessageAction = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function SectionMessageAction(_ref, ref) {
34
+ var SectionMessageAction = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
37
35
  var children = _ref.children,
38
36
  onClick = _ref.onClick,
39
37
  href = _ref.href,
@@ -56,7 +54,7 @@ var SectionMessageAction = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _reac
56
54
  return /*#__PURE__*/React.createElement(_compiled.Pressable, {
57
55
  testId: testId,
58
56
  onClick: onClick,
59
- xcss: (0, _css.cx)(styles.common, styles.pressable, (0, _fg.fg)('platform-dst-shape-theme-default') && styles.pressableT26Shape),
57
+ xcss: (0, _css.cx)(styles.common, styles.pressable),
60
58
  ref: ref
61
59
  }, children);
62
60
  }
package/dist/cjs/section-message.compiled.css CHANGED
@@ -1,5 +1,4 @@
1
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
4
3
  ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
5
4
  ._1mou1i6y{margin-block:var(--ds-space-negative-025,-2px)}
package/dist/cjs/section-message.js CHANGED
@@ -15,13 +15,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
15
15
  var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
16
16
  var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
17
17
  var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
18
- var _fg = require("@atlaskit/platform-feature-flags/fg");
19
18
  var _compiled = require("@atlaskit/primitives/compiled");
20
19
  var _appearanceIcon = require("./internal/appearance-icon");
21
20
  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); }
22
21
  var sectionMessageStyles = {
23
- container: "_2rko12b0 _1rjcpxbi _18zrpxbi _1nmz1hna",
24
- containerT26Shape: "_2rko1mok",
22
+ container: "_2rko1mok _1rjcpxbi _18zrpxbi _1nmz1hna",
25
23
  iconContainer: "_1mou1i6y _1e0c1txw",
26
24
  contentContainer: "_16jlkb7n",
27
25
  content: "_11c8fhey _syazi7uo",
@@ -45,7 +43,7 @@ var appearanceStyles = {
45
43
  * - [Code](https://atlassian.design/components/section-message/code)
46
44
  * - [Usage](https://atlassian.design/components/section-message/usage)
47
45
  */
48
- var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage(_ref, ref) {
46
+ var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
49
47
  var children = _ref.children,
50
48
  _ref$appearance = _ref.appearance,
51
49
  appearance = _ref$appearance === void 0 ? 'information' : _ref$appearance,
@@ -74,7 +72,7 @@ var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage
74
72
  return isDismissible && dismissed ? null : /*#__PURE__*/React.createElement("section", {
75
73
  "data-testid": testId,
76
74
  ref: ref,
77
- className: (0, _runtime.ax)([sectionMessageStyles.container, (0, _fg.fg)('platform-dst-shape-theme-default') && sectionMessageStyles.containerT26Shape, appearanceStyles[appearance]])
75
+ className: (0, _runtime.ax)([sectionMessageStyles.container, appearanceStyles[appearance]])
78
76
  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
79
77
  space: "space.200",
80
78
  alignBlock: "stretch"
package/dist/es2019/section-message-action.js CHANGED
@@ -6,13 +6,11 @@ import { forwardRef, Fragment, memo } from 'react';
6
6
  import Button from '@atlaskit/button/standard-button';
7
7
  import { cx } from '@atlaskit/css';
8
8
  import Link from '@atlaskit/link/link';
9
- import { fg } from '@atlaskit/platform-feature-flags/fg';
10
9
  import { Box, Pressable } from '@atlaskit/primitives/compiled';
11
10
  const styles = {
12
11
  common: "_11c8fhey",
13
12
  anchor: "_k48pi7a9",
14
- pressable: "_syaz13af _k48p1wq8 _bfhk1j28 _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l313af _9h8h12zz",
15
- pressableT26Shape: "_2rkolb4i"
13
+ pressable: "_2rkolb4i _syaz13af _k48p1wq8 _bfhk1j28 _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l313af _9h8h12zz"
16
14
  };
17
15
 
18
16
  /**
@@ -24,14 +22,14 @@ const styles = {
24
22
  *
25
23
  * - [Examples](https://atlassian.design/components/section-message/examples#actions)
26
24
  */
27
- const SectionMessageAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function SectionMessageAction({
25
+ const SectionMessageAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
28
26
  children,
29
27
  onClick,
30
28
  href,
31
29
  testId,
32
30
  linkComponent,
33
31
  target
34
- }, ref) {
32
+ }, ref) => {
35
33
  if (!linkComponent) {
36
34
  if (href) {
37
35
  return /*#__PURE__*/React.createElement("span", {
@@ -48,7 +46,7 @@ const SectionMessageAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function
48
46
  return /*#__PURE__*/React.createElement(Pressable, {
49
47
  testId: testId,
50
48
  onClick: onClick,
51
- xcss: cx(styles.common, styles.pressable, fg('platform-dst-shape-theme-default') && styles.pressableT26Shape),
49
+ xcss: cx(styles.common, styles.pressable),
52
50
  ref: ref
53
51
  }, children);
54
52
  }
package/dist/es2019/section-message.compiled.css CHANGED
@@ -1,5 +1,4 @@
1
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
4
3
  ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
5
4
  ._1mou1i6y{margin-block:var(--ds-space-negative-025,-2px)}
package/dist/es2019/section-message.js CHANGED
@@ -6,12 +6,10 @@ import { Children, forwardRef, Fragment, useCallback, useState } from 'react';
6
6
  import IconButton from '@atlaskit/button/icon/button';
7
7
  import Heading from '@atlaskit/heading/heading';
8
8
  import CrossIcon from '@atlaskit/icon/core/cross';
9
- import { fg } from '@atlaskit/platform-feature-flags/fg';
10
9
  import { Inline, Stack } from '@atlaskit/primitives/compiled';
11
10
  import { getAppearanceIconStyles } from './internal/appearance-icon';
12
11
  const sectionMessageStyles = {
13
- container: "_2rko12b0 _1rjcpxbi _18zrpxbi _1nmz1hna",
14
- containerT26Shape: "_2rko1mok",
12
+ container: "_2rko1mok _1rjcpxbi _18zrpxbi _1nmz1hna",
15
13
  iconContainer: "_1mou1i6y _1e0c1txw",
16
14
  contentContainer: "_16jlkb7n",
17
15
  content: "_11c8fhey _syazi7uo",
@@ -35,7 +33,7 @@ const appearanceStyles = {
35
33
  * - [Code](https://atlassian.design/components/section-message/code)
36
34
  * - [Usage](https://atlassian.design/components/section-message/usage)
37
35
  */
38
- const SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage({
36
+ const SectionMessage = /*#__PURE__*/forwardRef(({
39
37
  children,
40
38
  appearance = 'information',
41
39
  actions,
@@ -45,7 +43,7 @@ const SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage({
45
43
  isDismissible,
46
44
  onDismiss,
47
45
  testId
48
- }, ref) {
46
+ }, ref) => {
49
47
  const [dismissed, setDismissed] = useState(false);
50
48
  const handleDismiss = useCallback(() => {
51
49
  onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
@@ -61,7 +59,7 @@ const SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage({
61
59
  return isDismissible && dismissed ? null : /*#__PURE__*/React.createElement("section", {
62
60
  "data-testid": testId,
63
61
  ref: ref,
64
- className: ax([sectionMessageStyles.container, fg('platform-dst-shape-theme-default') && sectionMessageStyles.containerT26Shape, appearanceStyles[appearance]])
62
+ className: ax([sectionMessageStyles.container, appearanceStyles[appearance]])
65
63
  }, /*#__PURE__*/React.createElement(Inline, {
66
64
  space: "space.200",
67
65
  alignBlock: "stretch"
package/dist/esm/section-message-action.js CHANGED
@@ -6,13 +6,11 @@ import { forwardRef, Fragment, memo } from 'react';
6
6
  import Button from '@atlaskit/button/standard-button';
7
7
  import { cx } from '@atlaskit/css';
8
8
  import Link from '@atlaskit/link/link';
9
- import { fg } from '@atlaskit/platform-feature-flags/fg';
10
9
  import { Box, Pressable } from '@atlaskit/primitives/compiled';
11
10
  var styles = {
12
11
  common: "_11c8fhey",
13
12
  anchor: "_k48pi7a9",
14
- pressable: "_syaz13af _k48p1wq8 _bfhk1j28 _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l313af _9h8h12zz",
15
- pressableT26Shape: "_2rkolb4i"
13
+ pressable: "_2rkolb4i _syaz13af _k48p1wq8 _bfhk1j28 _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l313af _9h8h12zz"
16
14
  };
17
15
 
18
16
  /**
@@ -24,7 +22,7 @@ var styles = {
24
22
  *
25
23
  * - [Examples](https://atlassian.design/components/section-message/examples#actions)
26
24
  */
27
- var SectionMessageAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function SectionMessageAction(_ref, ref) {
25
+ var SectionMessageAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
28
26
  var children = _ref.children,
29
27
  onClick = _ref.onClick,
30
28
  href = _ref.href,
@@ -47,7 +45,7 @@ var SectionMessageAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function S
47
45
  return /*#__PURE__*/React.createElement(Pressable, {
48
46
  testId: testId,
49
47
  onClick: onClick,
50
- xcss: cx(styles.common, styles.pressable, fg('platform-dst-shape-theme-default') && styles.pressableT26Shape),
48
+ xcss: cx(styles.common, styles.pressable),
51
49
  ref: ref
52
50
  }, children);
53
51
  }
package/dist/esm/section-message.compiled.css CHANGED
@@ -1,5 +1,4 @@
1
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
4
3
  ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
5
4
  ._1mou1i6y{margin-block:var(--ds-space-negative-025,-2px)}
package/dist/esm/section-message.js CHANGED
@@ -7,12 +7,10 @@ import { Children, forwardRef, Fragment, useCallback, useState } from 'react';
7
7
  import IconButton from '@atlaskit/button/icon/button';
8
8
  import Heading from '@atlaskit/heading/heading';
9
9
  import CrossIcon from '@atlaskit/icon/core/cross';
10
- import { fg } from '@atlaskit/platform-feature-flags/fg';
11
10
  import { Inline, Stack } from '@atlaskit/primitives/compiled';
12
11
  import { getAppearanceIconStyles } from './internal/appearance-icon';
13
12
  var sectionMessageStyles = {
14
- container: "_2rko12b0 _1rjcpxbi _18zrpxbi _1nmz1hna",
15
- containerT26Shape: "_2rko1mok",
13
+ container: "_2rko1mok _1rjcpxbi _18zrpxbi _1nmz1hna",
16
14
  iconContainer: "_1mou1i6y _1e0c1txw",
17
15
  contentContainer: "_16jlkb7n",
18
16
  content: "_11c8fhey _syazi7uo",
@@ -36,7 +34,7 @@ var appearanceStyles = {
36
34
  * - [Code](https://atlassian.design/components/section-message/code)
37
35
  * - [Usage](https://atlassian.design/components/section-message/usage)
38
36
  */
39
- var SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage(_ref, ref) {
37
+ var SectionMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
40
38
  var children = _ref.children,
41
39
  _ref$appearance = _ref.appearance,
42
40
  appearance = _ref$appearance === void 0 ? 'information' : _ref$appearance,
@@ -65,7 +63,7 @@ var SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage(_ref, ref)
65
63
  return isDismissible && dismissed ? null : /*#__PURE__*/React.createElement("section", {
66
64
  "data-testid": testId,
67
65
  ref: ref,
68
- className: ax([sectionMessageStyles.container, fg('platform-dst-shape-theme-default') && sectionMessageStyles.containerT26Shape, appearanceStyles[appearance]])
66
+ className: ax([sectionMessageStyles.container, appearanceStyles[appearance]])
69
67
  }, /*#__PURE__*/React.createElement(Inline, {
70
68
  space: "space.200",
71
69
  alignBlock: "stretch"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/section-message",
3
- "version": "10.2.0",
3
+ "version": "10.2.1",
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/"
@@ -39,7 +39,7 @@
39
39
  "@atlaskit/platform-feature-flags": "^2.2.0",
40
40
  "@atlaskit/primitives": "^22.5.0",
41
41
  "@atlaskit/react-compiler-gating": "^0.2.0",
42
- "@atlaskit/tokens": "^16.10.0",
42
+ "@atlaskit/tokens": "^16.11.0",
43
43
  "@babel/runtime": "^7.0.0"
44
44
  },
45
45
  "peerDependencies": {
@@ -62,10 +62,5 @@
62
62
  "react": "^19.0.0",
63
63
  "react-dom": "^19.2.0"
64
64
  },
65
- "platform-feature-flags": {
66
- "platform-dst-shape-theme-default": {
67
- "type": "boolean"
68
- }
69
- },
70
65
  "homepage": "https://atlassian.design/components/section-message/"
71
66
  }