@atlaskit/editor-common 74.15.2 → 74.16.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-common
 
+## 74.16.0
+
+### Minor Changes
+
+- [`9a01d73afe2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a01d73afe2) - [ux] ED-17434: Update TaskItem to match @atlaskit/checkbox and update to support design tokens and match spacing from bullet and numbered lists.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 74.15.2
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "74.15.2";
+var packageVersion = "74.16.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/styles/shared/task-decision.js

@@ -10,8 +10,10 @@ var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _templateObject;
 var TaskDecisionSharedCssClassName = {
-  DECISION_CONTAINER: 'decisionItemView-content-wrap'
+  DECISION_CONTAINER: 'decisionItemView-content-wrap',
+  TASK_CONTAINER: 'taskItemView-content-wrap',
+  TASK_ITEM: 'task-item'
 };
 exports.TaskDecisionSharedCssClassName = TaskDecisionSharedCssClassName;
-var tasksAndDecisionsStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    .taskItemView-content-wrap,\n    .", " {\n      position: relative;\n      min-width: ", "px;\n    }\n\n    .", " {\n      margin-top: 0;\n    }\n  }\n\n  div[data-task-list-local-id] {\n    margin: 12px 0 0 0;\n  }\n\n  // If task list is first in the document then set margin top to zero.\n  div[data-task-list-local-id]:first-child,\n  style:first-child + div[data-task-list-local-id] {\n    margin-top: 0;\n  }\n\n  div[data-task-list-local-id] div[data-task-list-local-id] {\n    margin-top: 0px;\n    margin-left: 24px;\n  }\n"])), TaskDecisionSharedCssClassName.DECISION_CONTAINER, _editorSharedStyles.akEditorTableCellMinWidth, TaskDecisionSharedCssClassName.DECISION_CONTAINER);
+var tasksAndDecisionsStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    .taskItemView-content-wrap,\n    .", " {\n      position: relative;\n      min-width: ", "px;\n    }\n\n    .", " {\n      margin-top: 0;\n    }\n\n    .", " {\n      span[contenteditable='false'] {\n        height: ", "em;\n      }\n    }\n\n    .", " {\n      line-height: ", ";\n    }\n  }\n\n  div[data-task-local-id] {\n    span[contenteditable='false'] {\n      height: ", "em;\n    }\n    span[contenteditable='false'] + div {\n      line-height: ", "em;\n    }\n  }\n\n  div[data-task-list-local-id] {\n    margin: 12px 0 0 0;\n  }\n\n  div[data-task-list-local-id] {\n    // If task item is not first in the list then set margin top to 4px.\n    div + div {\n      margin-top: ", ";\n    }\n  }\n\n  // If task list is not first in the document then set margin top to 4px.\n  div[data-task-list-local-id] div[data-task-list-local-id] {\n    margin-top: ", ";\n    margin-left: 24px;\n  }\n"])), TaskDecisionSharedCssClassName.DECISION_CONTAINER, _editorSharedStyles.akEditorTableCellMinWidth, TaskDecisionSharedCssClassName.DECISION_CONTAINER, TaskDecisionSharedCssClassName.TASK_CONTAINER, _editorSharedStyles.akEditorLineHeight, TaskDecisionSharedCssClassName.TASK_ITEM, _editorSharedStyles.akEditorLineHeight, _editorSharedStyles.akEditorLineHeight, _editorSharedStyles.akEditorLineHeight, "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
 exports.tasksAndDecisionsStyles = tasksAndDecisionsStyles;

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.15.2";
+var packageVersion = "74.16.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.15.2",
+	"version": "74.16.0",
 	"sideEffects": false
 }

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "74.15.2";
+const packageVersion = "74.16.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/styles/shared/task-decision.js

@@ -1,7 +1,9 @@
 import { css } from '@emotion/react';
-import { akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorLineHeight, akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
 export const TaskDecisionSharedCssClassName = {
-  DECISION_CONTAINER: 'decisionItemView-content-wrap'
+  DECISION_CONTAINER: 'decisionItemView-content-wrap',
+  TASK_CONTAINER: 'taskItemView-content-wrap',
+  TASK_ITEM: 'task-item'
 };
 export const tasksAndDecisionsStyles = css`
   .ProseMirror {
@@ -14,20 +16,41 @@ export const tasksAndDecisionsStyles = css`
     .${TaskDecisionSharedCssClassName.DECISION_CONTAINER} {
       margin-top: 0;
     }
+
+    .${TaskDecisionSharedCssClassName.TASK_CONTAINER} {
+      span[contenteditable='false'] {
+        height: ${akEditorLineHeight}em;
+      }
+    }
+
+    .${TaskDecisionSharedCssClassName.TASK_ITEM} {
+      line-height: ${akEditorLineHeight};
+    }
+  }
+
+  div[data-task-local-id] {
+    span[contenteditable='false'] {
+      height: ${akEditorLineHeight}em;
+    }
+    span[contenteditable='false'] + div {
+      line-height: ${akEditorLineHeight}em;
+    }
   }
 
   div[data-task-list-local-id] {
     margin: 12px 0 0 0;
   }
 
-  // If task list is first in the document then set margin top to zero.
-  div[data-task-list-local-id]:first-child,
-  style:first-child + div[data-task-list-local-id] {
-    margin-top: 0;
+  div[data-task-list-local-id] {
+    // If task item is not first in the list then set margin top to 4px.
+    div + div {
+      margin-top: ${"var(--ds-space-050, 4px)"};
+    }
   }
 
+  // If task list is not first in the document then set margin top to 4px.
   div[data-task-list-local-id] div[data-task-list-local-id] {
-    margin-top: 0px;
+    margin-top: ${"var(--ds-space-050, 4px)"};
     margin-left: 24px;
   }
 `;

package/dist/es2019/ui/DropList/index.js

@@ -8,7 +8,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "74.15.2";
+const packageVersion = "74.16.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.15.2",
+	"version": "74.16.0",
 	"sideEffects": false
 }

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "74.15.2";
+var packageVersion = "74.16.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/styles/shared/task-decision.js

@@ -1,8 +1,10 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import { css } from '@emotion/react';
-import { akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorLineHeight, akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
 export var TaskDecisionSharedCssClassName = {
-  DECISION_CONTAINER: 'decisionItemView-content-wrap'
+  DECISION_CONTAINER: 'decisionItemView-content-wrap',
+  TASK_CONTAINER: 'taskItemView-content-wrap',
+  TASK_ITEM: 'task-item'
 };
-export var tasksAndDecisionsStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    .taskItemView-content-wrap,\n    .", " {\n      position: relative;\n      min-width: ", "px;\n    }\n\n    .", " {\n      margin-top: 0;\n    }\n  }\n\n  div[data-task-list-local-id] {\n    margin: 12px 0 0 0;\n  }\n\n  // If task list is first in the document then set margin top to zero.\n  div[data-task-list-local-id]:first-child,\n  style:first-child + div[data-task-list-local-id] {\n    margin-top: 0;\n  }\n\n  div[data-task-list-local-id] div[data-task-list-local-id] {\n    margin-top: 0px;\n    margin-left: 24px;\n  }\n"])), TaskDecisionSharedCssClassName.DECISION_CONTAINER, akEditorTableCellMinWidth, TaskDecisionSharedCssClassName.DECISION_CONTAINER);
+export var tasksAndDecisionsStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    .taskItemView-content-wrap,\n    .", " {\n      position: relative;\n      min-width: ", "px;\n    }\n\n    .", " {\n      margin-top: 0;\n    }\n\n    .", " {\n      span[contenteditable='false'] {\n        height: ", "em;\n      }\n    }\n\n    .", " {\n      line-height: ", ";\n    }\n  }\n\n  div[data-task-local-id] {\n    span[contenteditable='false'] {\n      height: ", "em;\n    }\n    span[contenteditable='false'] + div {\n      line-height: ", "em;\n    }\n  }\n\n  div[data-task-list-local-id] {\n    margin: 12px 0 0 0;\n  }\n\n  div[data-task-list-local-id] {\n    // If task item is not first in the list then set margin top to 4px.\n    div + div {\n      margin-top: ", ";\n    }\n  }\n\n  // If task list is not first in the document then set margin top to 4px.\n  div[data-task-list-local-id] div[data-task-list-local-id] {\n    margin-top: ", ";\n    margin-left: 24px;\n  }\n"])), TaskDecisionSharedCssClassName.DECISION_CONTAINER, akEditorTableCellMinWidth, TaskDecisionSharedCssClassName.DECISION_CONTAINER, TaskDecisionSharedCssClassName.TASK_CONTAINER, akEditorLineHeight, TaskDecisionSharedCssClassName.TASK_ITEM, akEditorLineHeight, akEditorLineHeight, akEditorLineHeight, "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");

package/dist/esm/ui/DropList/index.js

@@ -18,7 +18,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.15.2";
+var packageVersion = "74.16.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.15.2",
+	"version": "74.16.0",
 	"sideEffects": false
 }

package/dist/types/styles/shared/task-decision.d.ts

@@ -1,4 +1,6 @@
 export declare const TaskDecisionSharedCssClassName: {
     DECISION_CONTAINER: string;
+    TASK_CONTAINER: string;
+    TASK_ITEM: string;
 };
 export declare const tasksAndDecisionsStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/styles/shared/task-decision.d.ts

@@ -1,4 +1,6 @@
 export declare const TaskDecisionSharedCssClassName: {
     DECISION_CONTAINER: string;
+    TASK_CONTAINER: string;
+    TASK_ITEM: string;
 };
 export declare const tasksAndDecisionsStyles: import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.15.2",
+  "version": "74.16.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -96,7 +96,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/profilecard": "^19.5.0",
     "@atlaskit/smart-user-picker": "^6.1.0",
-    "@atlaskit/task-decision": "^17.6.0",
+    "@atlaskit/task-decision": "^17.7.0",
     "@atlaskit/theme": "^12.5.0",
     "@atlaskit/tokens": "^1.11.0",
     "@atlaskit/tooltip": "^17.8.0",