@atlaskit/inline-edit 15.5.0 → 15.6.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/inline-edit
2
2
 
3
+ ## 15.6.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 15.6.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`87b12e64ff750`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87b12e64ff750) -
14
+ Removed usages of LEGACY icon props
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies
19
+
3
20
  ## 15.5.0
4
21
 
5
22
  ### Minor Changes
@@ -28,7 +28,7 @@ var fieldStyles = null;
28
28
  var analyticsAttributes = {
29
29
  componentName: 'inlineEdit',
30
30
  packageName: "@atlaskit/inline-edit",
31
- packageVersion: "0.0.0-development"
31
+ packageVersion: "15.6.0"
32
32
  };
33
33
  var InnerInlineEdit = function InnerInlineEdit(props) {
34
34
  var _props$startWithEditV = props.startWithEditViewOpen,
@@ -1,4 +1,4 @@
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
  ._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)}
@@ -17,7 +17,6 @@ var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-er
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"));
20
- var _colors = require("@atlaskit/theme/colors");
21
20
  var _inlineEdit = _interopRequireDefault(require("./inline-edit"));
22
21
  var _excluded = ["errorMessage", "isInvalid"];
23
22
  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,7 +24,7 @@ var errorIconContainerStyles = {
25
24
  root: "_vwz41osq _y4ti12x7"
26
25
  };
27
26
  var readViewForTextFieldStyles = {
28
- root: "_11c82smr _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
27
+ root: "_11c8fhey _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
29
28
  };
30
29
  var compactStyles = {
31
30
  root: "_1rjc1b66 _18zr12x7"
@@ -75,7 +74,6 @@ var InlineEditableTextfield = function InlineEditableTextfield(props) {
75
74
  xcss: errorIconContainerStyles.root
76
75
  }, /*#__PURE__*/_react.default.createElement(_statusError.default, {
77
76
  label: "error",
78
- LEGACY_primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
79
77
  color: "var(--ds-icon-danger, #C9372C)",
80
78
  size: "small"
81
79
  })),
@@ -1,4 +1,4 @@
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
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
4
  ._152t1osq{inset-block-start:100%}
@@ -32,7 +32,7 @@ var Buttons = function Buttons(_ref) {
32
32
  className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
33
33
  }, /*#__PURE__*/React.createElement("div", {
34
34
  tabIndex: -1,
35
- className: (0, _runtime.ax)(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rko1qi0"]),
35
+ className: (0, _runtime.ax)(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rko1qi0"]),
36
36
  style: {
37
37
  "--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
38
38
  "--_3t1odq": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")),
@@ -52,7 +52,7 @@ var Buttons = function Buttons(_ref) {
52
52
  testId: testId && "".concat(testId, "--confirm")
53
53
  })), /*#__PURE__*/React.createElement("div", {
54
54
  tabIndex: -1,
55
- className: (0, _runtime.ax)(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rko1qi0"]),
55
+ className: (0, _runtime.ax)(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rko1qi0"]),
56
56
  style: {
57
57
  "--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
58
58
  "--_3t1odq": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")),
@@ -15,7 +15,7 @@ const fieldStyles = null;
15
15
  const analyticsAttributes = {
16
16
  componentName: 'inlineEdit',
17
17
  packageName: "@atlaskit/inline-edit",
18
- packageVersion: "0.0.0-development"
18
+ packageVersion: "15.6.0"
19
19
  };
20
20
  const InnerInlineEdit = props => {
21
21
  const {
@@ -1,4 +1,4 @@
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
  ._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)}
@@ -8,13 +8,12 @@ import ErrorIcon from '@atlaskit/icon/core/status-error';
8
8
  import InlineDialog from '@atlaskit/inline-dialog';
9
9
  import { Box } from '@atlaskit/primitives/compiled';
10
10
  import Textfield from '@atlaskit/textfield';
11
- import { R400 } from '@atlaskit/theme/colors';
12
11
  import InlineEdit from './inline-edit';
13
12
  const errorIconContainerStyles = {
14
13
  root: "_vwz41osq _y4ti12x7"
15
14
  };
16
15
  const readViewForTextFieldStyles = {
17
- root: "_11c82smr _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
16
+ root: "_11c8fhey _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
18
17
  };
19
18
  const compactStyles = {
20
19
  root: "_1rjc1b66 _18zr12x7"
@@ -65,7 +64,6 @@ const InlineEditableTextfield = props => {
65
64
  xcss: errorIconContainerStyles.root
66
65
  }, /*#__PURE__*/React.createElement(ErrorIcon, {
67
66
  label: "error",
68
- LEGACY_primaryColor: `var(--ds-icon-danger, ${R400})`,
69
67
  color: "var(--ds-icon-danger, #C9372C)",
70
68
  size: "small"
71
69
  })),
@@ -1,4 +1,4 @@
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
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
4
  ._152t1osq{inset-block-start:100%}
@@ -25,7 +25,7 @@ const Buttons = ({
25
25
  className: ax(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
26
26
  }, /*#__PURE__*/React.createElement("div", {
27
27
  tabIndex: -1,
28
- className: ax(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z", fg('platform-dst-shape-theme-default') && "_2rko1qi0"])
28
+ className: ax(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z", fg('platform-dst-shape-theme-default') && "_2rko1qi0"])
29
29
  }, /*#__PURE__*/React.createElement(IconButton, {
30
30
  type: "submit",
31
31
  icon: iconProps => /*#__PURE__*/React.createElement(CheckMarkIcon, _extends({}, iconProps, {
@@ -36,7 +36,7 @@ const Buttons = ({
36
36
  testId: testId && `${testId}--confirm`
37
37
  })), /*#__PURE__*/React.createElement("div", {
38
38
  tabIndex: -1,
39
- className: ax(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z", fg('platform-dst-shape-theme-default') && "_2rko1qi0"])
39
+ className: ax(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z", fg('platform-dst-shape-theme-default') && "_2rko1qi0"])
40
40
  }, /*#__PURE__*/React.createElement(IconButton, {
41
41
  icon: iconProps => /*#__PURE__*/React.createElement(CrossIcon, _extends({}, iconProps, {
42
42
  size: "small"
@@ -19,7 +19,7 @@ var fieldStyles = null;
19
19
  var analyticsAttributes = {
20
20
  componentName: 'inlineEdit',
21
21
  packageName: "@atlaskit/inline-edit",
22
- packageVersion: "0.0.0-development"
22
+ packageVersion: "15.6.0"
23
23
  };
24
24
  var InnerInlineEdit = function InnerInlineEdit(props) {
25
25
  var _props$startWithEditV = props.startWithEditViewOpen,
@@ -1,4 +1,4 @@
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
  ._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)}
@@ -10,13 +10,12 @@ import ErrorIcon from '@atlaskit/icon/core/status-error';
10
10
  import InlineDialog from '@atlaskit/inline-dialog';
11
11
  import { Box } from '@atlaskit/primitives/compiled';
12
12
  import Textfield from '@atlaskit/textfield';
13
- import { R400 } from '@atlaskit/theme/colors';
14
13
  import InlineEdit from './inline-edit';
15
14
  var errorIconContainerStyles = {
16
15
  root: "_vwz41osq _y4ti12x7"
17
16
  };
18
17
  var readViewForTextFieldStyles = {
19
- root: "_11c82smr _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
18
+ root: "_11c8fhey _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
20
19
  };
21
20
  var compactStyles = {
22
21
  root: "_1rjc1b66 _18zr12x7"
@@ -66,7 +65,6 @@ var InlineEditableTextfield = function InlineEditableTextfield(props) {
66
65
  xcss: errorIconContainerStyles.root
67
66
  }, /*#__PURE__*/React.createElement(ErrorIcon, {
68
67
  label: "error",
69
- LEGACY_primaryColor: "var(--ds-icon-danger, ".concat(R400, ")"),
70
68
  color: "var(--ds-icon-danger, #C9372C)",
71
69
  size: "small"
72
70
  })),
@@ -1,4 +1,4 @@
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
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
4
  ._152t1osq{inset-block-start:100%}
@@ -24,7 +24,7 @@ var Buttons = function Buttons(_ref) {
24
24
  className: ax(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
25
25
  }, /*#__PURE__*/React.createElement("div", {
26
26
  tabIndex: -1,
27
- className: ax(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km", fg('platform-dst-shape-theme-default') && "_2rko1qi0"]),
27
+ className: ax(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km", fg('platform-dst-shape-theme-default') && "_2rko1qi0"]),
28
28
  style: {
29
29
  "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
30
30
  "--_3t1odq": ix("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")),
@@ -44,7 +44,7 @@ var Buttons = function Buttons(_ref) {
44
44
  testId: testId && "".concat(testId, "--confirm")
45
45
  })), /*#__PURE__*/React.createElement("div", {
46
46
  tabIndex: -1,
47
- className: ax(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km", fg('platform-dst-shape-theme-default') && "_2rko1qi0"]),
47
+ className: ax(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km", fg('platform-dst-shape-theme-default') && "_2rko1qi0"]),
48
48
  style: {
49
49
  "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
50
50
  "--_3t1odq": ix("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "15.5.0",
3
+ "version": "15.6.1",
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/"
@@ -36,14 +36,14 @@
36
36
  "@atlaskit/analytics-next": "^11.1.0",
37
37
  "@atlaskit/button": "^23.9.0",
38
38
  "@atlaskit/css": "^0.19.0",
39
- "@atlaskit/form": "^15.2.0",
40
- "@atlaskit/icon": "^29.3.0",
39
+ "@atlaskit/form": "^15.3.0",
40
+ "@atlaskit/icon": "^29.4.0",
41
41
  "@atlaskit/inline-dialog": "^18.0.0",
42
42
  "@atlaskit/platform-feature-flags": "^1.1.0",
43
- "@atlaskit/primitives": "^17.0.0",
43
+ "@atlaskit/primitives": "^17.1.0",
44
44
  "@atlaskit/textfield": "^8.2.0",
45
45
  "@atlaskit/theme": "^21.0.0",
46
- "@atlaskit/tokens": "^9.0.0",
46
+ "@atlaskit/tokens": "^10.0.0",
47
47
  "@atlaskit/visually-hidden": "^3.0.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@compiled/react": "^0.18.6"
@@ -54,17 +54,17 @@
54
54
  "devDependencies": {
55
55
  "@af/accessibility-testing": "workspace:^",
56
56
  "@af/integration-testing": "workspace:^",
57
- "@atlaskit/datetime-picker": "^17.3.0",
58
- "@atlaskit/docs": "^11.2.0",
57
+ "@atlaskit/datetime-picker": "^17.4.0",
58
+ "@atlaskit/docs": "^11.3.0",
59
59
  "@atlaskit/heading": "^5.2.0",
60
- "@atlaskit/link": "^3.2.0",
61
- "@atlaskit/section-message": "^8.11.0",
62
- "@atlaskit/select": "^21.6.0",
60
+ "@atlaskit/link": "^3.3.0",
61
+ "@atlaskit/section-message": "^8.12.0",
62
+ "@atlaskit/select": "^21.7.0",
63
63
  "@atlaskit/tag": "^14.2.0",
64
64
  "@atlaskit/tag-group": "^12.0.0",
65
65
  "@atlaskit/textarea": "^8.2.0",
66
66
  "@atlassian/ssr-tests": "workspace:^",
67
- "@testing-library/react": "^13.4.0",
67
+ "@testing-library/react": "^16.3.0",
68
68
  "react-dom": "^18.2.0",
69
69
  "react-select-event": "^5.5.0"
70
70
  },