@atlaskit/section-message 8.2.9 → 8.3.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 (7) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/internal/appearance-icon.js +16 -9
  3. package/dist/es2019/internal/appearance-icon.js +12 -5
  4. package/dist/esm/internal/appearance-icon.js +12 -5
  5. package/dist/types/internal/appearance-icon.d.ts +1 -0
  6. package/dist/types-ts4.5/internal/appearance-icon.d.ts +1 -0
  7. package/package.json +7 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
1
  # @atlaskit/section-message
2
2
 
3
+ ## 8.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#189208](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/189208)
8
+ [`b8cad439e7f12`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b8cad439e7f12) -
9
+ [ux] We are testing a change behind a feature flag. Discovery appearance section messages will be
10
+ updated from the 'question mark circle' icon to the 'discovery' icon. If this fix is successful it
11
+ will be available in a later release.
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
17
+ ## 8.2.10
18
+
19
+ ### Patch Changes
20
+
21
+ - [#188952](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/188952)
22
+ [`1a88e6e2601ae`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1a88e6e2601ae) -
23
+ Migrated usage of renamed/deprecated icons
24
+ - Updated dependencies
25
+
3
26
  ## 8.2.9
4
27
 
5
28
  ### Patch Changes
package/dist/cjs/internal/appearance-icon.js CHANGED
@@ -7,43 +7,50 @@ 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 _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
11
- var _informationInfo = _interopRequireDefault(require("@atlaskit/icon/core/migration/information--info"));
10
+ var _discoveryEditorNote = _interopRequireDefault(require("@atlaskit/icon/core/migration/discovery--editor-note"));
12
11
  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"));
12
+ var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
13
+ var _statusInformationInfo = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-information--info"));
14
+ var _statusSuccessCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-success--check-circle"));
15
+ var _statusWarningWarning = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-warning--warning"));
16
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
17
  var _colors = require("@atlaskit/theme/colors");
16
18
  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
19
  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
20
  var appearanceIconSchema = {
19
21
  information: {
20
22
  backgroundColor: "var(--ds-background-information, ".concat(_colors.B50, ")"),
21
- Icon: _informationInfo.default,
23
+ Icon: _statusInformationInfo.default,
22
24
  primaryIconColor: "var(--ds-icon-information, ".concat(_colors.B500, ")")
23
25
  },
24
26
  warning: {
25
27
  backgroundColor: "var(--ds-background-warning, ".concat(_colors.Y50, ")"),
26
- Icon: _warning.default,
28
+ Icon: _statusWarningWarning.default,
27
29
  primaryIconColor: "var(--ds-icon-warning, ".concat(_colors.Y500, ")")
28
30
  },
29
31
  error: {
30
32
  backgroundColor: "var(--ds-background-danger, ".concat(_colors.R50, ")"),
31
- Icon: _error.default,
33
+ Icon: _statusErrorError.default,
32
34
  primaryIconColor: "var(--ds-icon-danger, ".concat(_colors.R500, ")")
33
35
  },
34
36
  success: {
35
37
  backgroundColor: "var(--ds-background-success, ".concat(_colors.G50, ")"),
36
- Icon: _successCheckCircle.default,
38
+ Icon: _statusSuccessCheckCircle.default,
37
39
  primaryIconColor: "var(--ds-icon-success, ".concat(_colors.G500, ")")
38
40
  },
39
41
  discovery: {
40
42
  backgroundColor: "var(--ds-background-discovery, ".concat(_colors.P50, ")"),
41
43
  Icon: _questionCircle.default,
42
44
  primaryIconColor: "var(--ds-icon-discovery, ".concat(_colors.P500, ")")
45
+ },
46
+ discoveryUpdated: {
47
+ backgroundColor: "var(--ds-background-discovery, ".concat(_colors.P50, ")"),
48
+ Icon: _discoveryEditorNote.default,
49
+ primaryIconColor: "var(--ds-icon-discovery, ".concat(_colors.P500, ")")
43
50
  }
44
51
  };
45
52
  function getAppearanceIconStyles(appearance, icon) {
46
- var appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
53
+ var appearanceIconStyles = appearanceIconSchema[appearance === 'discovery' && (0, _platformFeatureFlags.fg)('platform_dst_section_message_discovery_icon') ? 'discoveryUpdated' : appearance] || appearanceIconSchema.information;
47
54
  var AppearanceIcon = function AppearanceIcon(_ref) {
48
55
  var size = _ref.size,
49
56
  primaryColor = _ref.primaryColor,
package/dist/es2019/internal/appearance-icon.js CHANGED
@@ -1,9 +1,11 @@
1
1
  import React from 'react';
2
- import ErrorIcon from '@atlaskit/icon/core/migration/error';
3
- import InfoIcon from '@atlaskit/icon/core/migration/information--info';
2
+ import DiscoveryIcon from '@atlaskit/icon/core/migration/discovery--editor-note';
4
3
  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';
4
+ import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
5
+ import InfoIcon from '@atlaskit/icon/core/migration/status-information--info';
6
+ import SuccessIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
7
+ import WarningIcon from '@atlaskit/icon/core/migration/status-warning--warning';
8
+ import { fg } from '@atlaskit/platform-feature-flags';
7
9
  import { B50, B500, G50, G500, P50, P500, R50, R500, Y50, Y500 } from '@atlaskit/theme/colors';
8
10
  const appearanceIconSchema = {
9
11
  information: {
@@ -30,10 +32,15 @@ const appearanceIconSchema = {
30
32
  backgroundColor: `var(--ds-background-discovery, ${P50})`,
31
33
  Icon: QuestionCircleIcon,
32
34
  primaryIconColor: `var(--ds-icon-discovery, ${P500})`
35
+ },
36
+ discoveryUpdated: {
37
+ backgroundColor: `var(--ds-background-discovery, ${P50})`,
38
+ Icon: DiscoveryIcon,
39
+ primaryIconColor: `var(--ds-icon-discovery, ${P500})`
33
40
  }
34
41
  };
35
42
  export function getAppearanceIconStyles(appearance, icon) {
36
- const appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
43
+ const appearanceIconStyles = appearanceIconSchema[appearance === 'discovery' && fg('platform_dst_section_message_discovery_icon') ? 'discoveryUpdated' : appearance] || appearanceIconSchema.information;
37
44
  const AppearanceIcon = ({
38
45
  size,
39
46
  primaryColor,
package/dist/esm/internal/appearance-icon.js CHANGED
@@ -2,11 +2,13 @@ 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 ErrorIcon from '@atlaskit/icon/core/migration/error';
6
- import InfoIcon from '@atlaskit/icon/core/migration/information--info';
5
+ import DiscoveryIcon from '@atlaskit/icon/core/migration/discovery--editor-note';
7
6
  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';
7
+ import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
8
+ import InfoIcon from '@atlaskit/icon/core/migration/status-information--info';
9
+ import SuccessIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
10
+ import WarningIcon from '@atlaskit/icon/core/migration/status-warning--warning';
11
+ import { fg } from '@atlaskit/platform-feature-flags';
10
12
  import { B50, B500, G50, G500, P50, P500, R50, R500, Y50, Y500 } from '@atlaskit/theme/colors';
11
13
  var appearanceIconSchema = {
12
14
  information: {
@@ -33,10 +35,15 @@ var appearanceIconSchema = {
33
35
  backgroundColor: "var(--ds-background-discovery, ".concat(P50, ")"),
34
36
  Icon: QuestionCircleIcon,
35
37
  primaryIconColor: "var(--ds-icon-discovery, ".concat(P500, ")")
38
+ },
39
+ discoveryUpdated: {
40
+ backgroundColor: "var(--ds-background-discovery, ".concat(P50, ")"),
41
+ Icon: DiscoveryIcon,
42
+ primaryIconColor: "var(--ds-icon-discovery, ".concat(P500, ")")
36
43
  }
37
44
  };
38
45
  export function getAppearanceIconStyles(appearance, icon) {
39
- var appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
46
+ var appearanceIconStyles = appearanceIconSchema[appearance === 'discovery' && fg('platform_dst_section_message_discovery_icon') ? 'discoveryUpdated' : appearance] || appearanceIconSchema.information;
40
47
  var AppearanceIcon = function AppearanceIcon(_ref) {
41
48
  var size = _ref.size,
42
49
  primaryColor = _ref.primaryColor,
package/dist/types/internal/appearance-icon.d.ts CHANGED
@@ -8,4 +8,5 @@ export declare function getAppearanceIconStyles(appearance: Appearance, icon: Se
8
8
  }) => React.JSX.Element);
9
9
  backgroundColor: string;
10
10
  primaryIconColor: string;
11
+ LegacyFallbackIcon?: React.ComponentType<any> | undefined;
11
12
  };
package/dist/types-ts4.5/internal/appearance-icon.d.ts CHANGED
@@ -8,4 +8,5 @@ export declare function getAppearanceIconStyles(appearance: Appearance, icon: Se
8
8
  }) => React.JSX.Element);
9
9
  backgroundColor: string;
10
10
  primaryIconColor: string;
11
+ LegacyFallbackIcon?: React.ComponentType<any> | undefined;
11
12
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/section-message",
3
- "version": "8.2.9",
3
+ "version": "8.3.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/"
@@ -42,11 +42,11 @@
42
42
  "@atlaskit/codemod-utils": "^4.2.0",
43
43
  "@atlaskit/css": "^0.12.0",
44
44
  "@atlaskit/heading": "^5.2.0",
45
- "@atlaskit/icon": "^27.3.0",
45
+ "@atlaskit/icon": "^27.6.0",
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
47
  "@atlaskit/primitives": "^14.10.0",
48
48
  "@atlaskit/theme": "^19.0.0",
49
- "@atlaskit/tokens": "^5.4.0",
49
+ "@atlaskit/tokens": "^5.6.0",
50
50
  "@babel/runtime": "^7.0.0"
51
51
  },
52
52
  "peerDependencies": {
@@ -59,7 +59,7 @@
59
59
  "@atlaskit/analytics-next": "^11.1.0",
60
60
  "@atlaskit/code": "^17.2.0",
61
61
  "@atlaskit/docs": "^11.0.0",
62
- "@atlaskit/ds-lib": "^4.0.0",
62
+ "@atlaskit/ds-lib": "^4.1.0",
63
63
  "@atlaskit/form": "^12.0.0",
64
64
  "@atlaskit/link": "^3.2.0",
65
65
  "@atlaskit/range": "^9.1.0",
@@ -98,6 +98,9 @@
98
98
  },
99
99
  "platform_ads_explicit_font_styles": {
100
100
  "type": "boolean"
101
+ },
102
+ "platform_dst_section_message_discovery_icon": {
103
+ "type": "boolean"
101
104
  }
102
105
  }
103
106
  }