@atlaskit/editor-core 217.9.0 → 217.9.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-core
 
+## 217.9.2
+
+### Patch Changes
+
+- [`4babe84074774`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4babe84074774) -
+  Updates lookup and identiier for gutter to use a data attribute
+- Updated dependencies
+
+## 217.9.1
+
+### Patch Changes
+
+- [`e2f512c5e8eba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e2f512c5e8eba) -
+  Clean up feature flag platform_editor_task_item_styles for task item checkbox and remove unused
+  styles objects taskItemCheckboxStylesWithBlockTaskItem and taskItemCheckboxStyles. Renamed
+  taskItemNextCheckboxStyles to taskItemCheckboxStyles
+- Updated dependencies
+
 ## 217.9.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -78,6 +78,9 @@
 		{
 			"path": "../../../elements/emoji/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../measurement/feature-gate-js-client/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/icon/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -78,6 +78,9 @@
 		{
 			"path": "../../../elements/emoji/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../measurement/feature-gate-js-client/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -78,6 +78,9 @@
 		{
 			"path": "../../../elements/emoji/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../measurement/feature-gate-js-client/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/icon/afm-products/tsconfig.json"
 		},

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js

@@ -14,6 +14,7 @@ var _reactIntlNext = require("react-intl-next");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -207,7 +208,7 @@ var contentAreaHeightNoToolbar = (0, _react2.css)({
 var CONTENT_AREA_TEST_ID = exports.CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 var EDITOR_CONTAINER = exports.EDITOR_CONTAINER = 'ak-editor-container';
 var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$editorAPI, _props$editorAPI$bloc, _props$editorAPI2, _contentAreaRef$curre, _allowScrollGutter$gu;
+  var _props$editorAPI, _props$editorAPI$bloc, _props$editorAPI2, _contentAreaRef$curre, _allowScrollGutter$gu, _allowScrollGutter$gu2;
   var theme = (0, _react2.useTheme)();
   var fullWidthMode = props.appearance === 'full-width';
   var maxWidthMode = props.appearance === 'max';
@@ -302,13 +303,20 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     containerElement: scrollContainerRef.current,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.after) : null, allowScrollGutter && (0, _react2.jsx)("div", {
+  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.after) : null, allowScrollGutter && (_featureGateJsClient.default.getExperimentValue('cc_snippets_dogfooding_beta', 'isEnabled', false) ? (0, _react2.jsx)("div", {
     id: "editor-scroll-gutter",
     style: {
       paddingBottom: "".concat((_allowScrollGutter$gu = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu !== void 0 ? _allowScrollGutter$gu : '120', "px")
     },
+    "data-vc": "scroll-gutter",
+    "data-editor-scroll-gutter": "true"
+  }) : (0, _react2.jsx)("div", {
+    id: "editor-scroll-gutter",
+    style: {
+      paddingBottom: "".concat((_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120', "px")
+    },
     "data-vc": "scroll-gutter"
-  })))))), (0, _react2.jsx)("div", {
+  }))))))), (0, _react2.jsx)("div", {
     css: _StyledComponents.sidebarArea
   }, props.contextPanel || (0, _react2.jsx)(_ContextPanel.ContextPanel, {
     editorAPI: props.editorAPI,

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js

@@ -336,11 +336,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _tasksAndDecisionsStyles.taskItemStylesWithBlockTaskItem :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _tasksAndDecisionsStyles.taskItemStyles, (0, _expValEquals.expValEquals)('platform_editor_task_item_styles', 'isEnabled', true) ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _tasksAndDecisionsStyles.taskItemNextCheckboxStyles : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _tasksAndDecisionsStyles.taskItemCheckboxStylesWithBlockTaskItem :
+    _tasksAndDecisionsStyles.taskItemStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _tasksAndDecisionsStyles.taskItemCheckboxStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tasksAndDecisionsStyles = exports.taskItemStylesWithBlockTaskItem = exports.taskItemStyles = exports.taskItemNextCheckboxStyles = exports.taskItemCheckboxStylesWithBlockTaskItem = exports.taskItemCheckboxStyles = exports.getDenseTasksAndDecisionsStyles = exports.decisionStyles = exports.decisionIconWithoutVisualRefresh = exports.decisionIconWithVisualRefresh = exports.decisionDangerStyles = exports.TaskDecisionSharedCssClassName = void 0;
+exports.tasksAndDecisionsStyles = exports.taskItemStylesWithBlockTaskItem = exports.taskItemStyles = exports.taskItemCheckboxStyles = exports.getDenseTasksAndDecisionsStyles = exports.decisionStyles = exports.decisionIconWithoutVisualRefresh = exports.decisionIconWithVisualRefresh = exports.decisionDangerStyles = exports.TaskDecisionSharedCssClassName = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -264,348 +264,6 @@ var taskItemStyles = exports.taskItemStyles = (0, _react.css)({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var taskItemCheckboxStyles = exports.taskItemCheckboxStyles = (0, _react.css)((0, _defineProperty2.default)({
-  // copied styles from packages/design-system/icon/src/components/icon-new.tsx
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"]': {
-    display: 'inline-block',
-    boxSizing: 'border-box',
-    flexShrink: 0,
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: 1,
-    paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
-    paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"] svg': {
-    overflow: 'hidden',
-    pointerEvents: 'none',
-    color: 'currentColor',
-    verticalAlign: 'bottom',
-    width: "var(--ds-space-200, 16px)",
-    height: "var(--ds-space-200, 16px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon]': {
-    display: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon]': {
-    display: 'inline'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon]': {
-    display: 'inline'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon]': {
-    display: 'none'
-  }
-}, "[data-prosemirror-node-name=\"taskItem\"] .".concat(TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER), {
-  flex: '0 0 24px',
-  width: '24px',
-  height: '24px',
-  position: 'relative',
-  alignSelf: 'start',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  "& > input[type='checkbox']": {
-    width: '16px',
-    height: '16px',
-    zIndex: 1,
-    cursor: 'pointer',
-    outline: 'none',
-    margin: 0,
-    opacity: 0,
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&[disabled]': {
-      cursor: 'default'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '+ span': {
-      width: '24px',
-      height: '24px',
-      position: 'absolute',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '+ span > svg': {
-      boxSizing: 'border-box',
-      display: 'inline',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)',
-      maxWidth: 'unset',
-      maxHeight: 'unset',
-      position: 'absolute',
-      overflow: 'hidden',
-      color: "var(--ds-background-input, #FFFFFF)",
-      transition: 'color 0.2s ease-in-out, fill 0.2s ease-in-out',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'path:first-of-type': {
-        visibility: 'hidden'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border-input, #8C8F97)",
-        strokeWidth: 1,
-        transition: 'stroke 0.2s ease-in-out'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&:hover + span > svg': {
-      color: "var(--ds-background-input-hovered, #F8F8F8)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border-input, #8C8F97)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&:checked:hover + span > svg': {
-      color: "var(--ds-background-selected-bold-hovered, #1558BC)",
-      fill: "var(--ds-icon-inverse, #FFFFFF)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-background-selected-bold-hovered, #1558BC)"
-      }
-    },
-    '&:checked': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '+ span > svg': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        'path:first-of-type': {
-          visibility: 'visible'
-        },
-        color: "var(--ds-background-selected-bold, #1868DB)",
-        fill: "var(--ds-icon-inverse, #FFFFFF)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        'rect:first-of-type': {
-          stroke: "var(--ds-background-selected-bold, #1868DB)"
-        }
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:active + span > svg': {
-      color: "var(--ds-background-input-pressed, #FFFFFF)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border, #0B120E24)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:checked:active + span > svg': {
-      color: "var(--ds-background-input-pressed, #FFFFFF)",
-      fill: "var(--ds-icon-inverse, #FFFFFF)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border, #0B120E24)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:disabled + span > svg, &:disabled:hover + span > svg, &:disabled:focus + span > svg, &:disabled:active + span > svg': {
-      color: "var(--ds-background-disabled, #17171708)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-background-disabled, #17171708)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:disabled:checked + span > svg': {
-      fill: "var(--ds-icon-disabled, #080F214A)"
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:focus + span::after': {
-      position: 'absolute',
-      width: "var(--ds-space-200, 16px)",
-      height: "var(--ds-space-200, 16px)",
-      border: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #4688EC)"),
-      borderRadius: "var(--ds-space-050, 4px)",
-      content: "''",
-      display: 'block',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)'
-    }
-  }
-}));
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-var taskItemCheckboxStylesWithBlockTaskItem = exports.taskItemCheckboxStylesWithBlockTaskItem = (0, _react.css)((0, _defineProperty2.default)({
-  // copied styles from packages/design-system/icon/src/components/icon-new.tsx
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"], [data-prosemirror-node-name="blockTaskItem"] [data-component="checkbox-icon-wrap"]': {
-    display: 'inline-block',
-    boxSizing: 'border-box',
-    flexShrink: 0,
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: 1,
-    paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
-    paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"] svg, [data-prosemirror-node-name="blockTaskItem"] [data-component="checkbox-icon-wrap"] svg': {
-    overflow: 'hidden',
-    pointerEvents: 'none',
-    color: 'currentColor',
-    verticalAlign: 'bottom',
-    width: "var(--ds-space-200, 16px)",
-    height: "var(--ds-space-200, 16px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon]': {
-    display: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon]': {
-    display: 'inline'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon]': {
-    display: 'inline'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon]': {
-    display: 'none'
-  }
-}, "[data-prosemirror-node-name=\"taskItem\"] .".concat(TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER, ", [data-prosemirror-node-name=\"blockTaskItem\"] .").concat(TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER), {
-  flex: '0 0 24px',
-  width: '24px',
-  height: '24px',
-  position: 'relative',
-  alignSelf: 'start',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  "& > input[type='checkbox']": {
-    width: '16px',
-    height: '16px',
-    zIndex: 1,
-    cursor: 'pointer',
-    outline: 'none',
-    margin: 0,
-    opacity: 0,
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&[disabled]': {
-      cursor: 'default'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '+ span': {
-      width: '24px',
-      height: '24px',
-      position: 'absolute',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '+ span > svg': {
-      boxSizing: 'border-box',
-      display: 'inline',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)',
-      maxWidth: 'unset',
-      maxHeight: 'unset',
-      position: 'absolute',
-      overflow: 'hidden',
-      color: "var(--ds-background-input, #FFFFFF)",
-      transition: 'color 0.2s ease-in-out, fill 0.2s ease-in-out',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'path:first-of-type': {
-        visibility: 'hidden'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border-input, #8C8F97)",
-        strokeWidth: 1,
-        transition: 'stroke 0.2s ease-in-out'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&:hover + span > svg': {
-      color: "var(--ds-background-input-hovered, #F8F8F8)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border-input, #8C8F97)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&:checked:hover + span > svg': {
-      color: "var(--ds-background-selected-bold-hovered, #1558BC)",
-      fill: "var(--ds-icon-inverse, #FFFFFF)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-background-selected-bold-hovered, #1558BC)"
-      }
-    },
-    '&:checked': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '+ span > svg': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        'path:first-of-type': {
-          visibility: 'visible'
-        },
-        color: "var(--ds-background-selected-bold, #1868DB)",
-        fill: "var(--ds-icon-inverse, #FFFFFF)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        'rect:first-of-type': {
-          stroke: "var(--ds-background-selected-bold, #1868DB)"
-        }
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:active + span > svg': {
-      color: "var(--ds-background-input-pressed, #FFFFFF)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border, #0B120E24)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:checked:active + span > svg': {
-      color: "var(--ds-background-input-pressed, #FFFFFF)",
-      fill: "var(--ds-icon-inverse, #FFFFFF)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border, #0B120E24)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:disabled + span > svg, &:disabled:hover + span > svg, &:disabled:focus + span > svg, &:disabled:active + span > svg': {
-      color: "var(--ds-background-disabled, #17171708)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-background-disabled, #17171708)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:disabled:checked + span > svg': {
-      fill: "var(--ds-icon-disabled, #080F214A)"
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:focus + span::after': {
-      position: 'absolute',
-      width: "var(--ds-space-200, 16px)",
-      height: "var(--ds-space-200, 16px)",
-      border: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #4688EC)"),
-      borderRadius: "var(--ds-space-050, 4px)",
-      content: "''",
-      display: 'block',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)'
-    }
-  }
-}));
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-var taskItemNextCheckboxStyles = exports.taskItemNextCheckboxStyles = (0, _react.css)((0, _defineProperty2.default)({
   /**
    * Background
    */

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "217.8.3";
+var version = exports.version = "217.9.1";

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js

@@ -12,6 +12,7 @@ import { injectIntl } from 'react-intl-next';
 import { decisionListSelector, taskListSelector } from '@atlaskit/adf-schema';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
 import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -205,7 +206,7 @@ const contentAreaHeightNoToolbar = css({
 export const CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 export const EDITOR_CONTAINER = 'ak-editor-container';
 const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
-  var _props$editorAPI, _props$editorAPI$base, _props$editorAPI$base2, _props$editorAPI$bloc, _props$editorAPI2, _props$editorAPI2$blo, _props$editorAPI2$blo2, _props$editorAPI2$blo3, _contentAreaRef$curre, _allowScrollGutter$gu;
+  var _props$editorAPI, _props$editorAPI$base, _props$editorAPI$base2, _props$editorAPI$bloc, _props$editorAPI2, _props$editorAPI2$blo, _props$editorAPI2$blo2, _props$editorAPI2$blo3, _contentAreaRef$curre, _allowScrollGutter$gu, _allowScrollGutter$gu2;
   const theme = useTheme();
   const fullWidthMode = props.appearance === 'full-width';
   const maxWidthMode = props.appearance === 'max';
@@ -299,13 +300,20 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     containerElement: scrollContainerRef.current,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null, allowScrollGutter && jsx("div", {
+  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null, allowScrollGutter && (FeatureGates.getExperimentValue('cc_snippets_dogfooding_beta', 'isEnabled', false) ? jsx("div", {
     id: "editor-scroll-gutter",
     style: {
       paddingBottom: `${(_allowScrollGutter$gu = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu !== void 0 ? _allowScrollGutter$gu : '120'}px`
     },
+    "data-vc": "scroll-gutter",
+    "data-editor-scroll-gutter": "true"
+  }) : jsx("div", {
+    id: "editor-scroll-gutter",
+    style: {
+      paddingBottom: `${(_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120'}px`
+    },
     "data-vc": "scroll-gutter"
-  })))))), jsx("div", {
+  }))))))), jsx("div", {
     css: sidebarArea
   }, props.contextPanel || jsx(ContextPanel, {
     editorAPI: props.editorAPI,

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js

@@ -60,7 +60,7 @@ import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDe
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
 import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles } from './styles/syncBlockStyles';
 import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes } from './styles/tableStyles';
-import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemCheckboxStylesWithBlockTaskItem, taskItemNextCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
+import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
 import { textHighlightStyle } from './styles/textHighlightStyles';
@@ -332,11 +332,7 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     taskItemStylesWithBlockTaskItem :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    taskItemStyles, expValEquals('platform_editor_task_item_styles', 'isEnabled', true) ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    taskItemNextCheckboxStyles : expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    taskItemCheckboxStylesWithBlockTaskItem :
+    taskItemStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     taskItemCheckboxStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values