@atlaskit/section-message 8.0.1 → 8.1.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.
Files changed (17) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/internal/appearance-icon.js +12 -10
  3. package/dist/cjs/section-message-action.compiled.css +1 -1
  4. package/dist/cjs/section-message-action.js +1 -1
  5. package/dist/cjs/section-message.compiled.css +1 -1
  6. package/dist/cjs/section-message.js +1 -1
  7. package/dist/es2019/internal/appearance-icon.js +11 -9
  8. package/dist/es2019/section-message-action.compiled.css +1 -1
  9. package/dist/es2019/section-message-action.js +1 -1
  10. package/dist/es2019/section-message.compiled.css +1 -1
  11. package/dist/es2019/section-message.js +1 -1
  12. package/dist/esm/internal/appearance-icon.js +11 -9
  13. package/dist/esm/section-message-action.compiled.css +1 -1
  14. package/dist/esm/section-message-action.js +1 -1
  15. package/dist/esm/section-message.compiled.css +1 -1
  16. package/dist/esm/section-message.js +1 -1
  17. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/section-message
2
2
 
3
+ ## 8.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#122958](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/122958)
8
+ [`e46a10ea5b483`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e46a10ea5b483) -
9
+ Updated to use new icons. This change is behind a feature flag and will be available in a later
10
+ release.
11
+
12
+ ## 8.0.2
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 8.0.1
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/internal/appearance-icon.js CHANGED
@@ -7,18 +7,18 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.getAppearanceIconStyles = getAppearanceIconStyles;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = _interopRequireDefault(require("react"));
10
- var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
11
- var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
12
- var _info = _interopRequireDefault(require("@atlaskit/icon/glyph/info"));
13
- var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/question-circle"));
14
- var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
10
+ var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
11
+ var _informationInfo = _interopRequireDefault(require("@atlaskit/icon/core/migration/information--info"));
12
+ var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/question-circle"));
13
+ var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
14
+ var _warning = _interopRequireDefault(require("@atlaskit/icon/core/migration/warning"));
15
15
  var _colors = require("@atlaskit/theme/colors");
16
16
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
17
  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; }
18
18
  var appearanceIconSchema = {
19
19
  information: {
20
20
  backgroundColor: "var(--ds-background-information, ".concat(_colors.B50, ")"),
21
- Icon: _info.default,
21
+ Icon: _informationInfo.default,
22
22
  primaryIconColor: "var(--ds-icon-information, ".concat(_colors.B500, ")")
23
23
  },
24
24
  warning: {
@@ -33,7 +33,7 @@ var appearanceIconSchema = {
33
33
  },
34
34
  success: {
35
35
  backgroundColor: "var(--ds-background-success, ".concat(_colors.G50, ")"),
36
- Icon: _checkCircle.default,
36
+ Icon: _successCheckCircle.default,
37
37
  primaryIconColor: "var(--ds-icon-success, ".concat(_colors.G500, ")")
38
38
  },
39
39
  discovery: {
@@ -49,9 +49,11 @@ function getAppearanceIconStyles(appearance, icon) {
49
49
  primaryColor = _ref.primaryColor,
50
50
  secondaryColor = _ref.secondaryColor;
51
51
  return /*#__PURE__*/_react.default.createElement(appearanceIconStyles.Icon, {
52
- size: size,
53
- primaryColor: primaryColor,
54
- secondaryColor: secondaryColor,
52
+ LEGACY_size: size,
53
+ color: primaryColor,
54
+ spacing: "spacious",
55
+ LEGACY_primaryColor: primaryColor,
56
+ LEGACY_secondaryColor: secondaryColor,
55
57
  label: appearance
56
58
  });
57
59
  };
package/dist/cjs/section-message-action.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
2
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
4
4
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
5
5
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
package/dist/cjs/section-message-action.js CHANGED
@@ -17,7 +17,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
17
17
  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
18
  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
19
  var styles = {
20
- common: "_11c81oud _syaz14q2 _k48p1wq8 _30l314q2 _9h8h16c2",
20
+ common: "_11c82smr _syaz14q2 _k48p1wq8 _30l314q2 _9h8h16c2",
21
21
  anchor: "_1053w7te _9oik1r31 _1bnx8stv _jf4cnqa1 _n0fxw7te _1vhvg3x0",
22
22
  pressable: "_bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1"
23
23
  };
package/dist/cjs/section-message.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
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
  ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
3
3
  ._1mou1i6y{margin-block:var(--ds-space-negative-025,-2px)}
4
4
  ._1e0c1txw{display:flex}
package/dist/cjs/section-message.js CHANGED
@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
18
18
  var sectionMessageStyles = {
19
19
  container: "_2rkoglpi _1nmz1hna",
20
20
  bleed: "_1mou1i6y _1e0c1txw",
21
- content: "_11c81oud _syaz1fxt"
21
+ content: "_11c82smr _syaz1fxt"
22
22
  };
23
23
 
24
24
  /**
package/dist/es2019/internal/appearance-icon.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
3
- import ErrorIcon from '@atlaskit/icon/glyph/error';
4
- import InfoIcon from '@atlaskit/icon/glyph/info';
5
- import QuestionCircleIcon from '@atlaskit/icon/glyph/question-circle';
6
- import WarningIcon from '@atlaskit/icon/glyph/warning';
2
+ import ErrorIcon from '@atlaskit/icon/core/migration/error';
3
+ import InfoIcon from '@atlaskit/icon/core/migration/information--info';
4
+ import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
5
+ import SuccessIcon from '@atlaskit/icon/core/migration/success--check-circle';
6
+ import WarningIcon from '@atlaskit/icon/core/migration/warning';
7
7
  import { B50, B500, G50, G500, P50, P500, R50, R500, Y50, Y500 } from '@atlaskit/theme/colors';
8
8
  const appearanceIconSchema = {
9
9
  information: {
@@ -23,7 +23,7 @@ const appearanceIconSchema = {
23
23
  },
24
24
  success: {
25
25
  backgroundColor: `var(--ds-background-success, ${G50})`,
26
- Icon: CheckCircleIcon,
26
+ Icon: SuccessIcon,
27
27
  primaryIconColor: `var(--ds-icon-success, ${G500})`
28
28
  },
29
29
  discovery: {
@@ -39,9 +39,11 @@ export function getAppearanceIconStyles(appearance, icon) {
39
39
  primaryColor,
40
40
  secondaryColor
41
41
  }) => /*#__PURE__*/React.createElement(appearanceIconStyles.Icon, {
42
- size: size,
43
- primaryColor: primaryColor,
44
- secondaryColor: secondaryColor,
42
+ LEGACY_size: size,
43
+ color: primaryColor,
44
+ spacing: "spacious",
45
+ LEGACY_primaryColor: primaryColor,
46
+ LEGACY_secondaryColor: secondaryColor,
45
47
  label: appearance
46
48
  });
47
49
  const Icon = icon || AppearanceIcon;
package/dist/es2019/section-message-action.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
2
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
4
4
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
5
5
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
package/dist/es2019/section-message-action.js CHANGED
@@ -7,7 +7,7 @@ import { cx } from '@atlaskit/css';
7
7
  import { fg } from '@atlaskit/platform-feature-flags';
8
8
  import { Anchor, Box, Pressable } from '@atlaskit/primitives/compiled';
9
9
  const styles = {
10
- common: "_11c81oud _syaz14q2 _k48p1wq8 _30l314q2 _9h8h16c2",
10
+ common: "_11c82smr _syaz14q2 _k48p1wq8 _30l314q2 _9h8h16c2",
11
11
  anchor: "_1053w7te _9oik1r31 _1bnx8stv _jf4cnqa1 _n0fxw7te _1vhvg3x0",
12
12
  pressable: "_bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1"
13
13
  };
package/dist/es2019/section-message.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
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
  ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
3
3
  ._1mou1i6y{margin-block:var(--ds-space-negative-025,-2px)}
4
4
  ._1e0c1txw{display:flex}
package/dist/es2019/section-message.js CHANGED
@@ -8,7 +8,7 @@ import { getAppearanceIconStyles } from './internal/appearance-icon';
8
8
  const sectionMessageStyles = {
9
9
  container: "_2rkoglpi _1nmz1hna",
10
10
  bleed: "_1mou1i6y _1e0c1txw",
11
- content: "_11c81oud _syaz1fxt"
11
+ content: "_11c82smr _syaz1fxt"
12
12
  };
13
13
 
14
14
  /**
package/dist/esm/internal/appearance-icon.js CHANGED
@@ -2,11 +2,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
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
  import React from 'react';
5
- import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
6
- import ErrorIcon from '@atlaskit/icon/glyph/error';
7
- import InfoIcon from '@atlaskit/icon/glyph/info';
8
- import QuestionCircleIcon from '@atlaskit/icon/glyph/question-circle';
9
- import WarningIcon from '@atlaskit/icon/glyph/warning';
5
+ import ErrorIcon from '@atlaskit/icon/core/migration/error';
6
+ import InfoIcon from '@atlaskit/icon/core/migration/information--info';
7
+ import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
8
+ import SuccessIcon from '@atlaskit/icon/core/migration/success--check-circle';
9
+ import WarningIcon from '@atlaskit/icon/core/migration/warning';
10
10
  import { B50, B500, G50, G500, P50, P500, R50, R500, Y50, Y500 } from '@atlaskit/theme/colors';
11
11
  var appearanceIconSchema = {
12
12
  information: {
@@ -26,7 +26,7 @@ var appearanceIconSchema = {
26
26
  },
27
27
  success: {
28
28
  backgroundColor: "var(--ds-background-success, ".concat(G50, ")"),
29
- Icon: CheckCircleIcon,
29
+ Icon: SuccessIcon,
30
30
  primaryIconColor: "var(--ds-icon-success, ".concat(G500, ")")
31
31
  },
32
32
  discovery: {
@@ -42,9 +42,11 @@ export function getAppearanceIconStyles(appearance, icon) {
42
42
  primaryColor = _ref.primaryColor,
43
43
  secondaryColor = _ref.secondaryColor;
44
44
  return /*#__PURE__*/React.createElement(appearanceIconStyles.Icon, {
45
- size: size,
46
- primaryColor: primaryColor,
47
- secondaryColor: secondaryColor,
45
+ LEGACY_size: size,
46
+ color: primaryColor,
47
+ spacing: "spacious",
48
+ LEGACY_primaryColor: primaryColor,
49
+ LEGACY_secondaryColor: secondaryColor,
48
50
  label: appearance
49
51
  });
50
52
  };
package/dist/esm/section-message-action.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
2
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
4
4
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
5
5
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
package/dist/esm/section-message-action.js CHANGED
@@ -7,7 +7,7 @@ import { cx } from '@atlaskit/css';
7
7
  import { fg } from '@atlaskit/platform-feature-flags';
8
8
  import { Anchor, Box, Pressable } from '@atlaskit/primitives/compiled';
9
9
  var styles = {
10
- common: "_11c81oud _syaz14q2 _k48p1wq8 _30l314q2 _9h8h16c2",
10
+ common: "_11c82smr _syaz14q2 _k48p1wq8 _30l314q2 _9h8h16c2",
11
11
  anchor: "_1053w7te _9oik1r31 _1bnx8stv _jf4cnqa1 _n0fxw7te _1vhvg3x0",
12
12
  pressable: "_bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1"
13
13
  };
package/dist/esm/section-message.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
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
  ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
3
3
  ._1mou1i6y{margin-block:var(--ds-space-negative-025,-2px)}
4
4
  ._1e0c1txw{display:flex}
package/dist/esm/section-message.js CHANGED
@@ -8,7 +8,7 @@ import { getAppearanceIconStyles } from './internal/appearance-icon';
8
8
  var sectionMessageStyles = {
9
9
  container: "_2rkoglpi _1nmz1hna",
10
10
  bleed: "_1mou1i6y _1e0c1txw",
11
- content: "_11c81oud _syaz1fxt"
11
+ content: "_11c82smr _syaz1fxt"
12
12
  };
13
13
 
14
14
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/section-message",
3
- "version": "8.0.1",
3
+ "version": "8.1.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/"
@@ -46,8 +46,8 @@
46
46
  "@atlaskit/icon": "^24.1.0",
47
47
  "@atlaskit/platform-feature-flags": "^1.1.0",
48
48
  "@atlaskit/primitives": "^14.1.0",
49
- "@atlaskit/theme": "^17.0.0",
50
- "@atlaskit/tokens": "^4.2.0",
49
+ "@atlaskit/theme": "^18.0.0",
50
+ "@atlaskit/tokens": "^4.3.0",
51
51
  "@babel/runtime": "^7.0.0"
52
52
  },
53
53
  "peerDependencies": {