@atlaskit/inline-edit 15.6.11 → 15.6.13

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 +17 -0
  2. package/dist/cjs/inline-edit.js +1 -1
  3. package/dist/cjs/internal/buttons.compiled.css +6 -6
  4. package/dist/cjs/internal/buttons.js +2 -17
  5. package/dist/es2019/inline-edit.js +1 -1
  6. package/dist/es2019/internal/buttons.compiled.css +5 -5
  7. package/dist/es2019/internal/buttons.js +2 -3
  8. package/dist/esm/inline-edit.js +1 -1
  9. package/dist/esm/internal/buttons.compiled.css +6 -6
  10. package/dist/esm/internal/buttons.js +2 -17
  11. package/package.json +9 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/inline-edit
2
2
 
3
+ ## 15.6.13
4
+
5
+ ### Patch Changes
6
+
7
+ - [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
8
+ Enrol all Design System UI packages into the React Compiler with platform gating via
9
+ isReactCompilerActivePlatform.
10
+ - Updated dependencies
11
+
12
+ ## 15.6.12
13
+
14
+ ### Patch Changes
15
+
16
+ - [`22bf79dbdcdca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22bf79dbdcdca) -
17
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
18
+ - Updated dependencies
19
+
3
20
  ## 15.6.11
4
21
 
5
22
  ### 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.6.10"
32
+ packageVersion: "0.0.0-development"
33
33
  };
34
34
  var InnerInlineEdit = function InnerInlineEdit(props) {
35
35
  var _props$startWithEditV = props.startWithEditViewOpen,
package/dist/cjs/internal/buttons.compiled.css CHANGED
@@ -2,18 +2,18 @@
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%}
5
- ._16qs1a23{box-shadow:var(--_3t1odq)}
5
+ ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
6
6
  ._1bsbxy5q{width:var(--ds-space-400,2pc)}
7
7
  ._1e0c1txw{display:flex}
8
8
  ._1mpy1b66:last-child{margin-inline-start:var(--ds-space-050,4px)}
9
- ._1nlx13nm>button{background-color:var(--_12yx4z3)}
9
+ ._1nlx1bhr>button{background-color:var(--ds-surface-overlay,#fff)}
10
10
  ._1o9zidpf{flex-shrink:0}
11
11
  ._1pby1kze{z-index:200}
12
12
  ._1pfh12x7{margin-block-start:var(--ds-space-075,6px)}
13
- ._bfhk13b4{background-color:var(--_1f6rtr1)}
13
+ ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
14
14
  ._kqswstnw{position:absolute}
15
15
  ._rjxpidpf{inset-inline-end:0}
16
16
  ._vchhusvi{box-sizing:border-box}
17
- ._l2uv11wk>button:hover{background-color:var(--_qfu7kd)}
18
- ._7mfvdecw>button:active{background-color:var(--ds-surface-overlay-pressed,rgba(179,212,255,.6))}
19
- ._szlb17km>button:active{color:var(--_1lrmnoy)}
17
+ ._l2uv6o2t>button:hover{background-color:var(--ds-surface-overlay-hovered,#f0f1f2)}
18
+ ._7mfvm8nx>button:active{background-color:var(--ds-surface-overlay-pressed,#dddee1)}
19
+ ._szlbi7uo>button:active{color:var(--ds-text,#292a2e)}
package/dist/cjs/internal/buttons.js CHANGED
@@ -15,7 +15,6 @@ var _new = require("@atlaskit/button/new");
15
15
  var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
16
16
  var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
17
17
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
- var _colors = require("@atlaskit/theme/colors");
19
18
  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); }
20
19
  /* eslint-disable @atlaskit/design-system/no-nested-styles */
21
20
  /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
@@ -32,14 +31,7 @@ var Buttons = function Buttons(_ref) {
32
31
  className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
33
32
  }, /*#__PURE__*/React.createElement("div", {
34
33
  tabIndex: -1,
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
- style: {
37
- "--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
38
- "--_3t1odq": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")),
39
- "--_12yx4z3": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N20A, ")")),
40
- "--_qfu7kd": (0, _runtime.ix)("var(--ds-surface-overlay-hovered, ".concat(_colors.N30A, ")")),
41
- "--_1lrmnoy": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.B400, ")"))
42
- }
34
+ className: (0, _runtime.ax)(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs130s _1mpy1b66 _1nlx1bhr _l2uv6o2t _7mfvm8nx _szlbi7uo", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rko1qi0"])
43
35
  }, /*#__PURE__*/React.createElement(_new.IconButton, {
44
36
  type: "submit",
45
37
  icon: function icon(iconProps) {
@@ -52,14 +44,7 @@ var Buttons = function Buttons(_ref) {
52
44
  testId: testId && "".concat(testId, "--confirm")
53
45
  })), /*#__PURE__*/React.createElement("div", {
54
46
  tabIndex: -1,
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
- style: {
57
- "--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
58
- "--_3t1odq": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")),
59
- "--_12yx4z3": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N20A, ")")),
60
- "--_qfu7kd": (0, _runtime.ix)("var(--ds-surface-overlay-hovered, ".concat(_colors.N30A, ")")),
61
- "--_1lrmnoy": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.B400, ")"))
62
- }
47
+ className: (0, _runtime.ax)(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs130s _1mpy1b66 _1nlx1bhr _l2uv6o2t _7mfvm8nx _szlbi7uo", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rko1qi0"])
63
48
  }, /*#__PURE__*/React.createElement(_new.IconButton, {
64
49
  icon: function icon(iconProps) {
65
50
  return /*#__PURE__*/React.createElement(_cross.default, (0, _extends2.default)({}, iconProps, {
package/dist/es2019/inline-edit.js CHANGED
@@ -16,7 +16,7 @@ const fieldStyles = null;
16
16
  const analyticsAttributes = {
17
17
  componentName: 'inlineEdit',
18
18
  packageName: "@atlaskit/inline-edit",
19
- packageVersion: "15.6.10"
19
+ packageVersion: "0.0.0-development"
20
20
  };
21
21
  const InnerInlineEdit = props => {
22
22
  const {
package/dist/es2019/internal/buttons.compiled.css CHANGED
@@ -2,11 +2,11 @@
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%}
5
- ._16qs1kf5{box-shadow:var(--ds-shadow-overlay,0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31))}
5
+ ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
6
6
  ._1bsbxy5q{width:var(--ds-space-400,2pc)}
7
7
  ._1e0c1txw{display:flex}
8
8
  ._1mpy1b66:last-child{margin-inline-start:var(--ds-space-050,4px)}
9
- ._1nlxs66q>button{background-color:var(--ds-surface-overlay,rgba(9,30,66,.04))}
9
+ ._1nlx1bhr>button{background-color:var(--ds-surface-overlay,#fff)}
10
10
  ._1o9zidpf{flex-shrink:0}
11
11
  ._1pby1kze{z-index:200}
12
12
  ._1pfh12x7{margin-block-start:var(--ds-space-075,6px)}
@@ -14,6 +14,6 @@
14
14
  ._kqswstnw{position:absolute}
15
15
  ._rjxpidpf{inset-inline-end:0}
16
16
  ._vchhusvi{box-sizing:border-box}
17
- ._l2uv88o1>button:hover{background-color:var(--ds-surface-overlay-hovered,rgba(9,30,66,.08))}
18
- ._7mfvdecw>button:active{background-color:var(--ds-surface-overlay-pressed,rgba(179,212,255,.6))}
19
- ._szlb1x4z>button:active{color:var(--ds-text,#0052cc)}
17
+ ._l2uv6o2t>button:hover{background-color:var(--ds-surface-overlay-hovered,#f0f1f2)}
18
+ ._7mfvm8nx>button:active{background-color:var(--ds-surface-overlay-pressed,#dddee1)}
19
+ ._szlbi7uo>button:active{color:var(--ds-text,#292a2e)}
package/dist/es2019/internal/buttons.js CHANGED
@@ -10,7 +10,6 @@ import { IconButton } from '@atlaskit/button/new';
10
10
  import CheckMarkIcon from '@atlaskit/icon/core/check-mark';
11
11
  import CrossIcon from '@atlaskit/icon/core/cross';
12
12
  import { fg } from '@atlaskit/platform-feature-flags';
13
- import { B400, N0, N20A, N30A, N50A, N60A } from '@atlaskit/theme/colors';
14
13
  const buttonsContainerStyles = null;
15
14
  const buttonWrapperBaseStyles = null;
16
15
  const buttonWrapperBaseStylesT26Shape = null;
@@ -25,7 +24,7 @@ const Buttons = ({
25
24
  className: ax(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
26
25
  }, /*#__PURE__*/React.createElement("div", {
27
26
  tabIndex: -1,
28
- className: ax(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z", fg('platform-dst-shape-theme-default') && "_2rko1qi0"])
27
+ className: ax(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs130s _1mpy1b66 _1nlx1bhr _l2uv6o2t _7mfvm8nx _szlbi7uo", fg('platform-dst-shape-theme-default') && "_2rko1qi0"])
29
28
  }, /*#__PURE__*/React.createElement(IconButton, {
30
29
  type: "submit",
31
30
  icon: iconProps => /*#__PURE__*/React.createElement(CheckMarkIcon, _extends({}, iconProps, {
@@ -36,7 +35,7 @@ const Buttons = ({
36
35
  testId: testId && `${testId}--confirm`
37
36
  })), /*#__PURE__*/React.createElement("div", {
38
37
  tabIndex: -1,
39
- className: ax(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z", fg('platform-dst-shape-theme-default') && "_2rko1qi0"])
38
+ className: ax(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs130s _1mpy1b66 _1nlx1bhr _l2uv6o2t _7mfvm8nx _szlbi7uo", fg('platform-dst-shape-theme-default') && "_2rko1qi0"])
40
39
  }, /*#__PURE__*/React.createElement(IconButton, {
41
40
  icon: iconProps => /*#__PURE__*/React.createElement(CrossIcon, _extends({}, iconProps, {
42
41
  size: "small"
package/dist/esm/inline-edit.js CHANGED
@@ -20,7 +20,7 @@ var fieldStyles = null;
20
20
  var analyticsAttributes = {
21
21
  componentName: 'inlineEdit',
22
22
  packageName: "@atlaskit/inline-edit",
23
- packageVersion: "15.6.10"
23
+ packageVersion: "0.0.0-development"
24
24
  };
25
25
  var InnerInlineEdit = function InnerInlineEdit(props) {
26
26
  var _props$startWithEditV = props.startWithEditViewOpen,
package/dist/esm/internal/buttons.compiled.css CHANGED
@@ -2,18 +2,18 @@
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%}
5
- ._16qs1a23{box-shadow:var(--_3t1odq)}
5
+ ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
6
6
  ._1bsbxy5q{width:var(--ds-space-400,2pc)}
7
7
  ._1e0c1txw{display:flex}
8
8
  ._1mpy1b66:last-child{margin-inline-start:var(--ds-space-050,4px)}
9
- ._1nlx13nm>button{background-color:var(--_12yx4z3)}
9
+ ._1nlx1bhr>button{background-color:var(--ds-surface-overlay,#fff)}
10
10
  ._1o9zidpf{flex-shrink:0}
11
11
  ._1pby1kze{z-index:200}
12
12
  ._1pfh12x7{margin-block-start:var(--ds-space-075,6px)}
13
- ._bfhk13b4{background-color:var(--_1f6rtr1)}
13
+ ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
14
14
  ._kqswstnw{position:absolute}
15
15
  ._rjxpidpf{inset-inline-end:0}
16
16
  ._vchhusvi{box-sizing:border-box}
17
- ._l2uv11wk>button:hover{background-color:var(--_qfu7kd)}
18
- ._7mfvdecw>button:active{background-color:var(--ds-surface-overlay-pressed,rgba(179,212,255,.6))}
19
- ._szlb17km>button:active{color:var(--_1lrmnoy)}
17
+ ._l2uv6o2t>button:hover{background-color:var(--ds-surface-overlay-hovered,#f0f1f2)}
18
+ ._7mfvm8nx>button:active{background-color:var(--ds-surface-overlay-pressed,#dddee1)}
19
+ ._szlbi7uo>button:active{color:var(--ds-text,#292a2e)}
package/dist/esm/internal/buttons.js CHANGED
@@ -10,7 +10,6 @@ import { IconButton } from '@atlaskit/button/new';
10
10
  import CheckMarkIcon from '@atlaskit/icon/core/check-mark';
11
11
  import CrossIcon from '@atlaskit/icon/core/cross';
12
12
  import { fg } from '@atlaskit/platform-feature-flags';
13
- import { B400, N0, N20A, N30A, N50A, N60A } from '@atlaskit/theme/colors';
14
13
  var buttonsContainerStyles = null;
15
14
  var buttonWrapperBaseStyles = null;
16
15
  var buttonWrapperBaseStylesT26Shape = null;
@@ -24,14 +23,7 @@ var Buttons = function Buttons(_ref) {
24
23
  className: ax(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
25
24
  }, /*#__PURE__*/React.createElement("div", {
26
25
  tabIndex: -1,
27
- className: ax(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km", fg('platform-dst-shape-theme-default') && "_2rko1qi0"]),
28
- style: {
29
- "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
30
- "--_3t1odq": ix("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")),
31
- "--_12yx4z3": ix("var(--ds-surface-overlay, ".concat(N20A, ")")),
32
- "--_qfu7kd": ix("var(--ds-surface-overlay-hovered, ".concat(N30A, ")")),
33
- "--_1lrmnoy": ix("var(--ds-text, ".concat(B400, ")"))
34
- }
26
+ className: ax(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs130s _1mpy1b66 _1nlx1bhr _l2uv6o2t _7mfvm8nx _szlbi7uo", fg('platform-dst-shape-theme-default') && "_2rko1qi0"])
35
27
  }, /*#__PURE__*/React.createElement(IconButton, {
36
28
  type: "submit",
37
29
  icon: function icon(iconProps) {
@@ -44,14 +36,7 @@ var Buttons = function Buttons(_ref) {
44
36
  testId: testId && "".concat(testId, "--confirm")
45
37
  })), /*#__PURE__*/React.createElement("div", {
46
38
  tabIndex: -1,
47
- className: ax(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km", fg('platform-dst-shape-theme-default') && "_2rko1qi0"]),
48
- style: {
49
- "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
50
- "--_3t1odq": ix("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")),
51
- "--_12yx4z3": ix("var(--ds-surface-overlay, ".concat(N20A, ")")),
52
- "--_qfu7kd": ix("var(--ds-surface-overlay-hovered, ".concat(N30A, ")")),
53
- "--_1lrmnoy": ix("var(--ds-text, ".concat(B400, ")"))
54
- }
39
+ className: ax(["_2rkofajl _11c8fhey _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs130s _1mpy1b66 _1nlx1bhr _l2uv6o2t _7mfvm8nx _szlbi7uo", fg('platform-dst-shape-theme-default') && "_2rko1qi0"])
55
40
  }, /*#__PURE__*/React.createElement(IconButton, {
56
41
  icon: function icon(iconProps) {
57
42
  return /*#__PURE__*/React.createElement(CrossIcon, _extends({}, iconProps, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "15.6.11",
3
+ "version": "15.6.13",
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/"
@@ -26,6 +26,13 @@
26
26
  "atlaskit:src": "src/index.tsx",
27
27
  "homepage": "https://atlassian.design/components/inline-edit/",
28
28
  "atlassian": {
29
+ "react-compiler": {
30
+ "enabled": true,
31
+ "gating": {
32
+ "source": "@atlassian/react-compiler-gating",
33
+ "importSpecifierName": "isReactCompilerActivePlatform"
34
+ }
35
+ },
29
36
  "team": "Design System Team",
30
37
  "website": {
31
38
  "name": "Inline edit",
@@ -42,7 +49,6 @@
42
49
  "@atlaskit/platform-feature-flags": "^1.1.0",
43
50
  "@atlaskit/primitives": "^18.1.0",
44
51
  "@atlaskit/textfield": "^8.2.0",
45
- "@atlaskit/theme": "^22.0.0",
46
52
  "@atlaskit/tokens": "^11.4.0",
47
53
  "@atlaskit/visually-hidden": "^3.0.0",
48
54
  "@babel/runtime": "^7.0.0",
@@ -63,6 +69,7 @@
63
69
  "@atlaskit/tag": "^14.6.0",
64
70
  "@atlaskit/tag-group": "^12.0.0",
65
71
  "@atlaskit/textarea": "^8.2.0",
72
+ "@atlassian/react-compiler-gating": "workspace:^",
66
73
  "@atlassian/ssr-tests": "workspace:^",
67
74
  "@atlassian/structured-docs-types": "workspace:^",
68
75
  "@testing-library/react": "^16.3.0",