@atlaskit/inline-edit 12.1.6 → 12.1.7

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 +7 -0
  2. package/dist/cjs/inline-edit.js +1 -1
  3. package/dist/cjs/inline-editable-textfield.js +1 -1
  4. package/dist/cjs/internal/styles.js +5 -5
  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 +1 -1
  8. package/dist/es2019/internal/styles.js +5 -5
  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 +1 -1
  12. package/dist/esm/internal/styles.js +5 -5
  13. package/dist/esm/version.json +1 -1
  14. package/package.json +3 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/inline-edit
2
2
 
3
+ ## 12.1.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Updates usage of deprecated token names so they're aligned with the latest naming conventions. No UI or visual changes
8
+ - Updated dependencies
9
+
3
10
  ## 12.1.6
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/inline-edit.js CHANGED
@@ -48,7 +48,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
48
48
  var analyticsAttributes = {
49
49
  componentName: 'inlineEdit',
50
50
  packageName: "@atlaskit/inline-edit",
51
- packageVersion: "12.1.6"
51
+ packageVersion: "12.1.7"
52
52
  };
53
53
 
54
54
  var noop = function noop() {};
package/dist/cjs/inline-editable-textfield.js CHANGED
@@ -50,7 +50,7 @@ var InlineEditableTextfield = function InlineEditableTextfield(props) {
50
50
  css: _styles.errorIconContainerStyles
51
51
  }, (0, _core.jsx)(_error.default, {
52
52
  label: "error",
53
- primaryColor: "var(--ds-iconBorder-danger, ".concat(_colors.R400, ")")
53
+ primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
54
54
  })),
55
55
  testId: testId,
56
56
  isCompact: isCompact,
package/dist/cjs/internal/styles.js CHANGED
@@ -12,8 +12,8 @@ var _constants = require("@atlaskit/theme/constants");
12
12
  var spacingUnit = (0, _constants.gridSize)();
13
13
  var fontSizeUnit = (0, _constants.fontSize)();
14
14
  var elevations = {
15
- light: "var(--ds-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
16
- dark: "var(--ds-overlay, ".concat("0 4px 8px -2px ".concat(_colors.DN50A, ", 0 0 1px ").concat(_colors.DN60A), ")")
15
+ light: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
16
+ dark: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.DN50A, ", 0 0 1px ").concat(_colors.DN60A), ")")
17
17
  };
18
18
  var buttonsContainerStyles = {
19
19
  display: 'flex',
@@ -28,7 +28,7 @@ exports.buttonsContainerStyles = buttonsContainerStyles;
28
28
  var getButtonWrapperStyles = function getButtonWrapperStyles(mode) {
29
29
  return {
30
30
  boxShadow: elevations[mode],
31
- backgroundColor: "var(--ds-background-overlay, ".concat(_colors.N0, ")"),
31
+ backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
32
32
  width: spacingUnit * 4,
33
33
  zIndex: 200,
34
34
  borderRadius: spacingUnit / 2 - 1,
@@ -51,7 +51,7 @@ var editButtonStyles = {
51
51
  padding: '0',
52
52
  outline: '0',
53
53
  '&:focus + div': {
54
- border: "2px solid ".concat("var(--ds-border-focus, ".concat(_colors.B100, ")"))
54
+ border: "2px solid ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"))
55
55
  }
56
56
  };
57
57
  exports.editButtonStyles = editButtonStyles;
@@ -89,7 +89,7 @@ var readViewWrapperStyles = {
89
89
  width: '100%'
90
90
  },
91
91
  '&:hover': {
92
- background: "var(--ds-background-transparentNeutral-hover, ".concat(_colors.N30, ")")
92
+ background: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")")
93
93
  }
94
94
  };
95
95
  exports.readViewWrapperStyles = readViewWrapperStyles;
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "12.1.6",
3
+ "version": "12.1.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/inline-edit.js CHANGED
@@ -13,7 +13,7 @@ import ReadView from './internal/read-view';
13
13
  const analyticsAttributes = {
14
14
  componentName: 'inlineEdit',
15
15
  packageName: "@atlaskit/inline-edit",
16
- packageVersion: "12.1.6"
16
+ packageVersion: "12.1.7"
17
17
  };
18
18
 
19
19
  const noop = () => {};
package/dist/es2019/inline-editable-textfield.js CHANGED
@@ -33,7 +33,7 @@ const InlineEditableTextfield = props => {
33
33
  css: errorIconContainerStyles
34
34
  }, jsx(ErrorIcon, {
35
35
  label: "error",
36
- primaryColor: `var(--ds-iconBorder-danger, ${R400})`
36
+ primaryColor: `var(--ds-icon-danger, ${R400})`
37
37
  })),
38
38
  testId: testId,
39
39
  isCompact: isCompact,
package/dist/es2019/internal/styles.js CHANGED
@@ -3,8 +3,8 @@ import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';
3
3
  const spacingUnit = gridSize();
4
4
  const fontSizeUnit = fontSize();
5
5
  const elevations = {
6
- light: `var(--ds-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
7
- dark: `var(--ds-overlay, ${`0 4px 8px -2px ${DN50A}, 0 0 1px ${DN60A}`})`
6
+ light: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
7
+ dark: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${DN50A}, 0 0 1px ${DN60A}`})`
8
8
  };
9
9
  export const buttonsContainerStyles = {
10
10
  display: 'flex',
@@ -16,7 +16,7 @@ export const buttonsContainerStyles = {
16
16
  };
17
17
  export const getButtonWrapperStyles = mode => ({
18
18
  boxShadow: elevations[mode],
19
- backgroundColor: `var(--ds-background-overlay, ${N0})`,
19
+ backgroundColor: `var(--ds-surface-overlay, ${N0})`,
20
20
  width: spacingUnit * 4,
21
21
  zIndex: 200,
22
22
  borderRadius: spacingUnit / 2 - 1,
@@ -36,7 +36,7 @@ export const editButtonStyles = {
36
36
  padding: '0',
37
37
  outline: '0',
38
38
  '&:focus + div': {
39
- border: `2px solid ${`var(--ds-border-focus, ${B100})`}`
39
+ border: `2px solid ${`var(--ds-border-focused, ${B100})`}`
40
40
  }
41
41
  };
42
42
  export const errorIconContainerStyles = {
@@ -70,6 +70,6 @@ export const readViewWrapperStyles = {
70
70
  width: '100%'
71
71
  },
72
72
  '&:hover': {
73
- background: `var(--ds-background-transparentNeutral-hover, ${N30})`
73
+ background: `var(--ds-background-neutral-subtle-hovered, ${N30})`
74
74
  }
75
75
  };
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "12.1.6",
3
+ "version": "12.1.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/inline-edit.js CHANGED
@@ -22,7 +22,7 @@ import ReadView from './internal/read-view';
22
22
  var analyticsAttributes = {
23
23
  componentName: 'inlineEdit',
24
24
  packageName: "@atlaskit/inline-edit",
25
- packageVersion: "12.1.6"
25
+ packageVersion: "12.1.7"
26
26
  };
27
27
 
28
28
  var noop = function noop() {};
package/dist/esm/inline-editable-textfield.js CHANGED
@@ -35,7 +35,7 @@ var InlineEditableTextfield = function InlineEditableTextfield(props) {
35
35
  css: errorIconContainerStyles
36
36
  }, jsx(ErrorIcon, {
37
37
  label: "error",
38
- primaryColor: "var(--ds-iconBorder-danger, ".concat(R400, ")")
38
+ primaryColor: "var(--ds-icon-danger, ".concat(R400, ")")
39
39
  })),
40
40
  testId: testId,
41
41
  isCompact: isCompact,
package/dist/esm/internal/styles.js CHANGED
@@ -3,8 +3,8 @@ import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';
3
3
  var spacingUnit = gridSize();
4
4
  var fontSizeUnit = fontSize();
5
5
  var elevations = {
6
- light: "var(--ds-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
7
- dark: "var(--ds-overlay, ".concat("0 4px 8px -2px ".concat(DN50A, ", 0 0 1px ").concat(DN60A), ")")
6
+ light: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
7
+ dark: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(DN50A, ", 0 0 1px ").concat(DN60A), ")")
8
8
  };
9
9
  export var buttonsContainerStyles = {
10
10
  display: 'flex',
@@ -17,7 +17,7 @@ export var buttonsContainerStyles = {
17
17
  export var getButtonWrapperStyles = function getButtonWrapperStyles(mode) {
18
18
  return {
19
19
  boxShadow: elevations[mode],
20
- backgroundColor: "var(--ds-background-overlay, ".concat(N0, ")"),
20
+ backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
21
21
  width: spacingUnit * 4,
22
22
  zIndex: 200,
23
23
  borderRadius: spacingUnit / 2 - 1,
@@ -38,7 +38,7 @@ export var editButtonStyles = {
38
38
  padding: '0',
39
39
  outline: '0',
40
40
  '&:focus + div': {
41
- border: "2px solid ".concat("var(--ds-border-focus, ".concat(B100, ")"))
41
+ border: "2px solid ".concat("var(--ds-border-focused, ".concat(B100, ")"))
42
42
  }
43
43
  };
44
44
  export var errorIconContainerStyles = {
@@ -72,6 +72,6 @@ export var readViewWrapperStyles = {
72
72
  width: '100%'
73
73
  },
74
74
  '&:hover': {
75
- background: "var(--ds-background-transparentNeutral-hover, ".concat(N30, ")")
75
+ background: "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")")
76
76
  }
77
77
  };
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "12.1.6",
3
+ "version": "12.1.7",
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.1.6",
3
+ "version": "12.1.7",
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/"
@@ -31,7 +31,7 @@
31
31
  "@atlaskit/inline-dialog": "^13.2.0",
32
32
  "@atlaskit/textfield": "^5.1.0",
33
33
  "@atlaskit/theme": "^12.1.0",
34
- "@atlaskit/tokens": "^0.5.0",
34
+ "@atlaskit/tokens": "^0.6.0",
35
35
  "@babel/runtime": "^7.0.0",
36
36
  "@emotion/core": "^10.0.9"
37
37
  },
@@ -39,6 +39,7 @@
39
39
  "react": "^16.8.0"
40
40
  },
41
41
  "devDependencies": {
42
+ "@atlaskit/datetime-picker": "^11.1.1",
42
43
  "@atlaskit/docs": "*",
43
44
  "@atlaskit/section-message": "^6.1.0",
44
45
  "@atlaskit/select": "^15.0.0",