@atlaskit/inline-edit 12.2.7 → 12.2.9

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 (14) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/inline-edit.js +1 -1
  3. package/dist/cjs/inline-editable-textfield.js +3 -3
  4. package/dist/cjs/internal/buttons.js +2 -2
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/inline-edit.js +1 -1
  7. package/dist/es2019/inline-editable-textfield.js +3 -3
  8. package/dist/es2019/internal/buttons.js +2 -2
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/inline-edit.js +1 -1
  11. package/dist/esm/inline-editable-textfield.js +3 -3
  12. package/dist/esm/internal/buttons.js +2 -2
  13. package/dist/esm/version.json +1 -1
  14. package/package.json +6 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/inline-edit
2
2
 
3
+ ## 12.2.9
4
+
5
+ ### Patch Changes
6
+
7
+ - [`63c2f0b3f96`](https://bitbucket.org/atlassian/atlassian-frontend/commits/63c2f0b3f96) - Internal changes to use spacing tokens. There is no expected behaviour or visual change.
8
+
9
+ ## 12.2.8
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 12.2.7
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/inline-edit.js CHANGED
@@ -32,7 +32,7 @@ var buttonStyles = (0, _react2.css)({
32
32
  var analyticsAttributes = {
33
33
  componentName: 'inlineEdit',
34
34
  packageName: "@atlaskit/inline-edit",
35
- packageVersion: "12.2.7"
35
+ packageVersion: "12.2.9"
36
36
  };
37
37
  var noop = function noop() {};
38
38
  var InnerInlineEdit = function InnerInlineEdit(props) {
package/dist/cjs/inline-editable-textfield.js CHANGED
@@ -16,20 +16,20 @@ var _inlineEdit = _interopRequireDefault(require("./inline-edit"));
16
16
  var _constants = require("./internal/constants");
17
17
  var _excluded = ["errorMessage", "isInvalid"];
18
18
  var errorIconContainerStyles = (0, _react.css)({
19
- paddingRight: _constants.gridSize - 2,
19
+ paddingRight: "var(--ds-space-075, 6px)",
20
20
  lineHeight: '100%'
21
21
  });
22
22
  var readViewForTextFieldStyles = (0, _react.css)({
23
23
  display: 'flex',
24
24
  maxWidth: '100%',
25
25
  minHeight: "".concat(_constants.gridSize * 2.5 / _constants.fontSize, "em"),
26
- padding: "".concat(_constants.gridSize, "px ").concat(_constants.gridSize - 2, "px"),
26
+ padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-075, 6px)"),
27
27
  fontSize: _constants.fontSize,
28
28
  lineHeight: _constants.gridSize * 2.5 / _constants.fontSize,
29
29
  wordBreak: 'break-word'
30
30
  });
31
31
  var compactStyles = (0, _react.css)({
32
- padding: "".concat(_constants.gridSize / 2, "px ").concat(_constants.gridSize - 2, "px")
32
+ padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-075, 6px)")
33
33
  });
34
34
  var InlineEditableTextfield = function InlineEditableTextfield(props) {
35
35
  var _props$isCompact = props.isCompact,
package/dist/cjs/internal/buttons.js CHANGED
@@ -15,7 +15,7 @@ var _constants = require("./constants");
15
15
 
16
16
  var buttonsContainerStyles = (0, _react.css)({
17
17
  display: 'flex',
18
- marginTop: _constants.gridSize - 2,
18
+ marginTop: "var(--ds-space-075, 6px)",
19
19
  position: 'absolute',
20
20
  top: '100%',
21
21
  right: 0,
@@ -63,7 +63,7 @@ var buttonWrapperBaseStyles = (0, _react.css)({
63
63
  borderRadius: _constants.gridSize / 2 - 1,
64
64
  fontSize: _constants.fontSize,
65
65
  '&:last-child': {
66
- marginLeft: _constants.gridSize / 2
66
+ marginLeft: "var(--ds-space-050, 4px)"
67
67
  }
68
68
  });
69
69
  var Buttons = function Buttons(_ref) {
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "12.2.7",
3
+ "version": "12.2.9",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/inline-edit.js CHANGED
@@ -19,7 +19,7 @@ const buttonStyles = css({
19
19
  const analyticsAttributes = {
20
20
  componentName: 'inlineEdit',
21
21
  packageName: "@atlaskit/inline-edit",
22
- packageVersion: "12.2.7"
22
+ packageVersion: "12.2.9"
23
23
  };
24
24
  const noop = () => {};
25
25
  const InnerInlineEdit = props => {
package/dist/es2019/inline-editable-textfield.js CHANGED
@@ -8,20 +8,20 @@ import { R400 } from '@atlaskit/theme/colors';
8
8
  import InlineEdit from './inline-edit';
9
9
  import { fontSize, gridSize } from './internal/constants';
10
10
  const errorIconContainerStyles = css({
11
- paddingRight: gridSize - 2,
11
+ paddingRight: "var(--ds-space-075, 6px)",
12
12
  lineHeight: '100%'
13
13
  });
14
14
  const readViewForTextFieldStyles = css({
15
15
  display: 'flex',
16
16
  maxWidth: '100%',
17
17
  minHeight: `${gridSize * 2.5 / fontSize}em`,
18
- padding: `${gridSize}px ${gridSize - 2}px`,
18
+ padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-075, 6px)"}`,
19
19
  fontSize: fontSize,
20
20
  lineHeight: gridSize * 2.5 / fontSize,
21
21
  wordBreak: 'break-word'
22
22
  });
23
23
  const compactStyles = css({
24
- padding: `${gridSize / 2}px ${gridSize - 2}px`
24
+ padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-075, 6px)"}`
25
25
  });
26
26
  const InlineEditableTextfield = props => {
27
27
  const {
package/dist/es2019/internal/buttons.js CHANGED
@@ -8,7 +8,7 @@ import { B400, B75, DN50A, DN60, DN60A, DN70, N0, N20A, N30A, N50A, N60A } from
8
8
  import { fontSize, gridSize } from './constants';
9
9
  const buttonsContainerStyles = css({
10
10
  display: 'flex',
11
- marginTop: gridSize - 2,
11
+ marginTop: "var(--ds-space-075, 6px)",
12
12
  position: 'absolute',
13
13
  top: '100%',
14
14
  right: 0,
@@ -56,7 +56,7 @@ const buttonWrapperBaseStyles = css({
56
56
  borderRadius: gridSize / 2 - 1,
57
57
  fontSize: fontSize,
58
58
  '&:last-child': {
59
- marginLeft: gridSize / 2
59
+ marginLeft: "var(--ds-space-050, 4px)"
60
60
  }
61
61
  });
62
62
  const Buttons = ({
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "12.2.7",
3
+ "version": "12.2.9",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/inline-edit.js CHANGED
@@ -23,7 +23,7 @@ var buttonStyles = css({
23
23
  var analyticsAttributes = {
24
24
  componentName: 'inlineEdit',
25
25
  packageName: "@atlaskit/inline-edit",
26
- packageVersion: "12.2.7"
26
+ packageVersion: "12.2.9"
27
27
  };
28
28
  var noop = function noop() {};
29
29
  var InnerInlineEdit = function InnerInlineEdit(props) {
package/dist/esm/inline-editable-textfield.js CHANGED
@@ -10,20 +10,20 @@ import { R400 } from '@atlaskit/theme/colors';
10
10
  import InlineEdit from './inline-edit';
11
11
  import { fontSize, gridSize } from './internal/constants';
12
12
  var errorIconContainerStyles = css({
13
- paddingRight: gridSize - 2,
13
+ paddingRight: "var(--ds-space-075, 6px)",
14
14
  lineHeight: '100%'
15
15
  });
16
16
  var readViewForTextFieldStyles = css({
17
17
  display: 'flex',
18
18
  maxWidth: '100%',
19
19
  minHeight: "".concat(gridSize * 2.5 / fontSize, "em"),
20
- padding: "".concat(gridSize, "px ").concat(gridSize - 2, "px"),
20
+ padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-075, 6px)"),
21
21
  fontSize: fontSize,
22
22
  lineHeight: gridSize * 2.5 / fontSize,
23
23
  wordBreak: 'break-word'
24
24
  });
25
25
  var compactStyles = css({
26
- padding: "".concat(gridSize / 2, "px ").concat(gridSize - 2, "px")
26
+ padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-075, 6px)")
27
27
  });
28
28
  var InlineEditableTextfield = function InlineEditableTextfield(props) {
29
29
  var _props$isCompact = props.isCompact,
package/dist/esm/internal/buttons.js CHANGED
@@ -8,7 +8,7 @@ import { B400, B75, DN50A, DN60, DN60A, DN70, N0, N20A, N30A, N50A, N60A } from
8
8
  import { fontSize, gridSize } from './constants';
9
9
  var buttonsContainerStyles = css({
10
10
  display: 'flex',
11
- marginTop: gridSize - 2,
11
+ marginTop: "var(--ds-space-075, 6px)",
12
12
  position: 'absolute',
13
13
  top: '100%',
14
14
  right: 0,
@@ -56,7 +56,7 @@ var buttonWrapperBaseStyles = css({
56
56
  borderRadius: gridSize / 2 - 1,
57
57
  fontSize: fontSize,
58
58
  '&:last-child': {
59
- marginLeft: gridSize / 2
59
+ marginLeft: "var(--ds-space-050, 4px)"
60
60
  }
61
61
  });
62
62
  var Buttons = function Buttons(_ref) {
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "12.2.7",
3
+ "version": "12.2.9",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "12.2.7",
3
+ "version": "12.2.9",
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/"
@@ -33,7 +33,7 @@
33
33
  "@atlaskit/inline-dialog": "^13.4.0",
34
34
  "@atlaskit/textfield": "^5.3.0",
35
35
  "@atlaskit/theme": "^12.2.0",
36
- "@atlaskit/tokens": "^0.13.0",
36
+ "@atlaskit/tokens": "^1.1.0",
37
37
  "@babel/runtime": "^7.0.0",
38
38
  "@emotion/react": "^11.7.1"
39
39
  },
@@ -75,8 +75,10 @@
75
75
  "dom-events": "use-bind-event-listener",
76
76
  "ui-components": "lite-mode",
77
77
  "analytics": "analytics-next",
78
- "design-tokens": "spacing",
79
- "theming": "tokens",
78
+ "design-tokens": [
79
+ "color",
80
+ "spacing"
81
+ ],
80
82
  "deprecation": "no-deprecated-imports",
81
83
  "styling": [
82
84
  "emotion",