@atlaskit/task-decision 17.10.1 → 17.10.2

package/dist/es2019/components/Item.js

@@ -1,8 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 import { PureComponent } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
@@ -24,7 +28,9 @@ export default class Item extends PureComponent {
     const offset = gridSize() * (itemType === 'TASK' ? 3 : 3.5);
     return jsx("span", {
       "data-testid": "task-decision-item-placeholder",
-      "data-component": "placeholder",
+      "data-component": "placeholder"
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      ,
       css: placeholderStyles(offset),
       contentEditable: false
     }, placeholder);
@@ -39,17 +45,22 @@ export default class Item extends PureComponent {
       dataAttributes
     } = this.props;
     if (itemType === 'TASK') {
-      return jsx("div", {
-        css: taskStyles,
-        id: `${checkBoxId}-wrapper`
-      }, icon, this.renderPlaceholder(), jsx("div", _extends({
-        "data-component": "content",
-        css: contentStyles,
-        ref: contentRef
-      }, dataAttributes), children));
+      return (
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        jsx("div", {
+          css: taskStyles,
+          id: `${checkBoxId}-wrapper`
+        }, icon, this.renderPlaceholder(), jsx("div", _extends({
+          "data-component": "content",
+          css: contentStyles,
+          ref: contentRef
+        }, dataAttributes), children))
+      );
     } else if (itemType === 'DECISION') {
       return jsx("div", {
-        "data-testid": "elements-decision-item",
+        "data-testid": "elements-decision-item"
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        ,
         css: decisionStyles(),
         "data-decision-wrapper": "true"
       }, icon, this.renderPlaceholder(), jsx("div", _extends({

package/dist/es2019/components/TaskItem.js

@@ -1,5 +1,9 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { useMemo, useRef } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
 import Item from './Item';
@@ -50,7 +54,9 @@ const TaskItem = props => {
     }
   }, [handleOnChange]);
   const inputRef = useRef(null);
-  const icon = jsx("span", {
+  const icon =
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  jsx("span", {
     css: checkboxStyles(isRenderer),
     contentEditable: false
   }, jsx("input", {

package/dist/es2019/components/TaskList.js

@@ -1,6 +1,10 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { PureComponent } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
 import { listStyles, taskListStyles } from './styles';
@@ -21,23 +25,26 @@ export default class TaskList extends PureComponent {
     // and action items, which all share the common `<li>` element.
     // The value of `data-task-local-id` should be discarded upon paste, with a
     // a new uuid generated by the editor for the cloned content.
-    return jsx("div", {
-      css: [listStyles, taskListStyles],
-      "data-task-list-local-id": ""
-    }, React.Children.map(children, (child, idx) => {
-      const {
-        localId
-      } = child.props;
-      return jsx(FabricElementsAnalyticsContext, {
-        data: {
-          listLocalId: listId,
-          listSize,
-          position: idx
-        }
-      }, jsx("div", {
-        key: idx,
-        "data-task-local-id": localId || ''
-      }, child));
-    }));
+    return (
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      jsx("div", {
+        css: [listStyles, taskListStyles],
+        "data-task-list-local-id": ""
+      }, React.Children.map(children, (child, idx) => {
+        const {
+          localId
+        } = child.props;
+        return jsx(FabricElementsAnalyticsContext, {
+          data: {
+            listLocalId: listId,
+            listSize,
+            position: idx
+          }
+        }, jsx("div", {
+          key: idx,
+          "data-task-local-id": localId || ''
+        }, child));
+      }))
+    );
   }
 }

package/dist/es2019/components/styles.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { N200, N20A } from '@atlaskit/theme/colors';
 import checkboxTheme from './theme';
@@ -6,23 +7,32 @@ import checkboxTheme from './theme';
 	Increasing specificity with double ampersand to ensure these rules take
 	priority over the global styles applied to 'ol' elements.
 */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const listStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&': {
     listStyleType: 'none',
     paddingLeft: 0
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const taskListStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'div + div': {
     marginTop: "var(--ds-space-050, 4px)"
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const contentStyles = css({
   margin: 0,
   wordWrap: 'break-word',
   minWidth: 0,
   flex: '1 1 auto'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const taskStyles = css({
   display: 'flex',
   flexDirection: 'row',
@@ -37,11 +47,13 @@ export const decisionStyles = () => css({
   borderRadius: "var(--ds-border-radius-100, 3px)",
   backgroundColor: `var(--ds-background-neutral, ${N20A})`,
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.decision-item': {
     cursor: 'initial'
   }
 });
 export const placeholderStyles = offset => css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   margin: `0 0 0 ${offset}px`,
   position: 'absolute',
   color: `var(--ds-text-subtlest, ${N200})`,
@@ -63,6 +75,7 @@ export const checkboxStyles = isRenderer => css({
   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',
@@ -75,9 +88,11 @@ export const checkboxStyles = isRenderer => css({
     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',
@@ -86,6 +101,7 @@ export const checkboxStyles = isRenderer => css({
       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',
@@ -96,68 +112,104 @@ export const checkboxStyles = isRenderer => css({
       maxHeight: 'unset',
       position: 'absolute',
       overflow: 'hidden',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       color: checkboxTheme.light.boxColor.rest,
       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': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         stroke: checkboxTheme.light.borderColor.rest,
         strokeWidth: 1,
         transition: 'stroke 0.2s ease-in-out'
       }
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '&:hover + span > svg': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       color: checkboxTheme.light.boxColor.hovered,
+      // 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': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         stroke: checkboxTheme.light.borderColor.hovered
       }
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '&:checked:hover + span > svg': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
       color: checkboxTheme.light.boxColor.hoveredAndChecked,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       fill: checkboxTheme.light.tickColor.checked,
+      // 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': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         stroke: checkboxTheme.light.borderColor.hoveredAndChecked
       }
     },
     '&: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'
         },
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         color: checkboxTheme.light.boxColor.checked,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         fill: checkboxTheme.light.tickColor.checked,
+        // 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': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
           stroke: checkboxTheme.light.borderColor.checked
         }
       }
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&:active + span > svg': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       color: checkboxTheme.light.boxColor.active,
+      // 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': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         stroke: checkboxTheme.light.borderColor.active
       }
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&:checked:active + span > svg': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       color: checkboxTheme.light.boxColor.active,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       fill: checkboxTheme.light.tickColor.activeAndChecked,
+      // 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': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         stroke: checkboxTheme.light.borderColor.active
       }
     },
+    // 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': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       color: checkboxTheme.light.boxColor.disabled,
+      // 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': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         stroke: checkboxTheme.light.borderColor.disabled
       }
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&:disabled:checked + span > svg': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       fill: checkboxTheme.light.tickColor.disabledAndChecked
     },
+    // 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)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       border: `2px solid ${checkboxTheme.light.borderColor.focused}`,
       borderRadius: "var(--ds-space-050, 4px)",
       content: "''",

package/dist/esm/components/DecisionItem.js

@@ -1,5 +1,9 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
 import Item from './Item';
@@ -10,7 +14,9 @@ var iconStyles = function iconStyles(showPlaceholder) {
     height: '16px',
     width: '16px',
     margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-150, 12px)", " 0 0"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     color: showPlaceholder ? "var(--ds-icon-subtle, ".concat(N100, ")") : "var(--ds-icon-success, ".concat(G400, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> span': {
       margin: "var(--ds-space-negative-100, -8px)"
     }
@@ -23,7 +29,9 @@ var DecisionItem = function DecisionItem(_ref) {
     placeholder = _ref.placeholder,
     showPlaceholder = _ref.showPlaceholder,
     dataAttributes = _ref.dataAttributes;
-  var icon = jsx("span", {
+  var icon =
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+  jsx("span", {
     contentEditable: false,
     css: iconStyles(showPlaceholder)
   }, jsx(DecisionIcon, {

package/dist/esm/components/DecisionList.js

@@ -5,10 +5,14 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 import React from 'react';
 import { PureComponent } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { listStyles } from './styles';
 var DecisionList = /*#__PURE__*/function (_PureComponent) {
@@ -32,19 +36,22 @@ var DecisionList = /*#__PURE__*/function (_PureComponent) {
       // and action items, which all share the common `<li>` element.
       // The value of `data-decision-local-id` should be discarded upon paste, with a
       // a new uuid generated by the editor for the cloned content.
-      return jsx("ol", {
-        css: listStyles,
-        "data-decision-list-local-id": "",
-        "data-node-type": "decisionList"
-      }, React.Children.map(children, function (child, idx) {
-        var _ref = child.props,
-          localId = _ref.localId;
-        return jsx("li", {
-          key: idx,
-          "data-decision-local-id": localId || '',
-          "data-decision-state": "DECIDED"
-        }, child);
-      }));
+      return (
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        jsx("ol", {
+          css: listStyles,
+          "data-decision-list-local-id": "",
+          "data-node-type": "decisionList"
+        }, React.Children.map(children, function (child, idx) {
+          var _ref = child.props,
+            localId = _ref.localId;
+          return jsx("li", {
+            key: idx,
+            "data-decision-local-id": localId || '',
+            "data-decision-state": "DECIDED"
+          }, child);
+        }))
+      );
     }
   }]);
   return DecisionList;

package/dist/esm/components/Item.js

@@ -7,9 +7,13 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 import { PureComponent } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
@@ -38,7 +42,9 @@ var Item = /*#__PURE__*/function (_PureComponent) {
       var offset = gridSize() * (itemType === 'TASK' ? 3 : 3.5);
       return jsx("span", {
         "data-testid": "task-decision-item-placeholder",
-        "data-component": "placeholder",
+        "data-component": "placeholder"
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        ,
         css: placeholderStyles(offset),
         contentEditable: false
       }, placeholder);
@@ -54,17 +60,22 @@ var Item = /*#__PURE__*/function (_PureComponent) {
         checkBoxId = _this$props2.checkBoxId,
         dataAttributes = _this$props2.dataAttributes;
       if (itemType === 'TASK') {
-        return jsx("div", {
-          css: taskStyles,
-          id: "".concat(checkBoxId, "-wrapper")
-        }, icon, this.renderPlaceholder(), jsx("div", _extends({
-          "data-component": "content",
-          css: contentStyles,
-          ref: contentRef
-        }, dataAttributes), children));
+        return (
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+          jsx("div", {
+            css: taskStyles,
+            id: "".concat(checkBoxId, "-wrapper")
+          }, icon, this.renderPlaceholder(), jsx("div", _extends({
+            "data-component": "content",
+            css: contentStyles,
+            ref: contentRef
+          }, dataAttributes), children))
+        );
       } else if (itemType === 'DECISION') {
         return jsx("div", {
-          "data-testid": "elements-decision-item",
+          "data-testid": "elements-decision-item"
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+          ,
           css: decisionStyles(),
           "data-decision-wrapper": "true"
         }, icon, this.renderPlaceholder(), jsx("div", _extends({

package/dist/esm/components/TaskItem.js

@@ -1,5 +1,9 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { useMemo, useRef } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
 import Item from './Item';
@@ -54,7 +58,9 @@ var TaskItem = function TaskItem(props) {
     };
   }, [handleOnChange]);
   var inputRef = useRef(null);
-  var icon = jsx("span", {
+  var icon =
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  jsx("span", {
     css: checkboxStyles(isRenderer),
     contentEditable: false
   }, jsx("input", {

package/dist/esm/components/TaskList.js

@@ -5,9 +5,13 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { PureComponent } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
 import { listStyles, taskListStyles } from './styles';
@@ -35,23 +39,26 @@ var TaskList = /*#__PURE__*/function (_PureComponent) {
       // and action items, which all share the common `<li>` element.
       // The value of `data-task-local-id` should be discarded upon paste, with a
       // a new uuid generated by the editor for the cloned content.
-      return jsx("div", {
-        css: [listStyles, taskListStyles],
-        "data-task-list-local-id": ""
-      }, React.Children.map(children, function (child, idx) {
-        var _ref = child.props,
-          localId = _ref.localId;
-        return jsx(FabricElementsAnalyticsContext, {
-          data: {
-            listLocalId: listId,
-            listSize: listSize,
-            position: idx
-          }
-        }, jsx("div", {
-          key: idx,
-          "data-task-local-id": localId || ''
-        }, child));
-      }));
+      return (
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        jsx("div", {
+          css: [listStyles, taskListStyles],
+          "data-task-list-local-id": ""
+        }, React.Children.map(children, function (child, idx) {
+          var _ref = child.props,
+            localId = _ref.localId;
+          return jsx(FabricElementsAnalyticsContext, {
+            data: {
+              listLocalId: listId,
+              listSize: listSize,
+              position: idx
+            }
+          }, jsx("div", {
+            key: idx,
+            "data-task-local-id": localId || ''
+          }, child));
+        }))
+      );
     }
   }]);
   return TaskList;