@atlaskit/task-decision 19.1.2 → 19.1.3

package/dist/esm/components/compiled/DecisionItem.js

@@ -1,35 +0,0 @@
-/* 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 = null;
-var iconStylesWithPlaceholder = null;
-var DecisionItem = function DecisionItem(_ref) {
-  var appearance = _ref.appearance,
-    children = _ref.children,
-    contentRef = _ref.contentRef,
-    placeholder = _ref.placeholder,
-    showPlaceholder = _ref.showPlaceholder,
-    dataAttributes = _ref.dataAttributes;
-  var icon = /*#__PURE__*/React.createElement("span", {
-    contentEditable: false,
-    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 /*#__PURE__*/React.createElement(Item, {
-    appearance: appearance,
-    contentRef: contentRef,
-    icon: icon,
-    placeholder: placeholder,
-    showPlaceholder: showPlaceholder,
-    itemType: "DECISION",
-    dataAttributes: dataAttributes
-  }, children);
-};
-export default DecisionItem;

package/dist/esm/components/compiled/DecisionList.js

@@ -1,53 +0,0 @@
-/* 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; })(); }
-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);
-    return _callSuper(this, DecisionList, arguments);
-  }
-  _inherits(DecisionList, _PureComponent);
-  return _createClass(DecisionList, [{
-    key: "render",
-    value: function render() {
-      var children = this.props.children;
-      if (!children) {
-        return null;
-      }
-
-      // Data attributes are required for copy and paste from rendered content
-      // to the editor to preserve the decision.
-      // This allows the editor to differentiate between numbered and ordered lists,
-      // 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 /*#__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);
-export { DecisionList as default };

package/dist/esm/components/compiled/Item.js

@@ -1,92 +0,0 @@
-/* Item.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
-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 _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./Item.compiled.css";
-import * as React from 'react';
-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; })(); }
-import { PureComponent } from 'react';
-var placeholderStyles = null;
-var placeholderTaskStyles = null;
-var decisionStyles = null;
-var contentStyles = null;
-var taskStyles = null;
-var Item = /*#__PURE__*/function (_PureComponent) {
-  function Item() {
-    _classCallCheck(this, Item);
-    return _callSuper(this, Item, arguments);
-  }
-  _inherits(Item, _PureComponent);
-  return _createClass(Item, [{
-    key: "renderPlaceholder",
-    value: function renderPlaceholder() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        placeholder = _this$props.placeholder,
-        showPlaceholder = _this$props.showPlaceholder,
-        itemType = _this$props.itemType;
-      if (!showPlaceholder || !placeholder || children) {
-        return null;
-      }
-      return /*#__PURE__*/React.createElement("span", {
-        "data-testid": "task-decision-item-placeholder",
-        "data-component": "placeholder",
-        contentEditable: false,
-        className: ax(["_18s81hzh _1reo15vq _18m915vq _kqswstnw _syaz131l _lcxvglyw _1bto1l2s _o5721q9c _p12f1dza", itemType === 'TASK' && "_18s815t0"]),
-        style: {
-          "--_tptct2": ix("0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3.5)")),
-          "--_1yfnyhr": ix("0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3)"))
-        }
-      }, placeholder);
-    }
-  }, {
-    key: "renderMessageAppearance",
-    value: function renderMessageAppearance() {
-      var _this$props2 = this.props,
-        contentRef = _this$props2.contentRef,
-        children = _this$props2.children,
-        icon = _this$props2.icon,
-        itemType = _this$props2.itemType,
-        checkBoxId = _this$props2.checkBoxId,
-        dataAttributes = _this$props2.dataAttributes;
-      if (itemType === 'TASK') {
-        return /*#__PURE__*/React.createElement("div", {
-          id: "".concat(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 /*#__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",
-          ref: contentRef
-        }, dataAttributes, {
-          className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _16jlkb7n _1o9zkb7n _i0dl1wug _slp31hna _1ul9idpf"])
-        }), children));
-      }
-      return null;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return this.renderMessageAppearance();
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Item, "defaultProps", {
-  appearance: 'inline'
-});
-export { Item as default };

package/dist/esm/components/compiled/TaskItem.js

@@ -1,126 +0,0 @@
-/* TaskItem.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./TaskItem.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React, { useMemo, useRef } from '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
-
-import CheckboxCheckedIcon from '@atlaskit/icon/core/checkbox-checked';
-import Item from './Item';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { createAndFireEventInElementsChannel } from '../../analytics';
-var CheckboxUncheckedIcon = function CheckboxUncheckedIcon(props) {
-  return /*#__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
- */
-var checkboxStyles = null;
-var taskCount = 0;
-var getCheckBoxId = function getCheckBoxId(localId) {
-  return "".concat(localId, "-").concat(taskCount++);
-};
-var TaskItem = function TaskItem(props) {
-  var appearance = props.appearance,
-    isDone = props.isDone,
-    isFocused = props.isFocused,
-    contentRef = props.contentRef,
-    children = props.children,
-    placeholder = props.placeholder,
-    showPlaceholder = props.showPlaceholder,
-    disabled = props.disabled,
-    dataAttributes = props.dataAttributes,
-    taskId = props.taskId,
-    onChange = props.onChange,
-    onClick = props.onClick,
-    createAnalyticsEvent = props.createAnalyticsEvent,
-    inputRefFromProps = props.inputRef;
-  var checkBoxId = useMemo(function () {
-    return getCheckBoxId(taskId);
-  }, [taskId]);
-  var handleOnChange = useMemo(function () {
-    return function (_evt) {
-      var newIsDone = !isDone;
-      if (onChange) {
-        onChange(taskId, newIsDone);
-      }
-      var action = newIsDone ? 'checked' : 'unchecked';
-      if (createAnalyticsEvent) {
-        createAndFireEventInElementsChannel({
-          action: action,
-          actionSubject: 'action',
-          eventType: 'ui',
-          attributes: {
-            localId: taskId
-          }
-        })(createAnalyticsEvent);
-      }
-    };
-  }, [onChange, taskId, isDone, createAnalyticsEvent]);
-  var handleOnKeyPress = useMemo(function () {
-    return function (event) {
-      if (event.key === 'Enter') {
-        handleOnChange(event);
-      }
-    };
-  }, [handleOnChange]);
-  var defaultInputRef = useRef(null);
-  var inputRef = inputRefFromProps !== null && inputRefFromProps !== void 0 ? inputRefFromProps : defaultInputRef;
-  var 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 _den512j9 _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"]),
-    style: {
-      "--_toyvsf": ix("2px solid ".concat("var(--ds-border-focused, #388BFF)"))
-    }
-  }, /*#__PURE__*/React.createElement("input", {
-    id: checkBoxId,
-    "aria-labelledby": "".concat(checkBoxId, "-wrapper"),
-    name: checkBoxId,
-    type: "checkbox",
-    onChange: handleOnChange,
-    onClick: onClick,
-    checked: !!isDone,
-    disabled: !!disabled,
-    suppressHydrationWarning: true,
-    onKeyPress: handleOnKeyPress,
-    ref: inputRef
-  }), isDone ? /*#__PURE__*/React.createElement(CheckboxCheckedIcon, {
-    label: ""
-  }) : /*#__PURE__*/React.createElement(CheckboxUncheckedIcon, {
-    label: ""
-  }));
-  React.useEffect(function () {
-    if (isFocused && inputRef.current) {
-      var _inputRef$current, _inputRef$current2;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
-      setTimeout(function () {
-        var _inputRef$current3;
-        (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
-      }, 100);
-    }
-  }, [isFocused, inputRef]);
-  return /*#__PURE__*/React.createElement(Item, {
-    appearance: appearance,
-    contentRef: contentRef,
-    icon: icon,
-    placeholder: placeholder,
-    showPlaceholder: showPlaceholder,
-    itemType: "TASK",
-    dataAttributes: dataAttributes,
-    checkBoxId: checkBoxId
-  }, children);
-};
-
-// This is to ensure that the "type" is exported, as it gets lost and not exported along with TaskItem after
-// going through the high order component.
-
-export default withAnalyticsEvents()(TaskItem);

package/dist/esm/components/compiled/TaskList.js

@@ -1,60 +0,0 @@
-/* TaskList.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 "./TaskList.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; })(); }
-import React from 'react';
-import { PureComponent } from 'react';
-import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
-var listStyles = null;
-var taskListStyles = null;
-var TaskList = /*#__PURE__*/function (_PureComponent) {
-  function TaskList() {
-    _classCallCheck(this, TaskList);
-    return _callSuper(this, TaskList, arguments);
-  }
-  _inherits(TaskList, _PureComponent);
-  return _createClass(TaskList, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        listId = _this$props.listId,
-        children = _this$props.children;
-      var listSize = React.Children.count(children);
-      if (!children) {
-        return null;
-      }
-
-      // Data attributes are required for copy and paste from rendered content
-      // to the editor to preserve the task.
-      // This allows the editor to differentiate between numbered and ordered lists,
-      // 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 /*#__PURE__*/React.createElement("div", {
-        "data-task-list-local-id": "",
-        className: ax(["_2mzuglyw _19bvidpf"])
-      }, React.Children.map(children, function (child, idx) {
-        var _ref = child.props,
-          localId = _ref.localId;
-        return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
-          data: {
-            listLocalId: listId,
-            listSize: listSize,
-            position: idx
-          }
-        }, /*#__PURE__*/React.createElement("div", {
-          key: idx,
-          "data-task-local-id": localId || '',
-          className: ax(["_19pk1b66"])
-        }, child));
-      }));
-    }
-  }]);
-}(PureComponent);
-export { TaskList as default };

package/dist/esm/components/styles.js

@@ -1,227 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-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 var 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 var 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 var 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 var taskStyles = css({
-  display: 'flex',
-  flexDirection: 'row',
-  position: 'relative'
-});
-export var decisionStyles = function decisionStyles() {
-  return css({
-    display: 'flex',
-    flexDirection: 'row',
-    margin: "var(--ds-space-100, 8px)".concat(" 0 0 0"),
-    padding: "var(--ds-space-100, 8px)",
-    paddingLeft: "var(--ds-space-150, 12px)",
-    borderRadius: "var(--ds-border-radius-100, 3px)",
-    backgroundColor: "var(--ds-background-neutral, #091E420F)",
-    position: 'relative',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '.decision-item': {
-      cursor: 'initial'
-    }
-  });
-};
-export var placeholderStyles = function placeholderStyles(offset) {
-  return css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    margin: "0 0 0 ".concat(offset, "px"),
-    position: 'absolute',
-    color: "var(--ds-text-subtlest, #626F86)",
-    pointerEvents: 'none',
-    textOverflow: 'ellipsis',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    maxWidth: 'calc(100% - 50px)'
-  });
-};
-
-/**
- * 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
- */
-export var checkboxStyles = function checkboxStyles(isRenderer) {
-  return css({
-    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',
-        // 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 ".concat(checkboxTheme.light.borderColor.focused),
-        borderRadius: "var(--ds-space-050, 4px)",
-        content: "''",
-        display: 'block',
-        top: '50%',
-        left: '50%',
-        transform: 'translate(-50%, -50%)'
-      }
-    }
-  });
-};

package/dist/esm/components/theme.js

@@ -1,61 +0,0 @@
-/**
- * Styles taken from packages/design-system/checkbox/src/internal/theme.tsx
- * To be used until mobile editor does not require legacy themed() API anymore
- */
-var checkboxTheme = {
-  light: {
-    borderColor: {
-      rest: "var(--ds-border-input, #8590A2)",
-      hovered: "var(--ds-border-input, #8590A2)",
-      disabled: "var(--ds-background-disabled, #091E4208)",
-      checked: "var(--ds-background-selected-bold, #0C66E4)",
-      active: "var(--ds-border, #091E4224)",
-      focused: "var(--ds-border-focused, #388BFF)",
-      hoveredAndChecked: "var(--ds-background-selected-bold-hovered, #0055CC)"
-    },
-    boxColor: {
-      rest: "var(--ds-background-input, #FFFFFF)",
-      hovered: "var(--ds-background-input-hovered, #F7F8F9)",
-      disabled: "var(--ds-background-disabled, #091E4208)",
-      active: "var(--ds-background-input-pressed, #FFFFFF)",
-      hoveredAndChecked: "var(--ds-background-selected-bold-hovered, #0055CC)",
-      checked: "var(--ds-background-selected-bold, #0C66E4)"
-    },
-    tickColor: {
-      disabledAndChecked: "var(--ds-icon-disabled, #091E424F)",
-      activeAndChecked: "var(--ds-icon-inverse, #FFFFFF)",
-      checked: "var(--ds-icon-inverse, #FFFFFF)"
-    }
-  },
-  /**
-   * Fallback colours for dark mode taken from
-   * packages/design-system/tokens/src/artifacts/themes/atlassian-dark.tsx
-   * To be used to keep mobile / web checkbox dark mode consistent
-   * until mobile editor does not require legacy themed() API anymore
-   */
-  dark: {
-    borderColor: {
-      rest: "var(--ds-border-input, #8590A2)",
-      hovered: "var(--ds-border-input, #8590A2)",
-      disabled: "var(--ds-background-disabled, #BCD6F00A)",
-      checked: "var(--ds-background-selected-bold, #579DFF)",
-      active: "var(--ds-border, #A6C5E229)",
-      focused: "var(--ds-border-focused, #85B8FF)",
-      hoveredAndChecked: "var(--ds-background-selected-bold-hovered, #85B8FF)"
-    },
-    boxColor: {
-      rest: "var(--ds-background-input, #22272B)",
-      hovered: "var(--ds-background-input-hovered, #282E33)",
-      disabled: "var(--ds-background-disabled, #BCD6F00A)",
-      active: "var(--ds-background-input-pressed, #22272B)",
-      hoveredAndChecked: "var(--ds-background-selected-bold-hovered, #85B8FF)",
-      checked: "var(--ds-background-selected-bold, #579DFF)"
-    },
-    tickColor: {
-      disabledAndChecked: "var(--ds-icon-disabled, #BFDBF847)",
-      activeAndChecked: "var(--ds-icon-inverse, #1D2125)",
-      checked: "var(--ds-icon-inverse, #1D2125)"
-    }
-  }
-};
-export default checkboxTheme;