@atlaskit/inline-edit 15.3.5 → 15.3.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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/inline-edit.js +1 -1
- package/dist/cjs/internal/buttons.compiled.css +1 -1
- package/dist/cjs/internal/buttons.js +2 -2
- package/dist/cjs/internal/read-view.compiled.css +1 -1
- package/dist/cjs/internal/read-view.js +1 -1
- package/dist/es2019/inline-edit.js +1 -1
- package/dist/es2019/internal/buttons.compiled.css +1 -1
- package/dist/es2019/internal/buttons.js +2 -2
- package/dist/es2019/internal/read-view.compiled.css +1 -1
- package/dist/es2019/internal/read-view.js +1 -1
- package/dist/esm/inline-edit.js +1 -1
- package/dist/esm/internal/buttons.compiled.css +1 -1
- package/dist/esm/internal/buttons.js +2 -2
- package/dist/esm/internal/read-view.compiled.css +1 -1
- package/dist/esm/internal/read-view.js +1 -1
- package/package.json +3 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/inline-edit
|
|
2
2
|
|
|
3
|
+
## 15.3.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
|
|
8
|
+
Internal changes to how border radius is applied.
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 15.3.5
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
package/dist/cjs/inline-edit.js
CHANGED
|
@@ -28,7 +28,7 @@ var fieldStyles = null;
|
|
|
28
28
|
var analyticsAttributes = {
|
|
29
29
|
componentName: 'inlineEdit',
|
|
30
30
|
packageName: "@atlaskit/inline-edit",
|
|
31
|
-
packageVersion: "
|
|
31
|
+
packageVersion: "0.0.0-development"
|
|
32
32
|
};
|
|
33
33
|
var InnerInlineEdit = function InnerInlineEdit(props) {
|
|
34
34
|
var _props$startWithEditV = props.startWithEditViewOpen,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
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
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
._152t1osq{inset-block-start:100%}
|
|
4
4
|
._16qs1a23{box-shadow:var(--_3t1odq)}
|
|
5
5
|
._1bsbxy5q{width:var(--ds-space-400,2pc)}
|
|
@@ -31,7 +31,7 @@ var Buttons = function Buttons(_ref) {
|
|
|
31
31
|
className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
|
|
32
32
|
}, /*#__PURE__*/React.createElement("div", {
|
|
33
33
|
tabIndex: -1,
|
|
34
|
-
className: (0, _runtime.ax)(["
|
|
34
|
+
className: (0, _runtime.ax)(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
|
|
35
35
|
style: {
|
|
36
36
|
"--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
|
|
37
37
|
"--_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)(["
|
|
55
|
+
className: (0, _runtime.ax)(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
|
|
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), ")")),
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
._v564thzt{transition:background .2s}
|
|
4
4
|
._14ly1bk5:focus+div{border-width:var(--ds-border-width-outline,2px)}
|
|
5
5
|
._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
|
|
@@ -67,7 +67,7 @@ var ReadView = function ReadView(_ref) {
|
|
|
67
67
|
startY.current = e.clientY;
|
|
68
68
|
},
|
|
69
69
|
"data-read-view-fit-container-width": readViewFitContainerWidth,
|
|
70
|
-
className: (0, _runtime.ax)(["
|
|
70
|
+
className: (0, _runtime.ax)(["_2rkofajl _v564thzt _1h6d1j28 _1dqonqa1 _189e1bk5 _1e0c1o8l _vchhusvi _1bsb1wug _p12f1osq _irr32tgk", readViewFitContainerWidth && "_1bsb1osq"]),
|
|
71
71
|
style: {
|
|
72
72
|
"--_1y60f1n": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"))
|
|
73
73
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
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
|
+
._2rkofajl{border-radius:var(--ds-radius-small,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))}
|
|
5
5
|
._1bsbxy5q{width:var(--ds-space-400,2pc)}
|
|
@@ -24,7 +24,7 @@ const Buttons = ({
|
|
|
24
24
|
className: ax(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
|
|
25
25
|
}, /*#__PURE__*/React.createElement("div", {
|
|
26
26
|
tabIndex: -1,
|
|
27
|
-
className: ax(["
|
|
27
|
+
className: ax(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z"])
|
|
28
28
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
29
29
|
type: "submit",
|
|
30
30
|
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(["
|
|
39
|
+
className: ax(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z"])
|
|
40
40
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
41
41
|
icon: iconProps => /*#__PURE__*/React.createElement(CrossIcon, _extends({}, iconProps, {
|
|
42
42
|
LEGACY_size: "small",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
._v564thzt{transition:background .2s}
|
|
4
4
|
._14ly1bk5:focus+div{border-width:var(--ds-border-width-outline,2px)}
|
|
5
5
|
._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
|
|
@@ -60,7 +60,7 @@ const ReadView = ({
|
|
|
60
60
|
startY.current = e.clientY;
|
|
61
61
|
},
|
|
62
62
|
"data-read-view-fit-container-width": readViewFitContainerWidth,
|
|
63
|
-
className: ax(["
|
|
63
|
+
className: ax(["_2rkofajl _v564thzt _1h6d1j28 _1dqonqa1 _189e1bk5 _1e0c1o8l _vchhusvi _1bsb1wug _p12f1osq _irr314ae", readViewFitContainerWidth && "_1bsb1osq"])
|
|
64
64
|
}, readView()));
|
|
65
65
|
};
|
|
66
66
|
|
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: "
|
|
22
|
+
packageVersion: "0.0.0-development"
|
|
23
23
|
};
|
|
24
24
|
var InnerInlineEdit = function InnerInlineEdit(props) {
|
|
25
25
|
var _props$startWithEditV = props.startWithEditViewOpen,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
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
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
._152t1osq{inset-block-start:100%}
|
|
4
4
|
._16qs1a23{box-shadow:var(--_3t1odq)}
|
|
5
5
|
._1bsbxy5q{width:var(--ds-space-400,2pc)}
|
|
@@ -23,7 +23,7 @@ var Buttons = function Buttons(_ref) {
|
|
|
23
23
|
className: ax(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
|
|
24
24
|
}, /*#__PURE__*/React.createElement("div", {
|
|
25
25
|
tabIndex: -1,
|
|
26
|
-
className: ax(["
|
|
26
|
+
className: ax(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
|
|
27
27
|
style: {
|
|
28
28
|
"--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
|
|
29
29
|
"--_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(["
|
|
47
|
+
className: ax(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
|
|
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), ")")),
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
._v564thzt{transition:background .2s}
|
|
4
4
|
._14ly1bk5:focus+div{border-width:var(--ds-border-width-outline,2px)}
|
|
5
5
|
._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
|
|
@@ -59,7 +59,7 @@ var ReadView = function ReadView(_ref) {
|
|
|
59
59
|
startY.current = e.clientY;
|
|
60
60
|
},
|
|
61
61
|
"data-read-view-fit-container-width": readViewFitContainerWidth,
|
|
62
|
-
className: ax(["
|
|
62
|
+
className: ax(["_2rkofajl _v564thzt _1h6d1j28 _1dqonqa1 _189e1bk5 _1e0c1o8l _vchhusvi _1bsb1wug _p12f1osq _irr32tgk", readViewFitContainerWidth && "_1bsb1osq"]),
|
|
63
63
|
style: {
|
|
64
64
|
"--_1y60f1n": ix("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"))
|
|
65
65
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/inline-edit",
|
|
3
|
-
"version": "15.3.
|
|
3
|
+
"version": "15.3.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/"
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@atlaskit/button": "^23.4.0",
|
|
38
38
|
"@atlaskit/codemod-utils": "^4.2.0",
|
|
39
39
|
"@atlaskit/css": "^0.12.0",
|
|
40
|
-
"@atlaskit/form": "^12.
|
|
40
|
+
"@atlaskit/form": "^12.4.0",
|
|
41
41
|
"@atlaskit/icon": "^28.1.0",
|
|
42
42
|
"@atlaskit/inline-dialog": "^17.2.0",
|
|
43
43
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"@atlaskit/ds-lib": "^5.0.0",
|
|
61
61
|
"@atlaskit/heading": "^5.2.0",
|
|
62
62
|
"@atlaskit/link": "^3.2.0",
|
|
63
|
-
"@atlaskit/section-message": "^8.
|
|
63
|
+
"@atlaskit/section-message": "^8.7.0",
|
|
64
64
|
"@atlaskit/select": "^21.2.0",
|
|
65
65
|
"@atlaskit/tag": "^14.1.0",
|
|
66
66
|
"@atlaskit/tag-group": "^12.0.0",
|
|
@@ -95,12 +95,6 @@
|
|
|
95
95
|
]
|
|
96
96
|
}
|
|
97
97
|
},
|
|
98
|
-
"af:exports": {
|
|
99
|
-
"./inline-edit": "./src/entry-points/inline-edit.ts",
|
|
100
|
-
"./inline-editable-textfield": "./src/entry-points/inline-editable-textfield.ts",
|
|
101
|
-
"./types": "./src/entry-points/types.ts",
|
|
102
|
-
".": "./src/index.ts"
|
|
103
|
-
},
|
|
104
98
|
"platform-feature-flags": {
|
|
105
99
|
"platform_design_system_inline_edit_dont_focus": {
|
|
106
100
|
"type": "boolean"
|