@atlaskit/inline-edit 13.0.5 → 13.0.6

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 (8) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/inline-edit.js +1 -1
  3. package/dist/cjs/internal/buttons.js +10 -14
  4. package/dist/es2019/inline-edit.js +1 -1
  5. package/dist/es2019/internal/buttons.js +10 -14
  6. package/dist/esm/inline-edit.js +1 -1
  7. package/dist/esm/internal/buttons.js +10 -14
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/inline-edit
2
2
 
3
+ ## 13.0.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#63597](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63597) [`b0b29dd45567`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b0b29dd45567) - [ux] Migrated action buttons in inline-edit to consume new icon buttons.
8
+ - Updated dependencies
9
+
3
10
  ## 13.0.5
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/inline-edit.js CHANGED
@@ -27,7 +27,7 @@ var fieldStyles = (0, _react2.css)({
27
27
  var analyticsAttributes = {
28
28
  componentName: 'inlineEdit',
29
29
  packageName: "@atlaskit/inline-edit",
30
- packageVersion: "13.0.5"
30
+ packageVersion: "13.0.6"
31
31
  };
32
32
  var noop = function noop() {};
33
33
  var InnerInlineEdit = function InnerInlineEdit(props) {
package/dist/cjs/internal/buttons.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _react = require("@emotion/react");
9
- var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
9
+ var _new = require("@atlaskit/button/new");
10
10
  var _check = _interopRequireDefault(require("@atlaskit/icon/glyph/check"));
11
11
  var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
12
12
  var _colors = require("@atlaskit/theme/colors");
@@ -58,25 +58,21 @@ var Buttons = function Buttons(_ref) {
58
58
  css: buttonsContainerStyles
59
59
  }, (0, _react.jsx)("div", {
60
60
  css: buttonWrapperBaseStyles
61
- }, (0, _react.jsx)(_standardButton.default, {
61
+ }, (0, _react.jsx)(_new.IconButton, {
62
62
  "aria-label": confirmButtonLabel,
63
63
  type: "submit",
64
- iconBefore: (0, _react.jsx)(_check.default, {
65
- label: confirmButtonLabel,
66
- size: "small"
67
- }),
68
- shouldFitContainer: true,
69
- onMouseDown: onMouseDown
64
+ icon: _check.default,
65
+ UNSAFE_size: "small",
66
+ onMouseDown: onMouseDown,
67
+ label: confirmButtonLabel
70
68
  })), (0, _react.jsx)("div", {
71
69
  css: buttonWrapperBaseStyles
72
- }, (0, _react.jsx)(_standardButton.default, {
70
+ }, (0, _react.jsx)(_new.IconButton, {
73
71
  "aria-label": cancelButtonLabel,
74
- iconBefore: (0, _react.jsx)(_cross.default, {
75
- label: cancelButtonLabel,
76
- size: "small"
77
- }),
72
+ icon: _cross.default,
73
+ UNSAFE_size: "small",
74
+ label: cancelButtonLabel,
78
75
  onClick: onCancelClick,
79
- shouldFitContainer: true,
80
76
  onMouseDown: onMouseDown
81
77
  })));
82
78
  };
package/dist/es2019/inline-edit.js CHANGED
@@ -14,7 +14,7 @@ const fieldStyles = css({
14
14
  const analyticsAttributes = {
15
15
  componentName: 'inlineEdit',
16
16
  packageName: "@atlaskit/inline-edit",
17
- packageVersion: "13.0.5"
17
+ packageVersion: "13.0.6"
18
18
  };
19
19
  const noop = () => {};
20
20
  const InnerInlineEdit = props => {
package/dist/es2019/internal/buttons.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /** @jsx jsx */
2
2
 
3
3
  import { css, jsx } from '@emotion/react';
4
- import Button from '@atlaskit/button/standard-button';
4
+ import { IconButton } from '@atlaskit/button/new';
5
5
  import ConfirmIcon from '@atlaskit/icon/glyph/check';
6
6
  import CancelIcon from '@atlaskit/icon/glyph/cross';
7
7
  import { B400, N0, N20A, N30A, N50A, N60A } from '@atlaskit/theme/colors';
@@ -52,25 +52,21 @@ const Buttons = ({
52
52
  css: buttonsContainerStyles
53
53
  }, jsx("div", {
54
54
  css: buttonWrapperBaseStyles
55
- }, jsx(Button, {
55
+ }, jsx(IconButton, {
56
56
  "aria-label": confirmButtonLabel,
57
57
  type: "submit",
58
- iconBefore: jsx(ConfirmIcon, {
59
- label: confirmButtonLabel,
60
- size: "small"
61
- }),
62
- shouldFitContainer: true,
63
- onMouseDown: onMouseDown
58
+ icon: ConfirmIcon,
59
+ UNSAFE_size: "small",
60
+ onMouseDown: onMouseDown,
61
+ label: confirmButtonLabel
64
62
  })), jsx("div", {
65
63
  css: buttonWrapperBaseStyles
66
- }, jsx(Button, {
64
+ }, jsx(IconButton, {
67
65
  "aria-label": cancelButtonLabel,
68
- iconBefore: jsx(CancelIcon, {
69
- label: cancelButtonLabel,
70
- size: "small"
71
- }),
66
+ icon: CancelIcon,
67
+ UNSAFE_size: "small",
68
+ label: cancelButtonLabel,
72
69
  onClick: onCancelClick,
73
- shouldFitContainer: true,
74
70
  onMouseDown: onMouseDown
75
71
  })));
76
72
  };
package/dist/esm/inline-edit.js CHANGED
@@ -18,7 +18,7 @@ var fieldStyles = css({
18
18
  var analyticsAttributes = {
19
19
  componentName: 'inlineEdit',
20
20
  packageName: "@atlaskit/inline-edit",
21
- packageVersion: "13.0.5"
21
+ packageVersion: "13.0.6"
22
22
  };
23
23
  var noop = function noop() {};
24
24
  var InnerInlineEdit = function InnerInlineEdit(props) {
package/dist/esm/internal/buttons.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /** @jsx jsx */
2
2
 
3
3
  import { css, jsx } from '@emotion/react';
4
- import Button from '@atlaskit/button/standard-button';
4
+ import { IconButton } from '@atlaskit/button/new';
5
5
  import ConfirmIcon from '@atlaskit/icon/glyph/check';
6
6
  import CancelIcon from '@atlaskit/icon/glyph/cross';
7
7
  import { B400, N0, N20A, N30A, N50A, N60A } from '@atlaskit/theme/colors';
@@ -51,25 +51,21 @@ var Buttons = function Buttons(_ref) {
51
51
  css: buttonsContainerStyles
52
52
  }, jsx("div", {
53
53
  css: buttonWrapperBaseStyles
54
- }, jsx(Button, {
54
+ }, jsx(IconButton, {
55
55
  "aria-label": confirmButtonLabel,
56
56
  type: "submit",
57
- iconBefore: jsx(ConfirmIcon, {
58
- label: confirmButtonLabel,
59
- size: "small"
60
- }),
61
- shouldFitContainer: true,
62
- onMouseDown: onMouseDown
57
+ icon: ConfirmIcon,
58
+ UNSAFE_size: "small",
59
+ onMouseDown: onMouseDown,
60
+ label: confirmButtonLabel
63
61
  })), jsx("div", {
64
62
  css: buttonWrapperBaseStyles
65
- }, jsx(Button, {
63
+ }, jsx(IconButton, {
66
64
  "aria-label": cancelButtonLabel,
67
- iconBefore: jsx(CancelIcon, {
68
- label: cancelButtonLabel,
69
- size: "small"
70
- }),
65
+ icon: CancelIcon,
66
+ UNSAFE_size: "small",
67
+ label: cancelButtonLabel,
71
68
  onClick: onCancelClick,
72
- shouldFitContainer: true,
73
69
  onMouseDown: onMouseDown
74
70
  })));
75
71
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "13.0.5",
3
+ "version": "13.0.6",
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/"
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/inline-dialog": "^14.0.0",
44
44
  "@atlaskit/textfield": "^6.0.0",
45
45
  "@atlaskit/theme": "^12.6.0",
46
- "@atlaskit/tokens": "^1.34.0",
46
+ "@atlaskit/tokens": "^1.35.0",
47
47
  "@babel/runtime": "^7.0.0",
48
48
  "@emotion/react": "^11.7.1"
49
49
  },