@atlaskit/section-message 8.7.8 → 8.8.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 +15 -0
  2. package/dist/cjs/internal/appearance-icon.js +1 -8
  3. package/dist/cjs/section-message.compiled.css +1 -1
  4. package/dist/cjs/section-message.js +1 -1
  5. package/dist/es2019/internal/appearance-icon.js +1 -8
  6. package/dist/es2019/section-message.compiled.css +1 -1
  7. package/dist/es2019/section-message.js +1 -1
  8. package/dist/esm/internal/appearance-icon.js +1 -8
  9. package/dist/esm/section-message.compiled.css +1 -1
  10. package/dist/esm/section-message.js +1 -1
  11. package/package.json +4 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/section-message
2
2
 
3
+ ## 8.8.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`221b64f10f5eb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/221b64f10f5eb) -
8
+ ts-ignore added as a workaround for help-center local consumption typecheck
9
+
10
+ ## 8.8.0
11
+
12
+ ### Minor Changes
13
+
14
+ - [`9da67d455336d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9da67d455336d) -
15
+ [ux] Updated default icons for discovery appearance from the 'question mark circle' icon to the
16
+ 'discovery' icon.
17
+
3
18
  ## 8.7.8
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/internal/appearance-icon.js CHANGED
@@ -8,12 +8,10 @@ exports.getAppearanceIconStyles = getAppearanceIconStyles;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _discoveryEditorNote = _interopRequireDefault(require("@atlaskit/icon/core/migration/discovery--editor-note"));
11
- var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/question-circle"));
12
11
  var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
13
12
  var _statusInformationInfo = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-information--info"));
14
13
  var _statusSuccessCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-success--check-circle"));
15
14
  var _statusWarningWarning = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-warning--warning"));
16
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
15
  var _colors = require("@atlaskit/theme/colors");
18
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; }
19
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; }
@@ -39,18 +37,13 @@ var appearanceIconSchema = {
39
37
  primaryIconColor: "var(--ds-icon-success, ".concat(_colors.G500, ")")
40
38
  },
41
39
  discovery: {
42
- backgroundColor: "var(--ds-background-discovery, ".concat(_colors.P50, ")"),
43
- Icon: _questionCircle.default,
44
- primaryIconColor: "var(--ds-icon-discovery, ".concat(_colors.P500, ")")
45
- },
46
- discoveryUpdated: {
47
40
  backgroundColor: "var(--ds-background-discovery, ".concat(_colors.P50, ")"),
48
41
  Icon: _discoveryEditorNote.default,
49
42
  primaryIconColor: "var(--ds-icon-discovery, ".concat(_colors.P500, ")")
50
43
  }
51
44
  };
52
45
  function getAppearanceIconStyles(appearance, icon) {
53
- var appearanceIconStyles = appearanceIconSchema[appearance === 'discovery' && (0, _platformFeatureFlags.fg)('platform_dst_section_message_discovery_icon') ? 'discoveryUpdated' : appearance] || appearanceIconSchema.information;
46
+ var appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
54
47
  var AppearanceIcon = function AppearanceIcon(_ref) {
55
48
  var size = _ref.size,
56
49
  primaryColor = _ref.primaryColor,
package/dist/cjs/section-message.compiled.css CHANGED
@@ -4,9 +4,9 @@
4
4
  ._1mou1i6y{margin-block:var(--ds-space-negative-025,-2px)}
5
5
  ._1rjcpxbi{padding-block:var(--ds-space-200,1pc)}
6
6
  ._16jlkb7n{flex-grow:1}
7
- ._19pk1i6y{margin-top:var(--ds-space-negative-025,-2px)}
8
7
  ._1e0c1txw{display:flex}
9
8
  ._1nmz1hna{word-break:break-word}
9
+ ._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
10
10
  ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
11
11
  ._bfhk1nvp{background-color:var(--ds-background-discovery,#f3f0ff)}
12
12
  ._bfhk1tzq{background-color:var(--ds-background-warning,#fff7d6)}
package/dist/cjs/section-message.js CHANGED
@@ -24,7 +24,7 @@ var sectionMessageStyles = {
24
24
  contentContainer: "_16jlkb7n",
25
25
  content: "_11c82smr _syaz1fxt",
26
26
  actionsContainer: "_11c82smr",
27
- dismissButtonContainer: "_19pk1i6y"
27
+ dismissButtonContainer: "_1pfh1i6y"
28
28
  };
29
29
  var appearanceStyles = {
30
30
  information: "_bfhk33gi",
package/dist/es2019/internal/appearance-icon.js CHANGED
@@ -1,11 +1,9 @@
1
1
  import React from 'react';
2
2
  import DiscoveryIcon from '@atlaskit/icon/core/migration/discovery--editor-note';
3
- import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
4
3
  import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
5
4
  import InfoIcon from '@atlaskit/icon/core/migration/status-information--info';
6
5
  import SuccessIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
7
6
  import WarningIcon from '@atlaskit/icon/core/migration/status-warning--warning';
8
- import { fg } from '@atlaskit/platform-feature-flags';
9
7
  import { B50, B500, G50, G500, P50, P500, R50, R500, Y50, Y500 } from '@atlaskit/theme/colors';
10
8
  const appearanceIconSchema = {
11
9
  information: {
@@ -29,18 +27,13 @@ const appearanceIconSchema = {
29
27
  primaryIconColor: `var(--ds-icon-success, ${G500})`
30
28
  },
31
29
  discovery: {
32
- backgroundColor: `var(--ds-background-discovery, ${P50})`,
33
- Icon: QuestionCircleIcon,
34
- primaryIconColor: `var(--ds-icon-discovery, ${P500})`
35
- },
36
- discoveryUpdated: {
37
30
  backgroundColor: `var(--ds-background-discovery, ${P50})`,
38
31
  Icon: DiscoveryIcon,
39
32
  primaryIconColor: `var(--ds-icon-discovery, ${P500})`
40
33
  }
41
34
  };
42
35
  export function getAppearanceIconStyles(appearance, icon) {
43
- const appearanceIconStyles = appearanceIconSchema[appearance === 'discovery' && fg('platform_dst_section_message_discovery_icon') ? 'discoveryUpdated' : appearance] || appearanceIconSchema.information;
36
+ const appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
44
37
  const AppearanceIcon = ({
45
38
  size,
46
39
  primaryColor,
package/dist/es2019/section-message.compiled.css CHANGED
@@ -4,9 +4,9 @@
4
4
  ._1mou1i6y{margin-block:var(--ds-space-negative-025,-2px)}
5
5
  ._1rjcpxbi{padding-block:var(--ds-space-200,1pc)}
6
6
  ._16jlkb7n{flex-grow:1}
7
- ._19pk1i6y{margin-top:var(--ds-space-negative-025,-2px)}
8
7
  ._1e0c1txw{display:flex}
9
8
  ._1nmz1hna{word-break:break-word}
9
+ ._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
10
10
  ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
11
11
  ._bfhk1nvp{background-color:var(--ds-background-discovery,#f3f0ff)}
12
12
  ._bfhk1tzq{background-color:var(--ds-background-warning,#fff7d6)}
package/dist/es2019/section-message.js CHANGED
@@ -14,7 +14,7 @@ const sectionMessageStyles = {
14
14
  contentContainer: "_16jlkb7n",
15
15
  content: "_11c82smr _syaz1fxt",
16
16
  actionsContainer: "_11c82smr",
17
- dismissButtonContainer: "_19pk1i6y"
17
+ dismissButtonContainer: "_1pfh1i6y"
18
18
  };
19
19
  const appearanceStyles = {
20
20
  information: "_bfhk33gi",
package/dist/esm/internal/appearance-icon.js CHANGED
@@ -3,12 +3,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
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
5
  import DiscoveryIcon from '@atlaskit/icon/core/migration/discovery--editor-note';
6
- import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
7
6
  import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
8
7
  import InfoIcon from '@atlaskit/icon/core/migration/status-information--info';
9
8
  import SuccessIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
10
9
  import WarningIcon from '@atlaskit/icon/core/migration/status-warning--warning';
11
- import { fg } from '@atlaskit/platform-feature-flags';
12
10
  import { B50, B500, G50, G500, P50, P500, R50, R500, Y50, Y500 } from '@atlaskit/theme/colors';
13
11
  var appearanceIconSchema = {
14
12
  information: {
@@ -32,18 +30,13 @@ var appearanceIconSchema = {
32
30
  primaryIconColor: "var(--ds-icon-success, ".concat(G500, ")")
33
31
  },
34
32
  discovery: {
35
- backgroundColor: "var(--ds-background-discovery, ".concat(P50, ")"),
36
- Icon: QuestionCircleIcon,
37
- primaryIconColor: "var(--ds-icon-discovery, ".concat(P500, ")")
38
- },
39
- discoveryUpdated: {
40
33
  backgroundColor: "var(--ds-background-discovery, ".concat(P50, ")"),
41
34
  Icon: DiscoveryIcon,
42
35
  primaryIconColor: "var(--ds-icon-discovery, ".concat(P500, ")")
43
36
  }
44
37
  };
45
38
  export function getAppearanceIconStyles(appearance, icon) {
46
- var appearanceIconStyles = appearanceIconSchema[appearance === 'discovery' && fg('platform_dst_section_message_discovery_icon') ? 'discoveryUpdated' : appearance] || appearanceIconSchema.information;
39
+ var appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
47
40
  var AppearanceIcon = function AppearanceIcon(_ref) {
48
41
  var size = _ref.size,
49
42
  primaryColor = _ref.primaryColor,
package/dist/esm/section-message.compiled.css CHANGED
@@ -4,9 +4,9 @@
4
4
  ._1mou1i6y{margin-block:var(--ds-space-negative-025,-2px)}
5
5
  ._1rjcpxbi{padding-block:var(--ds-space-200,1pc)}
6
6
  ._16jlkb7n{flex-grow:1}
7
- ._19pk1i6y{margin-top:var(--ds-space-negative-025,-2px)}
8
7
  ._1e0c1txw{display:flex}
9
8
  ._1nmz1hna{word-break:break-word}
9
+ ._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
10
10
  ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
11
11
  ._bfhk1nvp{background-color:var(--ds-background-discovery,#f3f0ff)}
12
12
  ._bfhk1tzq{background-color:var(--ds-background-warning,#fff7d6)}
package/dist/esm/section-message.js CHANGED
@@ -15,7 +15,7 @@ var sectionMessageStyles = {
15
15
  contentContainer: "_16jlkb7n",
16
16
  content: "_11c82smr _syaz1fxt",
17
17
  actionsContainer: "_11c82smr",
18
- dismissButtonContainer: "_19pk1i6y"
18
+ dismissButtonContainer: "_1pfh1i6y"
19
19
  };
20
20
  var appearanceStyles = {
21
21
  information: "_bfhk33gi",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/section-message",
3
- "version": "8.7.8",
3
+ "version": "8.8.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/icon": "^28.5.0",
40
40
  "@atlaskit/link": "^3.2.0",
41
41
  "@atlaskit/platform-feature-flags": "^1.1.0",
42
- "@atlaskit/primitives": "^16.0.0",
42
+ "@atlaskit/primitives": "^16.1.0",
43
43
  "@atlaskit/theme": "^21.0.0",
44
44
  "@atlaskit/tokens": "^7.0.0",
45
45
  "@babel/runtime": "^7.0.0"
@@ -52,12 +52,12 @@
52
52
  "@af/integration-testing": "workspace:^",
53
53
  "@af/visual-regression": "workspace:^",
54
54
  "@atlaskit/analytics-next": "^11.1.0",
55
- "@atlaskit/code": "^17.2.0",
55
+ "@atlaskit/code": "^17.3.0",
56
56
  "@atlaskit/docs": "^11.2.0",
57
57
  "@atlaskit/ds-lib": "^5.1.0",
58
58
  "@atlaskit/form": "^14.2.0",
59
59
  "@atlaskit/range": "^9.2.0",
60
- "@atlassian/feature-flags-test-utils": "^0.3.0",
60
+ "@atlassian/feature-flags-test-utils": "^1.0.0",
61
61
  "@atlassian/ssr-tests": "^0.3.0",
62
62
  "@testing-library/react": "^13.4.0",
63
63
  "@testing-library/user-event": "^14.4.3",
@@ -92,9 +92,6 @@
92
92
  },
93
93
  "platform_dst_section_message_actions_as_link": {
94
94
  "type": "boolean"
95
- },
96
- "platform_dst_section_message_discovery_icon": {
97
- "type": "boolean"
98
95
  }
99
96
  }
100
97
  }