@atlaskit/inline-message 15.5.1 → 15.5.3

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 +12 -0
  2. package/dist/cjs/components/inline-message/index.compiled.css +5 -1
  3. package/dist/cjs/components/inline-message/index.js +4 -2
  4. package/dist/cjs/components/message-icon/index.js +0 -1
  5. package/dist/es2019/components/inline-message/index.compiled.css +5 -1
  6. package/dist/es2019/components/inline-message/index.js +4 -2
  7. package/dist/es2019/components/message-icon/index.js +0 -1
  8. package/dist/esm/components/inline-message/index.compiled.css +5 -1
  9. package/dist/esm/components/inline-message/index.js +4 -2
  10. package/dist/esm/components/message-icon/index.js +0 -1
  11. package/package.json +13 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/inline-message
2
2
 
3
+ ## 15.5.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 15.5.2
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 15.5.1
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/components/inline-message/index.compiled.css CHANGED
@@ -1,20 +1,24 @@
1
- ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
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
2
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
3
3
  ._18zrze3t{padding-inline:var(--ds-space-0,0)}
4
4
  ._1rjcze3t{padding-block:var(--ds-space-0,0)}
5
+ ._18m91wug{overflow-y:auto}
5
6
  ._1bsb1wug{width:auto}
6
7
  ._1e0c116y{display:inline-flex}
7
8
  ._1e0c1o8l{display:inline-block}
8
9
  ._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
10
+ ._1reo1wug{overflow-x:auto}
9
11
  ._1yyu1kum:hover [data-ds--inline-message--icon]{color:var(--icon-accent-color)}
10
12
  ._4cvr1q9y{align-items:baseline}
11
13
  ._4t3i1wug{height:auto}
12
14
  ._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
13
15
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
14
16
  ._bozg1ejb{padding-inline-start:var(--ds-space-300,24px)}
17
+ ._c71llti4{max-height:28pc}
15
18
  ._kqswh2mm{position:relative}
16
19
  ._o5721q9c{white-space:nowrap}
17
20
  ._p12f1osq{max-width:100%}
21
+ ._p12flti4{max-width:28pc}
18
22
  ._s7n41q9y{vertical-align:baseline}
19
23
  ._syazazsu{color:var(--ds-text-subtle,#505258)}
20
24
  ._x5v913wx{--icon-accent-color:var(--ds-icon-discovery,#8777d9)}
package/dist/cjs/components/inline-message/index.js CHANGED
@@ -16,6 +16,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
16
16
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
17
  var _react2 = require("@compiled/react");
18
18
  var _useId = require("@atlaskit/ds-lib/use-id");
19
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
19
20
  var _popup = _interopRequireDefault(require("@atlaskit/popup"));
20
21
  var _compiled = require("@atlaskit/primitives/compiled");
21
22
  var _colors = require("@atlaskit/theme/colors");
@@ -24,8 +25,9 @@ var _excluded = ["ref"];
24
25
  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); }
25
26
  var styles = {
26
27
  contentStyles: "_bozg1ejb _y4ti1ejb _1q51pxbi _85i5pxbi",
28
+ heightAndWidthConstraints: "_1reo1wug _18m91wug _p12flti4 _c71llti4",
27
29
  rootStyles: "_1e0c1o8l _p12f1osq _1yyu1kum _y2mv1w7i",
28
- pressableStyles: "_2rko1qi0 _11c82smr _1rjcze3t _18zrze3t _1e0c116y _bfhksm61 _syazazsu _o5721q9c _kqswh2mm _4cvr1q9y _p12f1osq _4t3i1wug _1bsb1wug _s7n41q9y _9oik1r31 _1bnx8stv _jf4cnqa1"
30
+ pressableStyles: "_2rko1qi0 _11c8fhey _1rjcze3t _18zrze3t _1e0c116y _bfhksm61 _syazazsu _o5721q9c _kqswh2mm _4cvr1q9y _p12f1osq _4t3i1wug _1bsb1wug _s7n41q9y _9oik1r31 _1bnx8stv _jf4cnqa1"
29
31
  };
30
32
  var iconColor = {
31
33
  connectivity: "_x5v91r2e",
@@ -92,7 +94,7 @@ var InlineMessage = function InlineMessage(_ref) {
92
94
  onClose: onCloseDialog,
93
95
  content: function content() {
94
96
  return /*#__PURE__*/React.createElement(_compiled.Box, {
95
- xcss: (0, _react2.cx)(styles.contentStyles)
97
+ xcss: (0, _react2.cx)(styles.contentStyles, (0, _platformFeatureFlags.fg)('add-max-width-and-height-to-inline-message') && styles.heightAndWidthConstraints)
96
98
  }, children);
97
99
  },
98
100
  isOpen: isOpen,
package/dist/cjs/components/message-icon/index.js CHANGED
@@ -43,7 +43,6 @@ var SelectedIcon = function SelectedIcon(_ref) {
43
43
  testId: "inline-message-icon",
44
44
  label: label || defaultLabel,
45
45
  color: "currentColor",
46
- LEGACY_size: "medium",
47
46
  spacing: spacing
48
47
  }));
49
48
  };
package/dist/es2019/components/inline-message/index.compiled.css CHANGED
@@ -1,20 +1,24 @@
1
- ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
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
2
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
3
3
  ._18zrze3t{padding-inline:var(--ds-space-0,0)}
4
4
  ._1rjcze3t{padding-block:var(--ds-space-0,0)}
5
+ ._18m91wug{overflow-y:auto}
5
6
  ._1bsb1wug{width:auto}
6
7
  ._1e0c116y{display:inline-flex}
7
8
  ._1e0c1o8l{display:inline-block}
8
9
  ._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
10
+ ._1reo1wug{overflow-x:auto}
9
11
  ._1yyu1kum:hover [data-ds--inline-message--icon]{color:var(--icon-accent-color)}
10
12
  ._4cvr1q9y{align-items:baseline}
11
13
  ._4t3i1wug{height:auto}
12
14
  ._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
13
15
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
14
16
  ._bozg1ejb{padding-inline-start:var(--ds-space-300,24px)}
17
+ ._c71llti4{max-height:28pc}
15
18
  ._kqswh2mm{position:relative}
16
19
  ._o5721q9c{white-space:nowrap}
17
20
  ._p12f1osq{max-width:100%}
21
+ ._p12flti4{max-width:28pc}
18
22
  ._s7n41q9y{vertical-align:baseline}
19
23
  ._syazazsu{color:var(--ds-text-subtle,#505258)}
20
24
  ._x5v913wx{--icon-accent-color:var(--ds-icon-discovery,#8777d9)}
package/dist/es2019/components/inline-message/index.js CHANGED
@@ -6,14 +6,16 @@ import { ax, ix } from "@compiled/react/runtime";
6
6
  import { useCallback, useState } from 'react';
7
7
  import { cx } from '@compiled/react';
8
8
  import { useId } from '@atlaskit/ds-lib/use-id';
9
+ import { fg } from '@atlaskit/platform-feature-flags';
9
10
  import Popup from '@atlaskit/popup';
10
11
  import { Box, Inline, Pressable, Text } from '@atlaskit/primitives/compiled';
11
12
  import { B300, G200, P200, R300, Y200 } from '@atlaskit/theme/colors';
12
13
  import MessageIcon from '../message-icon';
13
14
  const styles = {
14
15
  contentStyles: "_bozg1ejb _y4ti1ejb _1q51pxbi _85i5pxbi",
16
+ heightAndWidthConstraints: "_1reo1wug _18m91wug _p12flti4 _c71llti4",
15
17
  rootStyles: "_1e0c1o8l _p12f1osq _1yyu1kum _y2mv1w7i",
16
- pressableStyles: "_2rko1qi0 _11c82smr _1rjcze3t _18zrze3t _1e0c116y _bfhksm61 _syazazsu _o5721q9c _kqswh2mm _4cvr1q9y _p12f1osq _4t3i1wug _1bsb1wug _s7n41q9y _9oik1r31 _1bnx8stv _jf4cnqa1"
18
+ pressableStyles: "_2rko1qi0 _11c8fhey _1rjcze3t _18zrze3t _1e0c116y _bfhksm61 _syazazsu _o5721q9c _kqswh2mm _4cvr1q9y _p12f1osq _4t3i1wug _1bsb1wug _s7n41q9y _9oik1r31 _1bnx8stv _jf4cnqa1"
17
19
  };
18
20
  const iconColor = {
19
21
  connectivity: "_x5v91r2e",
@@ -68,7 +70,7 @@ const InlineMessage = ({
68
70
  }, /*#__PURE__*/React.createElement(Popup, {
69
71
  onClose: onCloseDialog,
70
72
  content: () => /*#__PURE__*/React.createElement(Box, {
71
- xcss: cx(styles.contentStyles)
73
+ xcss: cx(styles.contentStyles, fg('add-max-width-and-height-to-inline-message') && styles.heightAndWidthConstraints)
72
74
  }, children),
73
75
  isOpen: isOpen,
74
76
  placement: placement,
package/dist/es2019/components/message-icon/index.js CHANGED
@@ -39,7 +39,6 @@ const SelectedIcon = ({
39
39
  testId: "inline-message-icon",
40
40
  label: label || defaultLabel,
41
41
  color: "currentColor",
42
- LEGACY_size: "medium",
43
42
  spacing: spacing
44
43
  }));
45
44
  };
package/dist/esm/components/inline-message/index.compiled.css CHANGED
@@ -1,20 +1,24 @@
1
- ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
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
2
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
3
3
  ._18zrze3t{padding-inline:var(--ds-space-0,0)}
4
4
  ._1rjcze3t{padding-block:var(--ds-space-0,0)}
5
+ ._18m91wug{overflow-y:auto}
5
6
  ._1bsb1wug{width:auto}
6
7
  ._1e0c116y{display:inline-flex}
7
8
  ._1e0c1o8l{display:inline-block}
8
9
  ._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
10
+ ._1reo1wug{overflow-x:auto}
9
11
  ._1yyu1kum:hover [data-ds--inline-message--icon]{color:var(--icon-accent-color)}
10
12
  ._4cvr1q9y{align-items:baseline}
11
13
  ._4t3i1wug{height:auto}
12
14
  ._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
13
15
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
14
16
  ._bozg1ejb{padding-inline-start:var(--ds-space-300,24px)}
17
+ ._c71llti4{max-height:28pc}
15
18
  ._kqswh2mm{position:relative}
16
19
  ._o5721q9c{white-space:nowrap}
17
20
  ._p12f1osq{max-width:100%}
21
+ ._p12flti4{max-width:28pc}
18
22
  ._s7n41q9y{vertical-align:baseline}
19
23
  ._syazazsu{color:var(--ds-text-subtle,#505258)}
20
24
  ._x5v913wx{--icon-accent-color:var(--ds-icon-discovery,#8777d9)}
package/dist/esm/components/inline-message/index.js CHANGED
@@ -9,14 +9,16 @@ import { ax, ix } from "@compiled/react/runtime";
9
9
  import { useCallback, useState } from 'react';
10
10
  import { cx } from '@compiled/react';
11
11
  import { useId } from '@atlaskit/ds-lib/use-id';
12
+ import { fg } from '@atlaskit/platform-feature-flags';
12
13
  import Popup from '@atlaskit/popup';
13
14
  import { Box, Inline, Pressable, Text } from '@atlaskit/primitives/compiled';
14
15
  import { B300, G200, P200, R300, Y200 } from '@atlaskit/theme/colors';
15
16
  import MessageIcon from '../message-icon';
16
17
  var styles = {
17
18
  contentStyles: "_bozg1ejb _y4ti1ejb _1q51pxbi _85i5pxbi",
19
+ heightAndWidthConstraints: "_1reo1wug _18m91wug _p12flti4 _c71llti4",
18
20
  rootStyles: "_1e0c1o8l _p12f1osq _1yyu1kum _y2mv1w7i",
19
- pressableStyles: "_2rko1qi0 _11c82smr _1rjcze3t _18zrze3t _1e0c116y _bfhksm61 _syazazsu _o5721q9c _kqswh2mm _4cvr1q9y _p12f1osq _4t3i1wug _1bsb1wug _s7n41q9y _9oik1r31 _1bnx8stv _jf4cnqa1"
21
+ pressableStyles: "_2rko1qi0 _11c8fhey _1rjcze3t _18zrze3t _1e0c116y _bfhksm61 _syazazsu _o5721q9c _kqswh2mm _4cvr1q9y _p12f1osq _4t3i1wug _1bsb1wug _s7n41q9y _9oik1r31 _1bnx8stv _jf4cnqa1"
20
22
  };
21
23
  var iconColor = {
22
24
  connectivity: "_x5v91r2e",
@@ -83,7 +85,7 @@ var InlineMessage = function InlineMessage(_ref) {
83
85
  onClose: onCloseDialog,
84
86
  content: function content() {
85
87
  return /*#__PURE__*/React.createElement(Box, {
86
- xcss: cx(styles.contentStyles)
88
+ xcss: cx(styles.contentStyles, fg('add-max-width-and-height-to-inline-message') && styles.heightAndWidthConstraints)
87
89
  }, children);
88
90
  },
89
91
  isOpen: isOpen,
package/dist/esm/components/message-icon/index.js CHANGED
@@ -35,7 +35,6 @@ var SelectedIcon = function SelectedIcon(_ref) {
35
35
  testId: "inline-message-icon",
36
36
  label: label || defaultLabel,
37
37
  color: "currentColor",
38
- LEGACY_size: "medium",
39
38
  spacing: spacing
40
39
  }));
41
40
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-message",
3
- "version": "15.5.1",
3
+ "version": "15.5.3",
4
4
  "description": "An inline message lets users know when important information is available or when an action is required.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -26,14 +26,14 @@
26
26
  "dependencies": {
27
27
  "@atlaskit/button": "^23.9.0",
28
28
  "@atlaskit/ds-lib": "^5.3.0",
29
- "@atlaskit/icon": "^29.3.0",
30
- "@atlaskit/link": "^3.2.0",
29
+ "@atlaskit/icon": "^30.0.0",
30
+ "@atlaskit/link": "^3.3.0",
31
31
  "@atlaskit/platform-feature-flags": "^1.1.0",
32
32
  "@atlaskit/popper": "^7.1.0",
33
- "@atlaskit/popup": "^4.8.0",
34
- "@atlaskit/primitives": "^17.0.0",
33
+ "@atlaskit/popup": "^4.13.0",
34
+ "@atlaskit/primitives": "^17.1.0",
35
35
  "@atlaskit/theme": "^21.0.0",
36
- "@atlaskit/tokens": "^9.0.0",
36
+ "@atlaskit/tokens": "^10.1.0",
37
37
  "@babel/runtime": "^7.0.0",
38
38
  "@compiled/react": "^0.18.6"
39
39
  },
@@ -44,12 +44,12 @@
44
44
  "@af/accessibility-testing": "workspace:^",
45
45
  "@af/integration-testing": "workspace:^",
46
46
  "@af/visual-regression": "workspace:^",
47
- "@atlaskit/docs": "^11.2.0",
47
+ "@atlaskit/docs": "^11.3.0",
48
48
  "@atlaskit/heading": "^5.2.0",
49
- "@atlaskit/modal-dialog": "^14.9.0",
50
- "@atlaskit/section-message": "^8.11.0",
49
+ "@atlaskit/modal-dialog": "^14.10.0",
50
+ "@atlaskit/section-message": "^8.12.0",
51
51
  "@atlassian/ssr-tests": "workspace:^",
52
- "@testing-library/react": "^13.4.0",
52
+ "@testing-library/react": "^16.3.0",
53
53
  "@testing-library/user-event": "^14.4.3",
54
54
  "react-dom": "^18.2.0"
55
55
  },
@@ -90,6 +90,9 @@
90
90
  "platform-feature-flags": {
91
91
  "dst-a11y__replace-anchor-with-link__design-system-": {
92
92
  "type": "boolean"
93
+ },
94
+ "add-max-width-and-height-to-inline-message": {
95
+ "type": "boolean"
93
96
  }
94
97
  }
95
98
  }