@atlaskit/task-decision 19.1.1 → 19.1.3

package/dist/es2019/components/DecisionItem.js

@@ -1,25 +1,11 @@
-/**
- * @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';
+/* DecisionItem.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./DecisionItem.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import DecisionIcon from '@atlaskit/icon/core/migration/decision--editor-decision';
 import Item from './Item';
-const iconStyles = showPlaceholder => {
-  return css({
-    flex: '0 0 16px',
-    height: '16px',
-    width: '16px',
-    margin: `${"var(--ds-space-050, 4px)"} ${"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, #626F86)" : "var(--ds-icon-success, #22A06B)",
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-  });
-};
+const iconStyles = null;
+const iconStylesWithPlaceholder = null;
 const DecisionItem = ({
   appearance,
   children,
@@ -28,18 +14,16 @@ const DecisionItem = ({
   showPlaceholder,
   dataAttributes
 }) => {
-  const icon =
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  jsx("span", {
+  const icon = /*#__PURE__*/React.createElement("span", {
     contentEditable: false,
-    css: iconStyles(showPlaceholder)
-  }, jsx(DecisionIcon, {
+    className: ax(["_16jlidpf _1o9zidpf _i0dlexct _4t3i7vkz _1bsb7vkz _19pk1b66 _2hwxutpp _otyridpf _18u0idpf _syaz1yjp _1e0c1txw _4cvr1h6o _1bah1h6o", showPlaceholder && "_syaz1oju"])
+  }, /*#__PURE__*/React.createElement(DecisionIcon, {
     label: "Decision",
     spacing: "spacious",
     color: "currentColor",
     LEGACY_size: "large"
   }));
-  return jsx(Item, {
+  return /*#__PURE__*/React.createElement(Item, {
     appearance: appearance,
     contentRef: contentRef,
     icon: icon,

package/dist/es2019/components/DecisionList.js

@@ -1,13 +1,12 @@
-/**
- * @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';
+/* DecisionList.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./DecisionList.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { PureComponent } from 'react';
+/*
+	Increasing specificity with double ampersand to ensure these rules take
+	priority over the global styles applied to 'ol' elements.
+*/
+const listStyles = null;
 export default class DecisionList extends PureComponent {
   render() {
     const {
@@ -23,22 +22,19 @@ export default class DecisionList extends 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 (
-      // 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, (child, idx) => {
-        const {
-          localId
-        } = child.props;
-        return jsx("li", {
-          key: idx,
-          "data-decision-local-id": localId || '',
-          "data-decision-state": "DECIDED"
-        }, child);
-      }))
-    );
+    return /*#__PURE__*/React.createElement("ol", {
+      "data-decision-list-local-id": "",
+      "data-node-type": "decisionList",
+      className: ax(["_1braglyw _1yxxidpf"])
+    }, React.Children.map(children, (child, idx) => {
+      const {
+        localId
+      } = child.props;
+      return /*#__PURE__*/React.createElement("li", {
+        key: idx,
+        "data-decision-local-id": localId || '',
+        "data-decision-state": "DECIDED"
+      }, child);
+    }));
   }
 }

package/dist/es2019/components/Item.js

@@ -1,16 +1,15 @@
+/* Item.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
+import "./Item.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 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';
-import { contentStyles, taskStyles, decisionStyles, placeholderStyles } from './styles';
+const placeholderStyles = null;
+const placeholderTaskStyles = null;
+const decisionStyles = null;
+const contentStyles = null;
+const taskStyles = null;
 export default class Item extends PureComponent {
   renderPlaceholder() {
     const {
@@ -22,17 +21,11 @@ export default class Item extends PureComponent {
     if (!showPlaceholder || !placeholder || children) {
       return null;
     }
-
-    // TODO: Migrate away from gridSize
-    // Recommendation: Replace gridSize with 8
-    const offset = gridSize() * (itemType === 'TASK' ? 3 : 3.5);
-    return jsx("span", {
+    return /*#__PURE__*/React.createElement("span", {
       "data-testid": "task-decision-item-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
+      "data-component": "placeholder",
+      contentEditable: false,
+      className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0tu8f _1reo15vq _18m915vq _kqswstnw _syaz131l _lcxvglyw _1bto1l2s _o5721q9c _p12f1dza", itemType === 'TASK' && "_19pkidpf _2hwxidpf _otyridpf _18u0hwpb"])
     }, placeholder);
   }
   renderMessageAppearance() {
@@ -45,29 +38,26 @@ export default class Item extends PureComponent {
       dataAttributes
     } = this.props;
     if (itemType === 'TASK') {
-      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))
-      );
+      return /*#__PURE__*/React.createElement("div", {
+        id: `${checkBoxId}-wrapper`,
+        className: ax(["_1e0c1txw _2lx2vrvc _kqswh2mm"])
+      }, icon, this.renderPlaceholder(), /*#__PURE__*/React.createElement("div", _extends({
+        "data-component": "content",
+        ref: contentRef
+      }, dataAttributes, {
+        className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _16jlkb7n _1o9zkb7n _i0dl1wug _slp31hna _1ul9idpf"])
+      }), children));
     } else if (itemType === 'DECISION') {
-      return jsx("div", {
-        "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({
+      return /*#__PURE__*/React.createElement("div", {
+        "data-testid": "elements-decision-item",
+        "data-decision-wrapper": "true",
+        className: ax(["_2rkosqtm _1e0c1txw _2lx2vrvc _19pku2gc _2hwxidpf _otyridpf _18u0idpf _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvutpp _bfhkm7j4 _kqswh2mm _14hd1wug"])
+      }, icon, this.renderPlaceholder(), /*#__PURE__*/React.createElement("div", _extends({
         "data-component": "content",
-        css: contentStyles,
         ref: contentRef
-      }, dataAttributes), children));
+      }, dataAttributes, {
+        className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _16jlkb7n _1o9zkb7n _i0dl1wug _slp31hna _1ul9idpf"])
+      }), children));
     }
     return null;
   }

package/dist/es2019/components/ResourcedTaskItem.js

@@ -1,10 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { PureComponent } from 'react';
-import EmotionTaskItem from './TaskItem';
-import CompiledTaskItem from './compiled/TaskItem';
+import TaskItem from './TaskItem';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
-import { fg } from '@atlaskit/platform-feature-flags';
 export default class ResourcedTaskItem extends PureComponent {
   constructor(props) {
     super(props);
@@ -144,32 +142,11 @@ export default class ResourcedTaskItem extends PureComponent {
       isFocused,
       inputRef
     } = this.props;
-    if (fg('platform_editor_css_migrate_stage_1')) {
-      return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
-        data: {
-          objectAri
-        }
-      }, /*#__PURE__*/React.createElement(CompiledTaskItem, {
-        isDone: isDone,
-        isRenderer: isRenderer,
-        isFocused: isFocused,
-        taskId: taskId,
-        onChange: this.handleOnChange,
-        onClick: this.handleOnClick,
-        appearance: appearance,
-        contentRef: contentRef,
-        showPlaceholder: showPlaceholder,
-        placeholder: placeholder,
-        disabled: disabled,
-        dataAttributes: dataAttributes,
-        inputRef: inputRef
-      }, children));
-    }
     return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
       data: {
         objectAri
       }
-    }, /*#__PURE__*/React.createElement(EmotionTaskItem, {
+    }, /*#__PURE__*/React.createElement(TaskItem, {
       isDone: isDone,
       isRenderer: isRenderer,
       isFocused: isFocused,

package/dist/es2019/components/TaskItem.js

@@ -1,11 +1,8 @@
+/* TaskItem.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+import "./TaskItem.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 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';
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { Icon } from '@atlaskit/icon/base-new';
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
@@ -14,11 +11,17 @@ import CheckboxCheckedIcon from '@atlaskit/icon/core/checkbox-checked';
 import Item from './Item';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { createAndFireEventInElementsChannel } from '../analytics';
-import { checkboxStyles } from './styles';
-const CheckboxUncheckedIcon = props => jsx(Icon, _extends({
+const CheckboxUncheckedIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
   dangerouslySetGlyph: `<rect width="12.5" height="12.5" x="1.75" y="1.75" stroke="currentcolor" stroke-width="1.5" rx="1.25"/>`,
   type: 'core'
 }, props));
+
+/**
+ * References packages/design-system/checkbox/src/checkbox.tsx
+ * To be used until mobile editor does not require legacy themed() API anymore,
+ * which will allow migration to use @atlaskit/checkbox instead
+ */
+const checkboxStyles = null;
 let taskCount = 0;
 const getCheckBoxId = localId => `${localId}-${taskCount++}`;
 const TaskItem = props => {
@@ -26,7 +29,6 @@ const TaskItem = props => {
     appearance,
     isDone,
     isFocused,
-    isRenderer,
     contentRef,
     children,
     placeholder,
@@ -66,12 +68,10 @@ const TaskItem = props => {
   }, [handleOnChange]);
   const defaultInputRef = useRef(null);
   const inputRef = inputRefFromProps !== null && inputRefFromProps !== void 0 ? inputRefFromProps : defaultInputRef;
-  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", {
+  const icon = /*#__PURE__*/React.createElement("span", {
+    contentEditable: false,
+    className: ax(["_16jlidpf _1o9zidpf _i0dl1tcg _1bsb1tcg _4t3i1tcg _kqswh2mm _1wpzv2br _1snx1r31 _1746glyw _dx3f1o36 _1h5xidpf _sqizidpf _fs2cidpf _1smcidpf _oezm15vq _1l0615vq _1abj1mn3 _18a711so _16np1elr _a27kkb7n _q3p7usvi _qhqx1nu9 _10cr1ssb _zfav1ssb _m7eu1ooe _l9o0n7od _1efjn7od _1u2istnw _32ro1j9a _1wn015vq _den5ugt7 _zh8l1b66 _g5w3stnw _whhepxbi _1stbpxbi _18tob3bt _1awt1ule _haf81ssb _ra781ssb _cr751ooe _1q8r7vkz _9l2s7vkz _1mh7kb7n _s3uktlke _1davidpf _8bo8stnw _psnc1ssb _4k421ssb _1rvv1ooe _13vl73ad _1t711tcg _1nuz1tcg _cs4qstnw _9j2j1ssb _1mwj1ssb _19l51ooe _12yy1d5g _1miy1elr _1umo18hz _tpz25w2r _k6dg18hz _1qduewfl _q8ft1fvw _1y9t5w2r _ut031fvw _gi9hr01l _1qp6muej _wxkgr01l _wo245w2r _c8dpmuej _d2dcsyzs _1eulsyzs _1bc7syzs _16fmsyzs _bhkusyzs _czfesyzs _1gxgsyzs _19w0syzs _1x1y1lg7"])
+  }, /*#__PURE__*/React.createElement("input", {
     id: checkBoxId,
     "aria-labelledby": `${checkBoxId}-wrapper`,
     name: checkBoxId,
@@ -83,9 +83,9 @@ const TaskItem = props => {
     suppressHydrationWarning: true,
     onKeyPress: handleOnKeyPress,
     ref: inputRef
-  }), isDone ? jsx(CheckboxCheckedIcon, {
+  }), isDone ? /*#__PURE__*/React.createElement(CheckboxCheckedIcon, {
     label: ""
-  }) : jsx(CheckboxUncheckedIcon, {
+  }) : /*#__PURE__*/React.createElement(CheckboxUncheckedIcon, {
     label: ""
   }));
   React.useEffect(() => {
@@ -99,7 +99,7 @@ const TaskItem = props => {
       }, 100);
     }
   }, [isFocused, inputRef]);
-  return jsx(Item, {
+  return /*#__PURE__*/React.createElement(Item, {
     appearance: appearance,
     contentRef: contentRef,
     icon: icon,

package/dist/es2019/components/TaskList.js

@@ -1,13 +1,11 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* TaskList.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./TaskList.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 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';
+const listStyles = null;
+const taskListStyles = null;
 export default class TaskList extends PureComponent {
   render() {
     const {
@@ -25,26 +23,24 @@ 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 (
-      // 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));
-      }))
-    );
+    return /*#__PURE__*/React.createElement("div", {
+      "data-task-list-local-id": "",
+      className: ax(["_2mzuglyw _19bvidpf"])
+    }, React.Children.map(children, (child, idx) => {
+      const {
+        localId
+      } = child.props;
+      return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+        data: {
+          listLocalId: listId,
+          listSize,
+          position: idx
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        key: idx,
+        "data-task-local-id": localId || '',
+        className: ax(["_19pk1b66"])
+      }, child));
+    }));
   }
 }

package/dist/es2019/index.js

@@ -1,17 +1,8 @@
-import EmotionDecisionItem from './components/DecisionItem';
-import CompiledDecisionItem from './components/compiled/DecisionItem';
-import EmotionDecisionList from './components/DecisionList';
-import CompiledDecisionList from './components/compiled/DecisionList';
+import DecisionItem from './components/DecisionItem';
+import DecisionList from './components/DecisionList';
 import ResourcedTaskItem from './components/ResourcedTaskItem';
 import TaskDecisionResource from './api/TaskDecisionResource';
-import EmotionTaskItem from './components/TaskItem';
-import CompiledTaskItem from './components/compiled/TaskItem';
-import EmotionTaskList from './components/TaskList';
-import CompiledTaskList from './components/compiled/TaskList';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
-const DecisionItem = componentWithFG('platform_editor_css_migrate_stage_1', CompiledDecisionItem, EmotionDecisionItem);
-const DecisionList = componentWithFG('platform_editor_css_migrate_stage_1', CompiledDecisionList, EmotionDecisionList);
-const TaskItem = componentWithFG('platform_editor_css_migrate_stage_1', CompiledTaskItem, EmotionTaskItem);
-const TaskList = componentWithFG('platform_editor_css_migrate_stage_1', CompiledTaskList, EmotionTaskList);
+import TaskItem from './components/TaskItem';
+import TaskList from './components/TaskList';
 export { PubSubSpecialEventType } from './types';
 export { DecisionItem, DecisionList, ResourcedTaskItem, TaskDecisionResource, TaskItem, TaskList };

package/dist/esm/components/DecisionItem.js

@@ -1,25 +1,11 @@
-/**
- * @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';
+/* DecisionItem.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./DecisionItem.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import DecisionIcon from '@atlaskit/icon/core/migration/decision--editor-decision';
 import Item from './Item';
-var iconStyles = function iconStyles(showPlaceholder) {
-  return css({
-    flex: '0 0 16px',
-    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, #626F86)" : "var(--ds-icon-success, #22A06B)",
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-  });
-};
+var iconStyles = null;
+var iconStylesWithPlaceholder = null;
 var DecisionItem = function DecisionItem(_ref) {
   var appearance = _ref.appearance,
     children = _ref.children,
@@ -27,18 +13,16 @@ var DecisionItem = function DecisionItem(_ref) {
     placeholder = _ref.placeholder,
     showPlaceholder = _ref.showPlaceholder,
     dataAttributes = _ref.dataAttributes;
-  var icon =
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  jsx("span", {
+  var icon = /*#__PURE__*/React.createElement("span", {
     contentEditable: false,
-    css: iconStyles(showPlaceholder)
-  }, jsx(DecisionIcon, {
+    className: ax(["_16jlidpf _1o9zidpf _i0dlexct _4t3i7vkz _1bsb7vkz _19pk1b66 _2hwxutpp _otyridpf _18u0idpf _syaz1yjp _1e0c1txw _4cvr1h6o _1bah1h6o", showPlaceholder && "_syaz1oju"])
+  }, /*#__PURE__*/React.createElement(DecisionIcon, {
     label: "Decision",
     spacing: "spacious",
     color: "currentColor",
     LEGACY_size: "large"
   }));
-  return jsx(Item, {
+  return /*#__PURE__*/React.createElement(Item, {
     appearance: appearance,
     contentRef: contentRef,
     icon: icon,

package/dist/esm/components/DecisionList.js

@@ -1,20 +1,19 @@
+/* DecisionList.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
+import "./DecisionList.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/**
- * @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';
+import React, { PureComponent } from 'react';
+/*
+	Increasing specificity with double ampersand to ensure these rules take
+	priority over the global styles applied to 'ol' elements.
+*/
+var listStyles = null;
 var DecisionList = /*#__PURE__*/function (_PureComponent) {
   function DecisionList() {
     _classCallCheck(this, DecisionList);
@@ -35,22 +34,19 @@ 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 (
-        // 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 /*#__PURE__*/React.createElement("ol", {
+        "data-decision-list-local-id": "",
+        "data-node-type": "decisionList",
+        className: ax(["_1braglyw _1yxxidpf"])
+      }, React.Children.map(children, function (child, idx) {
+        var _ref = child.props,
+          localId = _ref.localId;
+        return /*#__PURE__*/React.createElement("li", {
+          key: idx,
+          "data-decision-local-id": localId || '',
+          "data-decision-state": "DECIDED"
+        }, child);
+      }));
     }
   }]);
 }(PureComponent);