@atlaskit/task-decision 19.1.2 → 19.1.3

package/dist/cjs/components/theme.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 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)"
-    }
-  }
-};
-var _default = exports.default = checkboxTheme;

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

@@ -1,36 +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';
-const iconStyles = null;
-const iconStylesWithPlaceholder = null;
-const DecisionItem = ({
-  appearance,
-  children,
-  contentRef,
-  placeholder,
-  showPlaceholder,
-  dataAttributes
-}) => {
-  const 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/es2019/components/compiled/DecisionList.js

@@ -1,40 +0,0 @@
-/* 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 {
-      children
-    } = this.props;
-    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, (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/compiled/Item.js

@@ -1,70 +0,0 @@
-/* Item.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./Item.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { PureComponent } from 'react';
-const placeholderStyles = null;
-const placeholderTaskStyles = null;
-const decisionStyles = null;
-const contentStyles = null;
-const taskStyles = null;
-export default class Item extends PureComponent {
-  renderPlaceholder() {
-    const {
-      children,
-      placeholder,
-      showPlaceholder,
-      itemType
-    } = this.props;
-    if (!showPlaceholder || !placeholder || children) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement("span", {
-      "data-testid": "task-decision-item-placeholder",
-      "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() {
-    const {
-      contentRef,
-      children,
-      icon,
-      itemType,
-      checkBoxId,
-      dataAttributes
-    } = this.props;
-    if (itemType === 'TASK') {
-      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 /*#__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;
-  }
-  render() {
-    return this.renderMessageAppearance();
-  }
-}
-_defineProperty(Item, "defaultProps", {
-  appearance: 'inline'
-});

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

@@ -1,117 +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';
-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 => {
-  const {
-    appearance,
-    isDone,
-    isFocused,
-    contentRef,
-    children,
-    placeholder,
-    showPlaceholder,
-    disabled,
-    dataAttributes,
-    taskId,
-    onChange,
-    onClick,
-    createAnalyticsEvent,
-    inputRef: inputRefFromProps
-  } = props;
-  const checkBoxId = useMemo(() => getCheckBoxId(taskId), [taskId]);
-  const handleOnChange = useMemo(() => {
-    return _evt => {
-      const newIsDone = !isDone;
-      if (onChange) {
-        onChange(taskId, newIsDone);
-      }
-      const action = newIsDone ? 'checked' : 'unchecked';
-      if (createAnalyticsEvent) {
-        createAndFireEventInElementsChannel({
-          action,
-          actionSubject: 'action',
-          eventType: 'ui',
-          attributes: {
-            localId: taskId
-          }
-        })(createAnalyticsEvent);
-      }
-    };
-  }, [onChange, taskId, isDone, createAnalyticsEvent]);
-  const handleOnKeyPress = useMemo(() => event => {
-    if (event.key === 'Enter') {
-      handleOnChange(event);
-    }
-  }, [handleOnChange]);
-  const defaultInputRef = useRef(null);
-  const inputRef = inputRefFromProps !== null && inputRefFromProps !== void 0 ? inputRefFromProps : defaultInputRef;
-  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,
-    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(() => {
-    if (isFocused && inputRef.current) {
-      var _inputRef$current, _inputRef$current2;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.blur();
-      setTimeout(() => {
-        var _inputRef$current3;
-        (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? 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/es2019/components/compiled/TaskList.js

@@ -1,46 +0,0 @@
-/* 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';
-import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
-const listStyles = null;
-const taskListStyles = null;
-export default class TaskList extends PureComponent {
-  render() {
-    const {
-      listId,
-      children
-    } = this.props;
-    const 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, (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/components/styles.js

@@ -1,221 +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 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',
-  position: 'relative'
-});
-export const decisionStyles = () => css({
-  display: 'flex',
-  flexDirection: 'row',
-  margin: `${"var(--ds-space-100, 8px)"} 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 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, #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 const checkboxStyles = isRenderer => 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 ${checkboxTheme.light.borderColor.focused}`,
-      borderRadius: "var(--ds-space-050, 4px)",
-      content: "''",
-      display: 'block',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)'
-    }
-  }
-});

package/dist/es2019/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
- */
-const 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;