@atlaskit/inline-edit 15.0.1 → 15.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/inline-edit.js +1 -1
  3. package/dist/cjs/inline-editable-textfield.compiled.css +1 -1
  4. package/dist/cjs/inline-editable-textfield.js +4 -3
  5. package/dist/cjs/internal/buttons.compiled.css +1 -1
  6. package/dist/cjs/internal/buttons.js +11 -7
  7. package/dist/es2019/inline-edit.js +1 -1
  8. package/dist/es2019/inline-editable-textfield.compiled.css +1 -1
  9. package/dist/es2019/inline-editable-textfield.js +4 -3
  10. package/dist/es2019/internal/buttons.compiled.css +1 -1
  11. package/dist/es2019/internal/buttons.js +11 -7
  12. package/dist/esm/inline-edit.js +1 -1
  13. package/dist/esm/inline-editable-textfield.compiled.css +1 -1
  14. package/dist/esm/inline-editable-textfield.js +4 -3
  15. package/dist/esm/internal/buttons.compiled.css +1 -1
  16. package/dist/esm/internal/buttons.js +11 -7
  17. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/inline-edit
2
2
 
3
+ ## 15.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#122932](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/122932)
8
+ [`76112befc0645`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/76112befc0645) -
9
+ Updated error validation icon, confirm button, and cancel button to use new icons. This change is
10
+ behind a feature flag and will be available in a later release.
11
+
12
+ ## 15.0.2
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 15.0.1
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/inline-edit.js CHANGED
@@ -29,7 +29,7 @@ var fieldStyles = null;
29
29
  var analyticsAttributes = {
30
30
  componentName: 'inlineEdit',
31
31
  packageName: "@atlaskit/inline-edit",
32
- packageVersion: "15.0.1"
32
+ packageVersion: "15.1.0"
33
33
  };
34
34
  var InnerInlineEdit = function InnerInlineEdit(props) {
35
35
  var _props$startWithEditV = props.startWithEditViewOpen,
package/dist/cjs/inline-editable-textfield.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
  ._18zr12x7{padding-inline:var(--ds-space-075,6px)}
3
3
  ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
4
4
  ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
package/dist/cjs/inline-editable-textfield.js CHANGED
@@ -13,7 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
13
13
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
14
14
  var _react = _interopRequireWildcard(require("react"));
15
15
  var _css = require("@atlaskit/css");
16
- var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
16
+ var _error = _interopRequireDefault(require("@atlaskit/icon/utility/migration/error"));
17
17
  var _inlineDialog = _interopRequireDefault(require("@atlaskit/inline-dialog"));
18
18
  var _compiled = require("@atlaskit/primitives/compiled");
19
19
  var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
@@ -26,7 +26,7 @@ var errorIconContainerStyles = {
26
26
  root: "_vwz41osq _y4ti12x7"
27
27
  };
28
28
  var readViewForTextFieldStyles = {
29
- root: "_11c81oud _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
29
+ root: "_11c82smr _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
30
30
  };
31
31
  var compactStyles = {
32
32
  root: "_1rjc1b66 _18zr12x7"
@@ -64,7 +64,8 @@ var InlineEditableTextfield = function InlineEditableTextfield(props) {
64
64
  xcss: errorIconContainerStyles.root
65
65
  }, /*#__PURE__*/_react.default.createElement(_error.default, {
66
66
  label: "error",
67
- primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
67
+ LEGACY_primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
68
+ color: "var(--ds-icon-danger, #C9372C)"
68
69
  })),
69
70
  testId: testId,
70
71
  isCompact: isCompact,
package/dist/cjs/internal/buttons.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
  ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
3
3
  ._152t1osq{inset-block-start:100%}
4
4
  ._16qs1a23{box-shadow:var(--_3t1odq)}
package/dist/cjs/internal/buttons.js CHANGED
@@ -12,8 +12,9 @@ var React = _interopRequireWildcard(require("react"));
12
12
  var _runtime = require("@compiled/react/runtime");
13
13
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
14
14
  var _new = require("@atlaskit/button/new");
15
- var _check = _interopRequireDefault(require("@atlaskit/icon/glyph/check"));
16
15
  var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
16
+ var _cross2 = _interopRequireDefault(require("@atlaskit/icon/utility/cross"));
17
+ var _checkMarkCheck = _interopRequireDefault(require("@atlaskit/icon/utility/migration/check-mark--check"));
17
18
  var _colors = require("@atlaskit/theme/colors");
18
19
  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); }
19
20
  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; }
@@ -31,7 +32,7 @@ var Buttons = function Buttons(_ref) {
31
32
  className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
32
33
  }, /*#__PURE__*/React.createElement("div", {
33
34
  tabIndex: -1,
34
- className: (0, _runtime.ax)(["_2rko1sit _11c81oud _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
35
+ className: (0, _runtime.ax)(["_2rko1sit _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
35
36
  style: {
36
37
  "--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
37
38
  "--_3t1odq": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")),
@@ -42,8 +43,8 @@ var Buttons = function Buttons(_ref) {
42
43
  }, /*#__PURE__*/React.createElement(_new.IconButton, {
43
44
  type: "submit",
44
45
  icon: function icon(iconProps) {
45
- return /*#__PURE__*/React.createElement(_check.default, (0, _extends2.default)({}, iconProps, {
46
- size: "small"
46
+ return /*#__PURE__*/React.createElement(_checkMarkCheck.default, (0, _extends2.default)({}, iconProps, {
47
+ LEGACY_size: "small"
47
48
  }));
48
49
  },
49
50
  onMouseDown: onMouseDown,
@@ -51,7 +52,7 @@ var Buttons = function Buttons(_ref) {
51
52
  testId: testId && "".concat(testId, "--confirm")
52
53
  })), /*#__PURE__*/React.createElement("div", {
53
54
  tabIndex: -1,
54
- className: (0, _runtime.ax)(["_2rko1sit _11c81oud _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
55
+ className: (0, _runtime.ax)(["_2rko1sit _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
55
56
  style: {
56
57
  "--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
57
58
  "--_3t1odq": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")),
@@ -61,8 +62,9 @@ var Buttons = function Buttons(_ref) {
61
62
  }
62
63
  }, /*#__PURE__*/React.createElement(_new.IconButton, {
63
64
  icon: function icon(iconProps) {
64
- return /*#__PURE__*/React.createElement(_cross.default, (0, _extends2.default)({}, iconProps, {
65
- size: "small"
65
+ return /*#__PURE__*/React.createElement(_cross2.default, (0, _extends2.default)({}, iconProps, {
66
+ LEGACY_size: "small",
67
+ LEGACY_fallbackIcon: _cross.default
66
68
  }));
67
69
  },
68
70
  label: cancelButtonLabel,
@@ -71,4 +73,6 @@ var Buttons = function Buttons(_ref) {
71
73
  testId: testId && "".concat(testId, "--cancel")
72
74
  })));
73
75
  };
76
+
77
+ // eslint-disable-next-line @repo/internal/react/require-jsdoc
74
78
  var _default = exports.default = Buttons;
package/dist/es2019/inline-edit.js CHANGED
@@ -15,7 +15,7 @@ const fieldStyles = null;
15
15
  const analyticsAttributes = {
16
16
  componentName: 'inlineEdit',
17
17
  packageName: "@atlaskit/inline-edit",
18
- packageVersion: "15.0.1"
18
+ packageVersion: "15.1.0"
19
19
  };
20
20
  const InnerInlineEdit = props => {
21
21
  const {
package/dist/es2019/inline-editable-textfield.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
  ._18zr12x7{padding-inline:var(--ds-space-075,6px)}
3
3
  ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
4
4
  ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
package/dist/es2019/inline-editable-textfield.js CHANGED
@@ -4,7 +4,7 @@ import "./inline-editable-textfield.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React, { useCallback, useRef } from 'react';
6
6
  import { cx } from '@atlaskit/css';
7
- import ErrorIcon from '@atlaskit/icon/glyph/error';
7
+ import ErrorIcon from '@atlaskit/icon/utility/migration/error';
8
8
  import InlineDialog from '@atlaskit/inline-dialog';
9
9
  import { Box } from '@atlaskit/primitives/compiled';
10
10
  import Textfield from '@atlaskit/textfield';
@@ -14,7 +14,7 @@ const errorIconContainerStyles = {
14
14
  root: "_vwz41osq _y4ti12x7"
15
15
  };
16
16
  const readViewForTextFieldStyles = {
17
- root: "_11c81oud _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
17
+ root: "_11c82smr _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
18
18
  };
19
19
  const compactStyles = {
20
20
  root: "_1rjc1b66 _18zr12x7"
@@ -53,7 +53,8 @@ const InlineEditableTextfield = props => {
53
53
  xcss: errorIconContainerStyles.root
54
54
  }, /*#__PURE__*/React.createElement(ErrorIcon, {
55
55
  label: "error",
56
- primaryColor: `var(--ds-icon-danger, ${R400})`
56
+ LEGACY_primaryColor: `var(--ds-icon-danger, ${R400})`,
57
+ color: "var(--ds-icon-danger, #C9372C)"
57
58
  })),
58
59
  testId: testId,
59
60
  isCompact: isCompact,
package/dist/es2019/internal/buttons.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
  ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
3
3
  ._152t1osq{inset-block-start:100%}
4
4
  ._16qs1kf5{box-shadow:var(--ds-shadow-overlay,0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31))}
package/dist/es2019/internal/buttons.js CHANGED
@@ -7,8 +7,9 @@ import { ax, ix } from "@compiled/react/runtime";
7
7
  /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
8
8
 
9
9
  import { IconButton } from '@atlaskit/button/new';
10
- import ConfirmIcon from '@atlaskit/icon/glyph/check';
11
10
  import CancelIcon from '@atlaskit/icon/glyph/cross';
11
+ import CrossIcon from '@atlaskit/icon/utility/cross';
12
+ import CheckMarkIcon from '@atlaskit/icon/utility/migration/check-mark--check';
12
13
  import { B400, N0, N20A, N30A, N50A, N60A } from '@atlaskit/theme/colors';
13
14
  const buttonsContainerStyles = null;
14
15
  const buttonWrapperBaseStyles = null;
@@ -23,21 +24,22 @@ const Buttons = ({
23
24
  className: ax(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
24
25
  }, /*#__PURE__*/React.createElement("div", {
25
26
  tabIndex: -1,
26
- className: ax(["_2rko1sit _11c81oud _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z"])
27
+ className: ax(["_2rko1sit _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z"])
27
28
  }, /*#__PURE__*/React.createElement(IconButton, {
28
29
  type: "submit",
29
- icon: iconProps => /*#__PURE__*/React.createElement(ConfirmIcon, _extends({}, iconProps, {
30
- size: "small"
30
+ icon: iconProps => /*#__PURE__*/React.createElement(CheckMarkIcon, _extends({}, iconProps, {
31
+ LEGACY_size: "small"
31
32
  })),
32
33
  onMouseDown: onMouseDown,
33
34
  label: confirmButtonLabel,
34
35
  testId: testId && `${testId}--confirm`
35
36
  })), /*#__PURE__*/React.createElement("div", {
36
37
  tabIndex: -1,
37
- className: ax(["_2rko1sit _11c81oud _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z"])
38
+ className: ax(["_2rko1sit _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z"])
38
39
  }, /*#__PURE__*/React.createElement(IconButton, {
39
- icon: iconProps => /*#__PURE__*/React.createElement(CancelIcon, _extends({}, iconProps, {
40
- size: "small"
40
+ icon: iconProps => /*#__PURE__*/React.createElement(CrossIcon, _extends({}, iconProps, {
41
+ LEGACY_size: "small",
42
+ LEGACY_fallbackIcon: CancelIcon
41
43
  })),
42
44
  label: cancelButtonLabel,
43
45
  onClick: onCancelClick,
@@ -45,4 +47,6 @@ const Buttons = ({
45
47
  testId: testId && `${testId}--cancel`
46
48
  })));
47
49
  };
50
+
51
+ // eslint-disable-next-line @repo/internal/react/require-jsdoc
48
52
  export default Buttons;
package/dist/esm/inline-edit.js CHANGED
@@ -19,7 +19,7 @@ var fieldStyles = null;
19
19
  var analyticsAttributes = {
20
20
  componentName: 'inlineEdit',
21
21
  packageName: "@atlaskit/inline-edit",
22
- packageVersion: "15.0.1"
22
+ packageVersion: "15.1.0"
23
23
  };
24
24
  var InnerInlineEdit = function InnerInlineEdit(props) {
25
25
  var _props$startWithEditV = props.startWithEditViewOpen,
package/dist/esm/inline-editable-textfield.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
  ._18zr12x7{padding-inline:var(--ds-space-075,6px)}
3
3
  ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
4
4
  ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
package/dist/esm/inline-editable-textfield.js CHANGED
@@ -6,7 +6,7 @@ import "./inline-editable-textfield.compiled.css";
6
6
  import { ax, ix } from "@compiled/react/runtime";
7
7
  import React, { useCallback, useRef } from 'react';
8
8
  import { cx } from '@atlaskit/css';
9
- import ErrorIcon from '@atlaskit/icon/glyph/error';
9
+ import ErrorIcon from '@atlaskit/icon/utility/migration/error';
10
10
  import InlineDialog from '@atlaskit/inline-dialog';
11
11
  import { Box } from '@atlaskit/primitives/compiled';
12
12
  import Textfield from '@atlaskit/textfield';
@@ -16,7 +16,7 @@ var errorIconContainerStyles = {
16
16
  root: "_vwz41osq _y4ti12x7"
17
17
  };
18
18
  var readViewForTextFieldStyles = {
19
- root: "_11c81oud _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
19
+ root: "_11c82smr _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
20
20
  };
21
21
  var compactStyles = {
22
22
  root: "_1rjc1b66 _18zr12x7"
@@ -54,7 +54,8 @@ var InlineEditableTextfield = function InlineEditableTextfield(props) {
54
54
  xcss: errorIconContainerStyles.root
55
55
  }, /*#__PURE__*/React.createElement(ErrorIcon, {
56
56
  label: "error",
57
- primaryColor: "var(--ds-icon-danger, ".concat(R400, ")")
57
+ LEGACY_primaryColor: "var(--ds-icon-danger, ".concat(R400, ")"),
58
+ color: "var(--ds-icon-danger, #C9372C)"
58
59
  })),
59
60
  testId: testId,
60
61
  isCompact: isCompact,
package/dist/esm/internal/buttons.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
  ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
3
3
  ._152t1osq{inset-block-start:100%}
4
4
  ._16qs1a23{box-shadow:var(--_3t1odq)}
package/dist/esm/internal/buttons.js CHANGED
@@ -7,8 +7,9 @@ import { ax, ix } from "@compiled/react/runtime";
7
7
  /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
8
8
 
9
9
  import { IconButton } from '@atlaskit/button/new';
10
- import ConfirmIcon from '@atlaskit/icon/glyph/check';
11
10
  import CancelIcon from '@atlaskit/icon/glyph/cross';
11
+ import CrossIcon from '@atlaskit/icon/utility/cross';
12
+ import CheckMarkIcon from '@atlaskit/icon/utility/migration/check-mark--check';
12
13
  import { B400, N0, N20A, N30A, N50A, N60A } from '@atlaskit/theme/colors';
13
14
  var buttonsContainerStyles = null;
14
15
  var buttonWrapperBaseStyles = null;
@@ -22,7 +23,7 @@ var Buttons = function Buttons(_ref) {
22
23
  className: ax(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
23
24
  }, /*#__PURE__*/React.createElement("div", {
24
25
  tabIndex: -1,
25
- className: ax(["_2rko1sit _11c81oud _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
26
+ className: ax(["_2rko1sit _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
26
27
  style: {
27
28
  "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
28
29
  "--_3t1odq": ix("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")),
@@ -33,8 +34,8 @@ var Buttons = function Buttons(_ref) {
33
34
  }, /*#__PURE__*/React.createElement(IconButton, {
34
35
  type: "submit",
35
36
  icon: function icon(iconProps) {
36
- return /*#__PURE__*/React.createElement(ConfirmIcon, _extends({}, iconProps, {
37
- size: "small"
37
+ return /*#__PURE__*/React.createElement(CheckMarkIcon, _extends({}, iconProps, {
38
+ LEGACY_size: "small"
38
39
  }));
39
40
  },
40
41
  onMouseDown: onMouseDown,
@@ -42,7 +43,7 @@ var Buttons = function Buttons(_ref) {
42
43
  testId: testId && "".concat(testId, "--confirm")
43
44
  })), /*#__PURE__*/React.createElement("div", {
44
45
  tabIndex: -1,
45
- className: ax(["_2rko1sit _11c81oud _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
46
+ className: ax(["_2rko1sit _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
46
47
  style: {
47
48
  "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
48
49
  "--_3t1odq": ix("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")),
@@ -52,8 +53,9 @@ var Buttons = function Buttons(_ref) {
52
53
  }
53
54
  }, /*#__PURE__*/React.createElement(IconButton, {
54
55
  icon: function icon(iconProps) {
55
- return /*#__PURE__*/React.createElement(CancelIcon, _extends({}, iconProps, {
56
- size: "small"
56
+ return /*#__PURE__*/React.createElement(CrossIcon, _extends({}, iconProps, {
57
+ LEGACY_size: "small",
58
+ LEGACY_fallbackIcon: CancelIcon
57
59
  }));
58
60
  },
59
61
  label: cancelButtonLabel,
@@ -62,4 +64,6 @@ var Buttons = function Buttons(_ref) {
62
64
  testId: testId && "".concat(testId, "--cancel")
63
65
  })));
64
66
  };
67
+
68
+ // eslint-disable-next-line @repo/internal/react/require-jsdoc
65
69
  export default Buttons;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "15.0.1",
3
+ "version": "15.1.0",
4
4
  "description": "An inline edit displays a custom input component that switches between reading and editing on the same page.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
44
44
  "@atlaskit/platform-feature-flags": "^1.1.0",
45
45
  "@atlaskit/primitives": "^14.1.0",
46
46
  "@atlaskit/textfield": "^8.0.0",
47
- "@atlaskit/theme": "^17.0.0",
47
+ "@atlaskit/theme": "^18.0.0",
48
48
  "@atlaskit/tokens": "^4.3.0",
49
49
  "@atlaskit/visually-hidden": "^3.0.0",
50
50
  "@babel/runtime": "^7.0.0",
@@ -56,12 +56,12 @@
56
56
  "devDependencies": {
57
57
  "@af/accessibility-testing": "*",
58
58
  "@af/integration-testing": "*",
59
- "@atlaskit/datetime-picker": "^16.0.0",
59
+ "@atlaskit/datetime-picker": "^16.1.0",
60
60
  "@atlaskit/docs": "*",
61
61
  "@atlaskit/ds-lib": "^4.0.0",
62
62
  "@atlaskit/heading": "^5.1.0",
63
63
  "@atlaskit/link": "*",
64
- "@atlaskit/section-message": "^8.0.0",
64
+ "@atlaskit/section-message": "^8.1.0",
65
65
  "@atlaskit/select": "^20.0.0",
66
66
  "@atlaskit/ssr": "*",
67
67
  "@atlaskit/tag": "^14.0.0",