@atlaskit/inline-edit 15.3.9 → 15.3.10

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 +8 -0
  2. package/dist/cjs/inline-edit.js +1 -1
  3. package/dist/cjs/internal/read-view.compiled.css +12 -12
  4. package/dist/cjs/internal/read-view.js +2 -2
  5. package/dist/es2019/inline-edit.js +1 -1
  6. package/dist/es2019/internal/read-view.compiled.css +12 -12
  7. package/dist/es2019/internal/read-view.js +2 -2
  8. package/dist/esm/inline-edit.js +1 -1
  9. package/dist/esm/internal/read-view.compiled.css +12 -12
  10. package/dist/esm/internal/read-view.js +2 -2
  11. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/inline-edit
2
2
 
3
+ ## 15.3.10
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
8
+ Internal changes to how borders are applied.
9
+ - Updated dependencies
10
+
3
11
  ## 15.3.9
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: "15.3.8"
31
+ packageVersion: "0.0.0-development"
32
32
  };
33
33
  var InnerInlineEdit = function InnerInlineEdit(props) {
34
34
  var _props$startWithEditV = props.startWithEditViewOpen,
package/dist/cjs/internal/read-view.compiled.css CHANGED
@@ -1,34 +1,34 @@
1
1
 
2
2
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
3
  ._v564thzt{transition:background .2s}
4
- ._14ly1bk5:focus+div{border-width:var(--ds-border-width-outline,2px)}
5
- ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
6
- ._189e1grb{border-width:var(--ds-border-width-0,0)}
4
+ ._14lydkaa:focus+div{border-width:var(--ds-border-width-focused,2px)}
5
+ ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
6
+ ._189eidpf{border-width:0}
7
7
  ._1dqoglyw{border-style:none}
8
8
  ._1dqonqa1{border-style:solid}
9
9
  ._1h6d1j28{border-color:transparent}
10
10
  ._1j8znqa1:focus+div{border-style:solid}
11
11
  ._1xp41p6i:focus+div{border-color:var(--ds-border-focused,#388bff)}
12
12
  ._12ji1r31{outline-color:currentColor}
13
+ ._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
13
14
  ._12y3idpf{outline-width:0}
14
- ._18u0ze3t{margin-left:var(--ds-space-0,0)}
15
- ._19bvze3t{padding-left:var(--ds-space-0,0)}
16
- ._19pkze3t{margin-top:var(--ds-space-0,0)}
17
15
  ._1bsb1osq{width:100%}
18
16
  ._1bsb1wug{width:auto}
19
17
  ._1e0c1o8l{display:inline-block}
20
18
  ._1e0c1ule{display:block}
19
+ ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
20
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
21
21
  ._1qu2glyw{outline-style:none}
22
- ._2hwxze3t{margin-right:var(--ds-space-0,0)}
22
+ ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
23
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
24
+ ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
23
25
  ._bfhk1j28{background-color:transparent}
24
- ._ca0qze3t{padding-top:var(--ds-space-0,0)}
25
- ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
26
- ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
26
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
27
27
  ._p12f1osq{max-width:100%}
28
28
  ._r06hglyw{-webkit-appearance:none;appearance:none}
29
- ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
30
29
  ._vchhusvi{box-sizing:border-box}
31
- ._vwz4kb7n{line-height:1}._128midpf:focus-visible{outline-width:0}
30
+ ._vwz4kb7n{line-height:1}
31
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}._128midpf:focus-visible{outline-width:0}
32
32
  ._mizu1r31:focus-visible{outline-color:currentColor}
33
33
  ._ra3xglyw:focus-visible{outline-style:none}
34
34
  ._irr32tgk:hover{background-color:var(--_1y60f1n)}
package/dist/cjs/internal/read-view.js CHANGED
@@ -14,7 +14,7 @@ var _colors = require("@atlaskit/theme/colors");
14
14
  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); }
15
15
  var readViewContainerStyles = null;
16
16
  var editButtonStyles = {
17
- root: "_12ji1r31 _1qu2glyw _12y3idpf _189e1grb _1dqoglyw _1h6d1j28 _1e0c1ule _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _r06hglyw _bfhk1j28 _vwz4kb7n _1xp41p6i _14ly1bk5 _1j8znqa1 _mizu1r31 _ra3xglyw _128midpf"
17
+ root: "_12ji1r31 _1qu2glyw _12y3idpf _189eidpf _1dqoglyw _1h6d1j28 _1e0c1ule _1pfhze3t _12l2ze3t _6rthze3t _ahbqze3t _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _r06hglyw _bfhk1j28 _vwz4kb7n _1xp41p6i _14lydkaa _1j8znqa1 _mizu1r31 _ra3xglyw _128midpf"
18
18
  };
19
19
  var readViewWrapperStyles = null;
20
20
  var readViewFitContainerWidthStyles = null;
@@ -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)(["_2rkofajl _v564thzt _1h6d1j28 _1dqonqa1 _189e1bk5 _1e0c1o8l _vchhusvi _1bsb1wug _p12f1osq _irr32tgk", readViewFitContainerWidth && "_1bsb1osq"]),
70
+ className: (0, _runtime.ax)(["_2rkofajl _v564thzt _1h6d1j28 _1dqonqa1 _189e1dm9 _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
  }
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.3.8"
18
+ packageVersion: "0.0.0-development"
19
19
  };
20
20
  const InnerInlineEdit = props => {
21
21
  const {
package/dist/es2019/internal/read-view.compiled.css CHANGED
@@ -1,34 +1,34 @@
1
1
 
2
2
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
3
  ._v564thzt{transition:background .2s}
4
- ._14ly1bk5:focus+div{border-width:var(--ds-border-width-outline,2px)}
5
- ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
6
- ._189e1grb{border-width:var(--ds-border-width-0,0)}
4
+ ._14lydkaa:focus+div{border-width:var(--ds-border-width-focused,2px)}
5
+ ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
6
+ ._189eidpf{border-width:0}
7
7
  ._1dqoglyw{border-style:none}
8
8
  ._1dqonqa1{border-style:solid}
9
9
  ._1h6d1j28{border-color:transparent}
10
10
  ._1j8znqa1:focus+div{border-style:solid}
11
11
  ._1xp41p6i:focus+div{border-color:var(--ds-border-focused,#388bff)}
12
12
  ._12ji1r31{outline-color:currentColor}
13
+ ._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
13
14
  ._12y3idpf{outline-width:0}
14
- ._18u0ze3t{margin-left:var(--ds-space-0,0)}
15
- ._19bvze3t{padding-left:var(--ds-space-0,0)}
16
- ._19pkze3t{margin-top:var(--ds-space-0,0)}
17
15
  ._1bsb1osq{width:100%}
18
16
  ._1bsb1wug{width:auto}
19
17
  ._1e0c1o8l{display:inline-block}
20
18
  ._1e0c1ule{display:block}
19
+ ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
20
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
21
21
  ._1qu2glyw{outline-style:none}
22
- ._2hwxze3t{margin-right:var(--ds-space-0,0)}
22
+ ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
23
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
24
+ ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
23
25
  ._bfhk1j28{background-color:transparent}
24
- ._ca0qze3t{padding-top:var(--ds-space-0,0)}
25
- ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
26
- ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
26
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
27
27
  ._p12f1osq{max-width:100%}
28
28
  ._r06hglyw{-webkit-appearance:none;appearance:none}
29
- ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
30
29
  ._vchhusvi{box-sizing:border-box}
31
- ._vwz4kb7n{line-height:1}._128midpf:focus-visible{outline-width:0}
30
+ ._vwz4kb7n{line-height:1}
31
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}._128midpf:focus-visible{outline-width:0}
32
32
  ._mizu1r31:focus-visible{outline-color:currentColor}
33
33
  ._ra3xglyw:focus-visible{outline-style:none}
34
34
  ._irr314ae:hover{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
package/dist/es2019/internal/read-view.js CHANGED
@@ -6,7 +6,7 @@ import { Pressable } from '@atlaskit/primitives/compiled';
6
6
  import { N30 } from '@atlaskit/theme/colors';
7
7
  const readViewContainerStyles = null;
8
8
  const editButtonStyles = {
9
- root: "_12ji1r31 _1qu2glyw _12y3idpf _189e1grb _1dqoglyw _1h6d1j28 _1e0c1ule _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _r06hglyw _bfhk1j28 _vwz4kb7n _1xp41p6i _14ly1bk5 _1j8znqa1 _mizu1r31 _ra3xglyw _128midpf"
9
+ root: "_12ji1r31 _1qu2glyw _12y3idpf _189eidpf _1dqoglyw _1h6d1j28 _1e0c1ule _1pfhze3t _12l2ze3t _6rthze3t _ahbqze3t _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _r06hglyw _bfhk1j28 _vwz4kb7n _1xp41p6i _14lydkaa _1j8znqa1 _mizu1r31 _ra3xglyw _128midpf"
10
10
  };
11
11
  const readViewWrapperStyles = null;
12
12
  const readViewFitContainerWidthStyles = null;
@@ -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(["_2rkofajl _v564thzt _1h6d1j28 _1dqonqa1 _189e1bk5 _1e0c1o8l _vchhusvi _1bsb1wug _p12f1osq _irr314ae", readViewFitContainerWidth && "_1bsb1osq"])
63
+ className: ax(["_2rkofajl _v564thzt _1h6d1j28 _1dqonqa1 _189e1dm9 _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: "15.3.8"
22
+ packageVersion: "0.0.0-development"
23
23
  };
24
24
  var InnerInlineEdit = function InnerInlineEdit(props) {
25
25
  var _props$startWithEditV = props.startWithEditViewOpen,
package/dist/esm/internal/read-view.compiled.css CHANGED
@@ -1,34 +1,34 @@
1
1
 
2
2
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
3
  ._v564thzt{transition:background .2s}
4
- ._14ly1bk5:focus+div{border-width:var(--ds-border-width-outline,2px)}
5
- ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
6
- ._189e1grb{border-width:var(--ds-border-width-0,0)}
4
+ ._14lydkaa:focus+div{border-width:var(--ds-border-width-focused,2px)}
5
+ ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
6
+ ._189eidpf{border-width:0}
7
7
  ._1dqoglyw{border-style:none}
8
8
  ._1dqonqa1{border-style:solid}
9
9
  ._1h6d1j28{border-color:transparent}
10
10
  ._1j8znqa1:focus+div{border-style:solid}
11
11
  ._1xp41p6i:focus+div{border-color:var(--ds-border-focused,#388bff)}
12
12
  ._12ji1r31{outline-color:currentColor}
13
+ ._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
13
14
  ._12y3idpf{outline-width:0}
14
- ._18u0ze3t{margin-left:var(--ds-space-0,0)}
15
- ._19bvze3t{padding-left:var(--ds-space-0,0)}
16
- ._19pkze3t{margin-top:var(--ds-space-0,0)}
17
15
  ._1bsb1osq{width:100%}
18
16
  ._1bsb1wug{width:auto}
19
17
  ._1e0c1o8l{display:inline-block}
20
18
  ._1e0c1ule{display:block}
19
+ ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
20
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
21
21
  ._1qu2glyw{outline-style:none}
22
- ._2hwxze3t{margin-right:var(--ds-space-0,0)}
22
+ ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
23
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
24
+ ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
23
25
  ._bfhk1j28{background-color:transparent}
24
- ._ca0qze3t{padding-top:var(--ds-space-0,0)}
25
- ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
26
- ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
26
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
27
27
  ._p12f1osq{max-width:100%}
28
28
  ._r06hglyw{-webkit-appearance:none;appearance:none}
29
- ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
30
29
  ._vchhusvi{box-sizing:border-box}
31
- ._vwz4kb7n{line-height:1}._128midpf:focus-visible{outline-width:0}
30
+ ._vwz4kb7n{line-height:1}
31
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}._128midpf:focus-visible{outline-width:0}
32
32
  ._mizu1r31:focus-visible{outline-color:currentColor}
33
33
  ._ra3xglyw:focus-visible{outline-style:none}
34
34
  ._irr32tgk:hover{background-color:var(--_1y60f1n)}
package/dist/esm/internal/read-view.js CHANGED
@@ -6,7 +6,7 @@ import { Pressable } from '@atlaskit/primitives/compiled';
6
6
  import { N30 } from '@atlaskit/theme/colors';
7
7
  var readViewContainerStyles = null;
8
8
  var editButtonStyles = {
9
- root: "_12ji1r31 _1qu2glyw _12y3idpf _189e1grb _1dqoglyw _1h6d1j28 _1e0c1ule _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _r06hglyw _bfhk1j28 _vwz4kb7n _1xp41p6i _14ly1bk5 _1j8znqa1 _mizu1r31 _ra3xglyw _128midpf"
9
+ root: "_12ji1r31 _1qu2glyw _12y3idpf _189eidpf _1dqoglyw _1h6d1j28 _1e0c1ule _1pfhze3t _12l2ze3t _6rthze3t _ahbqze3t _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _r06hglyw _bfhk1j28 _vwz4kb7n _1xp41p6i _14lydkaa _1j8znqa1 _mizu1r31 _ra3xglyw _128midpf"
10
10
  };
11
11
  var readViewWrapperStyles = null;
12
12
  var readViewFitContainerWidthStyles = null;
@@ -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(["_2rkofajl _v564thzt _1h6d1j28 _1dqonqa1 _189e1bk5 _1e0c1o8l _vchhusvi _1bsb1wug _p12f1osq _irr32tgk", readViewFitContainerWidth && "_1bsb1osq"]),
62
+ className: ax(["_2rkofajl _v564thzt _1h6d1j28 _1dqonqa1 _189e1dm9 _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.9",
3
+ "version": "15.3.10",
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/platform-feature-flags": "^1.1.0",
44
44
  "@atlaskit/primitives": "^14.14.0",
45
45
  "@atlaskit/textfield": "^8.0.0",
46
- "@atlaskit/theme": "^20.0.0",
46
+ "@atlaskit/theme": "^21.0.0",
47
47
  "@atlaskit/tokens": "^6.3.0",
48
48
  "@atlaskit/visually-hidden": "^3.0.0",
49
49
  "@babel/runtime": "^7.0.0",