@atlaskit/task-decision 17.6.2 → 17.6.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/task-decision
 
+## 17.6.4
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
+## 17.6.3
+
+### Patch Changes
+
+- [`9369cc38a68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9369cc38a68) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
+
 ## 17.6.2
 
 ### Patch Changes

package/dist/cjs/components/DecisionItem.js

@@ -10,7 +10,6 @@ var _decision = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/deci
 var _Item = _interopRequireDefault(require("./Item"));
 var _colors = require("@atlaskit/theme/colors");
 var _components = require("@atlaskit/theme/components");
-var _constants = require("@atlaskit/theme/constants");
 /** @jsx jsx */
 
 var iconStyles = function iconStyles(showPlaceholder) {
@@ -19,7 +18,7 @@ var iconStyles = function iconStyles(showPlaceholder) {
       flex: '0 0 16px',
       height: '16px',
       width: '16px',
-      margin: "4px ".concat((0, _constants.gridSize)() * 1.5, "px 0 0"),
+      margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-150, 12px)", " 0 0"),
       color: showPlaceholder ? "var(--ds-icon-subtle, ".concat(_colors.N100, ")") : (0, _components.themed)({
         light: "var(--ds-icon-success, ".concat(_colors.G400, ")"),
         dark: "var(--ds-icon-success, ".concat(_colors.G200, ")")

package/dist/cjs/components/Item.js

@@ -18,7 +18,7 @@ var _components = require("@atlaskit/theme/components");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var contentStyle = (0, _react2.css)({
   margin: 0,
   wordWrap: 'break-word',
@@ -35,9 +35,9 @@ var decisionStyles = function decisionStyles(theme) {
   return (0, _react2.css)({
     display: 'flex',
     flexDirection: 'row',
-    margin: "".concat((0, _constants.gridSize)(), "px 0 0 0"),
-    padding: "".concat((0, _constants.gridSize)(), "px"),
-    paddingLeft: "".concat((0, _constants.gridSize)() * 1.5, "px"),
+    margin: "var(--ds-space-100, 8px)".concat(" 0 0 0"),
+    padding: "var(--ds-space-100, 8px)",
+    paddingLeft: "var(--ds-space-150, 12px)",
     borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
     backgroundColor: (0, _components.themed)({
       light: "var(--ds-background-neutral, ".concat(_colors.N20A, ")"),
@@ -81,6 +81,9 @@ var Item = /*#__PURE__*/function (_PureComponent) {
       if (!showPlaceholder || !placeholder || children) {
         return null;
       }
+
+      // TODO: Migrate away from gridSize
+      // Recommendation: Replace gridSize with 8
       var offset = (0, _constants.gridSize)() * (itemType === 'TASK' ? 3 : 3.5);
       return (0, _react2.jsx)("span", {
         "data-component": "placeholder",

package/dist/cjs/components/TaskItem.js

@@ -12,7 +12,6 @@ var _react2 = require("@emotion/react");
 var _Item = _interopRequireDefault(require("./Item"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("../analytics");
-var _constants = require("@atlaskit/theme/constants");
 var _components = require("@atlaskit/theme/components");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2;
@@ -25,7 +24,7 @@ var getCheckBoxId = function getCheckBoxId(localId) {
 };
 var checkboxStyles = function checkboxStyles(isRenderer) {
   return function (theme) {
-    return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    flex: 0 0 16px;\n    width: 16px;\n    height: 16px;\n    position: relative;\n    align-self: start;\n    margin: 4px ", "px 0 0;\n\n    & > input[type='checkbox'] {\n      width: 16px;\n      height: 16px;\n      z-index: 1;\n      cursor: pointer;\n      position: absolute;\n      outline: none;\n      margin: 0;\n      opacity: 0;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n\n      + div {\n        box-sizing: border-box;\n        display: inline;\n        width: 100%;\n        cursor: pointer;\n\n        &::after {\n          background: ", ";\n          background-size: 16px;\n          border-radius: 3px;\n          border-style: solid;\n          border-width: 1px;\n          border-color: ", ";\n          box-sizing: border-box;\n          content: '';\n          height: 16px;\n          left: 50%;\n          position: absolute;\n          transition: border-color 0.2s ease-in-out;\n          top: 8px;\n          width: 16px;\n          transform: translate(-50%, -50%);\n        }\n      }\n      ", "\n\n      &:not([disabled]):hover + div::after {\n        background: ", ";\n        transition: border 0.2s ease-in-out;\n      }\n      &[disabled] + div {\n        opacity: 0.5;\n        cursor: default;\n      }\n      &:checked {\n        + div::after {\n          background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDA1MkNDIj48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n            no-repeat 0 0;\n          background-size: 16px;\n          border: 0;\n          border-color: transparent;\n        }\n        &:not([disabled]):hover + div::after {\n          background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDc0N0E2Ij48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n            no-repeat 0 0;\n          background-size: 16px;\n        }\n      }\n    }\n  "])), (0, _constants.gridSize)(), (0, _components.themed)({
+    return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    flex: 0 0 16px;\n    width: 16px;\n    height: 16px;\n    position: relative;\n    align-self: start;\n    margin: ", " ", " 0 0;\n\n    & > input[type='checkbox'] {\n      width: 16px;\n      height: 16px;\n      z-index: 1;\n      cursor: pointer;\n      position: absolute;\n      outline: none;\n      margin: 0;\n      opacity: 0;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n\n      + div {\n        box-sizing: border-box;\n        display: inline;\n        width: 100%;\n        cursor: pointer;\n\n        &::after {\n          background: ", ";\n          background-size: 16px;\n          border-radius: 3px;\n          border-style: solid;\n          border-width: 1px;\n          border-color: ", ";\n          box-sizing: border-box;\n          content: '';\n          height: 16px;\n          left: 50%;\n          position: absolute;\n          transition: border-color 0.2s ease-in-out;\n          top: 8px;\n          width: 16px;\n          transform: translate(-50%, -50%);\n        }\n      }\n      ", "\n\n      &:not([disabled]):hover + div::after {\n        background: ", ";\n        transition: border 0.2s ease-in-out;\n      }\n      &[disabled] + div {\n        opacity: 0.5;\n        cursor: default;\n      }\n      &:checked {\n        + div::after {\n          background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDA1MkNDIj48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n            no-repeat 0 0;\n          background-size: 16px;\n          border: 0;\n          border-color: transparent;\n        }\n        &:not([disabled]):hover + div::after {\n          background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDc0N0E2Ij48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n            no-repeat 0 0;\n          background-size: 16px;\n        }\n      }\n    }\n  "])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", (0, _components.themed)({
       light: "var(--ds-background-input, ".concat(_colors.N0, ")"),
       dark: "var(--ds-background-input, ".concat(_colors.DN100, ")")
     })({

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/task-decision",
-	"version": "17.6.2",
+	"version": "17.6.4",
 	"sideEffects": false
 }

package/dist/es2019/components/DecisionItem.js

@@ -5,13 +5,12 @@ import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
 import Item from './Item';
 import { G200, G400, N100 } from '@atlaskit/theme/colors';
 import { themed, useGlobalTheme } from '@atlaskit/theme/components';
-import { gridSize } from '@atlaskit/theme/constants';
 const iconStyles = showPlaceholder => theme => {
   return css({
     flex: '0 0 16px',
     height: '16px',
     width: '16px',
-    margin: `4px ${gridSize() * 1.5}px 0 0`,
+    margin: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-150, 12px)"} 0 0`,
     color: showPlaceholder ? `var(--ds-icon-subtle, ${N100})` : themed({
       light: `var(--ds-icon-success, ${G400})`,
       dark: `var(--ds-icon-success, ${G200})`

package/dist/es2019/components/Item.js

@@ -6,6 +6,7 @@ import { PureComponent } from 'react';
 import { css, jsx } from '@emotion/react';
 import { themed } from '@atlaskit/theme/components';
 import { DN50, N200, N20A } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 const contentStyle = css({
   margin: 0,
@@ -22,9 +23,9 @@ const taskStyles = css({
 const decisionStyles = theme => css({
   display: 'flex',
   flexDirection: 'row',
-  margin: `${gridSize()}px 0 0 0`,
-  padding: `${gridSize()}px`,
-  paddingLeft: `${gridSize() * 1.5}px`,
+  margin: `${"var(--ds-space-100, 8px)"} 0 0 0`,
+  padding: "var(--ds-space-100, 8px)",
+  paddingLeft: `${"var(--ds-space-150, 12px)"}`,
   borderRadius: `${borderRadius()}px`,
   backgroundColor: themed({
     light: `var(--ds-background-neutral, ${N20A})`,
@@ -58,6 +59,9 @@ 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", {
       "data-component": "placeholder",

package/dist/es2019/components/TaskItem.js

@@ -4,7 +4,6 @@ import { css, jsx } from '@emotion/react';
 import Item from './Item';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { createAndFireEventInElementsChannel } from '../analytics';
-import { gridSize } from '@atlaskit/theme/constants';
 import { themed, useGlobalTheme } from '@atlaskit/theme/components';
 import { B300, B75, DN100, DN200, N0, N30, N90 } from '@atlaskit/theme/colors';
 let taskCount = 0;
@@ -15,7 +14,7 @@ const checkboxStyles = isRenderer => theme => css`
     height: 16px;
     position: relative;
     align-self: start;
-    margin: 4px ${gridSize()}px 0 0;
+    margin: ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"} 0 0;
 
     & > input[type='checkbox'] {
       width: 16px;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/task-decision",
-	"version": "17.6.2",
+	"version": "17.6.4",
 	"sideEffects": false
 }

package/dist/esm/components/DecisionItem.js

@@ -5,14 +5,13 @@ import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
 import Item from './Item';
 import { G200, G400, N100 } from '@atlaskit/theme/colors';
 import { themed, useGlobalTheme } from '@atlaskit/theme/components';
-import { gridSize } from '@atlaskit/theme/constants';
 var iconStyles = function iconStyles(showPlaceholder) {
   return function (theme) {
     return css({
       flex: '0 0 16px',
       height: '16px',
       width: '16px',
-      margin: "4px ".concat(gridSize() * 1.5, "px 0 0"),
+      margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-150, 12px)", " 0 0"),
       color: showPlaceholder ? "var(--ds-icon-subtle, ".concat(N100, ")") : themed({
         light: "var(--ds-icon-success, ".concat(G400, ")"),
         dark: "var(--ds-icon-success, ".concat(G200, ")")

package/dist/esm/components/Item.js

@@ -13,6 +13,7 @@ import { PureComponent } from 'react';
 import { css, jsx } from '@emotion/react';
 import { themed } from '@atlaskit/theme/components';
 import { DN50, N200, N20A } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 var contentStyle = css({
   margin: 0,
@@ -30,9 +31,9 @@ var decisionStyles = function decisionStyles(theme) {
   return css({
     display: 'flex',
     flexDirection: 'row',
-    margin: "".concat(gridSize(), "px 0 0 0"),
-    padding: "".concat(gridSize(), "px"),
-    paddingLeft: "".concat(gridSize() * 1.5, "px"),
+    margin: "var(--ds-space-100, 8px)".concat(" 0 0 0"),
+    padding: "var(--ds-space-100, 8px)",
+    paddingLeft: "var(--ds-space-150, 12px)",
     borderRadius: "".concat(borderRadius(), "px"),
     backgroundColor: themed({
       light: "var(--ds-background-neutral, ".concat(N20A, ")"),
@@ -76,6 +77,9 @@ var Item = /*#__PURE__*/function (_PureComponent) {
       if (!showPlaceholder || !placeholder || children) {
         return null;
       }
+
+      // TODO: Migrate away from gridSize
+      // Recommendation: Replace gridSize with 8
       var offset = gridSize() * (itemType === 'TASK' ? 3 : 3.5);
       return jsx("span", {
         "data-component": "placeholder",

package/dist/esm/components/TaskItem.js

@@ -6,7 +6,6 @@ import { css, jsx } from '@emotion/react';
 import Item from './Item';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { createAndFireEventInElementsChannel } from '../analytics';
-import { gridSize } from '@atlaskit/theme/constants';
 import { themed, useGlobalTheme } from '@atlaskit/theme/components';
 import { B300, B75, DN100, DN200, N0, N30, N90 } from '@atlaskit/theme/colors';
 var taskCount = 0;
@@ -15,7 +14,7 @@ var getCheckBoxId = function getCheckBoxId(localId) {
 };
 var checkboxStyles = function checkboxStyles(isRenderer) {
   return function (theme) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex: 0 0 16px;\n    width: 16px;\n    height: 16px;\n    position: relative;\n    align-self: start;\n    margin: 4px ", "px 0 0;\n\n    & > input[type='checkbox'] {\n      width: 16px;\n      height: 16px;\n      z-index: 1;\n      cursor: pointer;\n      position: absolute;\n      outline: none;\n      margin: 0;\n      opacity: 0;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n\n      + div {\n        box-sizing: border-box;\n        display: inline;\n        width: 100%;\n        cursor: pointer;\n\n        &::after {\n          background: ", ";\n          background-size: 16px;\n          border-radius: 3px;\n          border-style: solid;\n          border-width: 1px;\n          border-color: ", ";\n          box-sizing: border-box;\n          content: '';\n          height: 16px;\n          left: 50%;\n          position: absolute;\n          transition: border-color 0.2s ease-in-out;\n          top: 8px;\n          width: 16px;\n          transform: translate(-50%, -50%);\n        }\n      }\n      ", "\n\n      &:not([disabled]):hover + div::after {\n        background: ", ";\n        transition: border 0.2s ease-in-out;\n      }\n      &[disabled] + div {\n        opacity: 0.5;\n        cursor: default;\n      }\n      &:checked {\n        + div::after {\n          background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDA1MkNDIj48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n            no-repeat 0 0;\n          background-size: 16px;\n          border: 0;\n          border-color: transparent;\n        }\n        &:not([disabled]):hover + div::after {\n          background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDc0N0E2Ij48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n            no-repeat 0 0;\n          background-size: 16px;\n        }\n      }\n    }\n  "])), gridSize(), themed({
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex: 0 0 16px;\n    width: 16px;\n    height: 16px;\n    position: relative;\n    align-self: start;\n    margin: ", " ", " 0 0;\n\n    & > input[type='checkbox'] {\n      width: 16px;\n      height: 16px;\n      z-index: 1;\n      cursor: pointer;\n      position: absolute;\n      outline: none;\n      margin: 0;\n      opacity: 0;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n\n      + div {\n        box-sizing: border-box;\n        display: inline;\n        width: 100%;\n        cursor: pointer;\n\n        &::after {\n          background: ", ";\n          background-size: 16px;\n          border-radius: 3px;\n          border-style: solid;\n          border-width: 1px;\n          border-color: ", ";\n          box-sizing: border-box;\n          content: '';\n          height: 16px;\n          left: 50%;\n          position: absolute;\n          transition: border-color 0.2s ease-in-out;\n          top: 8px;\n          width: 16px;\n          transform: translate(-50%, -50%);\n        }\n      }\n      ", "\n\n      &:not([disabled]):hover + div::after {\n        background: ", ";\n        transition: border 0.2s ease-in-out;\n      }\n      &[disabled] + div {\n        opacity: 0.5;\n        cursor: default;\n      }\n      &:checked {\n        + div::after {\n          background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDA1MkNDIj48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n            no-repeat 0 0;\n          background-size: 16px;\n          border: 0;\n          border-color: transparent;\n        }\n        &:not([disabled]):hover + div::after {\n          background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDc0N0E2Ij48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n            no-repeat 0 0;\n          background-size: 16px;\n        }\n      }\n    }\n  "])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", themed({
       light: "var(--ds-background-input, ".concat(N0, ")"),
       dark: "var(--ds-background-input, ".concat(DN100, ")")
     })({

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/task-decision",
-	"version": "17.6.2",
+	"version": "17.6.4",
 	"sideEffects": false
 }

package/dist/types-ts4.5/analytics/index.d.ts

@@ -0,0 +1,2 @@
+export declare const fabricElementsChannel = "fabric-elements";
+export declare const createAndFireEventInElementsChannel: (payload: import("@atlaskit/analytics-next").AnalyticsEventPayload) => (createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;

package/dist/types-ts4.5/api/TaskDecisionResource.d.ts

@@ -0,0 +1,67 @@
+import { BaseItem, ServiceTaskState, DecisionState, Handler, ObjectKey, PubSubClient, RecentUpdateContext, RecentUpdatesId, RecentUpdatesListener, ServiceTask, TaskDecisionProvider, TaskDecisionResourceConfig, TaskState, ServiceItem } from '../types';
+export declare const ACTION_CREATED_FPS_EVENT = "avi:task-decision-service:created:action";
+export declare const ACTION_EDITED_FPS_EVENT = "avi:task-decision-service:edited:action";
+export declare const ACTION_DELETED_FPS_EVENT = "avi:task-decision-service:deleted:action";
+export declare const ACTION_ARCHIVED_FPS_EVENT = "avi:task-decision-service:archived:action";
+export declare const ACTION_STATE_CHANGED_FPS_EVENT = "avi:task-decision-service:stateChanged:action";
+export declare const DECISION_CREATED_FPS_EVENT = "avi:task-decision-service:created:decision";
+export declare const DECISION_EDITED_FPS_EVENT = "avi:task-decision-service:edited:decision";
+export declare const DECISION_DELETED_FPS_EVENT = "avi:task-decision-service:deleted:decision";
+export declare const DECISION_ARCHIVED_FPS_EVENT = "avi:task-decision-service:archived:decision";
+export declare const DECISION_STATE_CHANGED_FPS_EVENT = "avi:task-decision-service:stateChanged:decision";
+export declare const ACTION_DECISION_FPS_EVENTS = "avi:task-decision-service:*:*";
+export declare class RecentUpdates {
+    private idsByContainer;
+    private listenersById;
+    private pubSubClient?;
+    constructor(pubSubClient?: PubSubClient);
+    subscribe(objectAri: string, recentUpdatesListener: RecentUpdatesListener): void;
+    unsubscribe(unsubscribeId: RecentUpdatesId): void;
+    notify(recentUpdateContext: RecentUpdateContext): void;
+    onPubSubEvent: (_event: string, payload: ServiceItem) => void;
+    destroy(): void;
+    private subscribeToPubSubEvents;
+    private unsubscribeFromPubSubEvents;
+}
+export declare class ItemStateManager {
+    private debouncedTaskStateQuery;
+    private debouncedTaskToggle;
+    private serviceConfig;
+    private subscribers;
+    private trackedObjectKeys;
+    private cachedItems;
+    private batchedKeys;
+    constructor(serviceConfig: TaskDecisionResourceConfig);
+    destroy(): void;
+    toggleTask(objectKey: ObjectKey, state: TaskState): Promise<TaskState>;
+    refreshAllTasks(): void;
+    subscribe(objectKey: ObjectKey, handler: Handler, item?: BaseItem<TaskState | DecisionState>): void;
+    unsubscribe(objectKey: ObjectKey, handler: Handler): void;
+    getTaskState(keys: ObjectKey[]): Promise<ServiceTaskState[]>;
+    notifyUpdated(objectKey: ObjectKey, state: TaskState | DecisionState): void;
+    onTaskUpdatedEvent: (_event: string, payload: ServiceTask) => void;
+    onReconnect: () => void;
+    private updateCache;
+    private getCached;
+    private subscribeToPubSubEvents;
+    private unsubscribeFromPubSubEvents;
+    private queueAllItems;
+    private queueItem;
+    private dequeueItem;
+    private scheduleGetTaskState;
+}
+export default class TaskDecisionResource implements TaskDecisionProvider {
+    private recentUpdates;
+    private itemStateManager;
+    constructor(serviceConfig: TaskDecisionResourceConfig);
+    unsubscribeRecentUpdates(id: RecentUpdatesId): void;
+    notifyRecentUpdates(recentUpdateContext: RecentUpdateContext): void;
+    toggleTask(objectKey: ObjectKey, state: TaskState): Promise<TaskState>;
+    subscribe(objectKey: ObjectKey, handler: Handler, item?: BaseItem<TaskState | DecisionState>): void;
+    unsubscribe(objectKey: ObjectKey, handler: Handler): void;
+    /**
+     * Usually only needed for testing to ensure no outstanding requests
+     * are sent to a server (typically mocked).
+     */
+    destroy(): void;
+}

package/dist/types-ts4.5/api/TaskDecisionUtils.d.ts

@@ -0,0 +1,4 @@
+import { ServiceTask, Task, ServiceTaskState, BaseItem, TaskState } from '../types';
+export declare const convertServiceTaskToTask: (serviceTask: ServiceTask) => Task;
+export declare const convertServiceTaskStateToBaseItem: (serviceTaskInfo: ServiceTaskState) => BaseItem<TaskState>;
+export declare const findIndex: (array: any[], predicate: (item: any) => boolean) => number;

package/dist/types-ts4.5/components/DecisionItem.d.ts

@@ -0,0 +1,15 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { Appearance, ContentRef } from '../types';
+export interface Props {
+    children?: any;
+    contentRef?: ContentRef;
+    placeholder?: string;
+    showPlaceholder?: boolean;
+    appearance?: Appearance;
+    dataAttributes?: {
+        [key: string]: string | number;
+    };
+}
+declare const DecisionItem: ({ appearance, children, contentRef, placeholder, showPlaceholder, dataAttributes, }: Props) => jsx.JSX.Element;
+export default DecisionItem;

package/dist/types-ts4.5/components/DecisionList.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { PureComponent, ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+export interface Props {
+    children?: ReactNode;
+}
+export default class DecisionList extends PureComponent<Props, {}> {
+    render(): jsx.JSX.Element | null;
+}

package/dist/types-ts4.5/components/Item.d.ts

@@ -0,0 +1,25 @@
+/** @jsx jsx */
+import { PureComponent } from 'react';
+import { jsx } from '@emotion/react';
+import { Appearance, ContentRef, TaskType, DecisionType } from '../types';
+import type { Theme } from '@atlaskit/theme/types';
+export interface Props {
+    icon: JSX.Element;
+    itemType: TaskType | DecisionType;
+    children?: any;
+    appearance?: Appearance;
+    contentRef?: ContentRef;
+    placeholder?: string;
+    showPlaceholder?: boolean;
+    dataAttributes?: {
+        [key: string]: string | number;
+    };
+    checkBoxId?: string;
+    theme: Theme;
+}
+export default class Item extends PureComponent<Props, {}> {
+    static defaultProps: Partial<Props>;
+    private renderPlaceholder;
+    renderMessageAppearance(): jsx.JSX.Element | null;
+    render(): jsx.JSX.Element | null;
+}

package/dist/types-ts4.5/components/ResourcedTaskItem.d.ts

@@ -0,0 +1,35 @@
+import { PureComponent } from 'react';
+import { Appearance, ContentRef, TaskDecisionProvider } from '../types';
+export interface Props {
+    taskId: string;
+    isDone?: boolean;
+    isRenderer?: boolean;
+    onChange?: (taskId: string, isChecked: boolean) => void;
+    contentRef?: ContentRef;
+    children?: any;
+    taskDecisionProvider?: Promise<TaskDecisionProvider>;
+    objectAri?: string;
+    showPlaceholder?: boolean;
+    placeholder?: string;
+    appearance?: Appearance;
+    disabled?: boolean;
+    dataAttributes?: {
+        [key: string]: string | number;
+    };
+}
+export interface State {
+    isDone?: boolean;
+}
+export default class ResourcedTaskItem extends PureComponent<Props, State> {
+    static defaultProps: Partial<Props>;
+    private mounted;
+    constructor(props: Props);
+    componentDidMount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    componentWillUnmount(): void;
+    private subscribe;
+    private unsubscribe;
+    private onUpdate;
+    private handleOnChange;
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/components/TaskItem.d.ts

@@ -0,0 +1,21 @@
+/** @jsx jsx */
+import React from 'react';
+import { Appearance, ContentRef } from '../types';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+export interface Props {
+    taskId: string;
+    isDone?: boolean;
+    isRenderer?: boolean;
+    onChange?: (taskId: string, isChecked: boolean) => void;
+    contentRef?: ContentRef;
+    children?: any;
+    placeholder?: string;
+    showPlaceholder?: boolean;
+    appearance?: Appearance;
+    disabled?: boolean;
+    dataAttributes?: {
+        [key: string]: string | number;
+    };
+}
+declare const _default: React.ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export default _default;

package/dist/types-ts4.5/components/TaskList.d.ts

@@ -0,0 +1,9 @@
+import { PureComponent, ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+export interface Props {
+    listId?: string;
+    children?: ReactNode;
+}
+export default class TaskList extends PureComponent<Props, {}> {
+    render(): jsx.JSX.Element | null;
+}

package/dist/types-ts4.5/components/listStyle.d.ts

@@ -0,0 +1,2 @@
+declare const listStyle: import("@emotion/react").SerializedStyles;
+export default listStyle;

package/dist/types-ts4.5/constants.d.ts

@@ -0,0 +1 @@
+export declare const defaultLimit = 100;

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1,9 @@
+import DecisionItem from './components/DecisionItem';
+import DecisionList from './components/DecisionList';
+import ResourcedTaskItem from './components/ResourcedTaskItem';
+import TaskDecisionResource from './api/TaskDecisionResource';
+import TaskItem from './components/TaskItem';
+import TaskList from './components/TaskList';
+export { PubSubSpecialEventType } from './types';
+export type { Appearance, ARI, AVI, BaseItem, ContentRef, Cursor, Decision, DecisionState, DecisionStatus, DecisionType, Handler, Item, Meta, ObjectKey, OnUpdate, PubSubClient, PubSubOnEvent, RecentUpdateContext, RecentUpdatesId, RecentUpdatesListener, RenderDocument, RendererContext, ServiceDecision, ServiceDecisionResponse, ServiceItem, ServiceTask, ServiceTaskState, Task, TaskDecisionProvider, TaskDecisionResourceConfig, TaskState, TaskType, UserId, } from './types';
+export { DecisionItem, DecisionList, ResourcedTaskItem, TaskDecisionResource, TaskItem, TaskList, };

package/dist/types-ts4.5/type-helpers.d.ts

@@ -0,0 +1,6 @@
+import { BaseItem, Decision, Item, ObjectKey, ServiceDecision, ServiceTask, Task, TaskState } from './types';
+export declare const isDecision: (item: Item) => item is Decision;
+export declare const isTask: (item: Item) => item is Task;
+export declare const toObjectKey: (item: Item | ServiceDecision | ServiceTask | BaseItem<any>) => ObjectKey;
+export declare const objectKeyToString: (objectKey: ObjectKey) => string;
+export declare const toggleTaskState: (state: TaskState) => TaskState;

package/dist/types-ts4.5/types.d.ts

@@ -0,0 +1,160 @@
+/// <reference types="react" />
+import { ServiceConfig } from '@atlaskit/util-service-support';
+export type DecisionState = 'DECIDED';
+export type DecisionStatus = 'CREATED';
+export type TaskState = 'TODO' | 'DONE';
+export type Cursor = string;
+export type DecisionType = 'DECISION';
+export type TaskType = 'TASK';
+export interface ContentRef {
+    (ref: HTMLElement | null): void;
+}
+export interface ObjectKey {
+    localId: string;
+    containerAri?: string;
+    objectAri: string;
+}
+export interface BaseItem<S> extends ObjectKey {
+    state: S;
+    lastUpdateDate: Date;
+    type: DecisionType | TaskType;
+}
+export interface ServiceDecision {
+    creationDate?: string;
+    creatorId?: UserId;
+    lastUpdaterId?: UserId;
+    lastUpdateDate: string;
+    localId: string;
+    objectAri: string;
+    participants?: UserId[];
+    state?: DecisionState;
+    status: DecisionStatus;
+    type: DecisionType;
+}
+export interface Meta {
+    cursor?: string;
+}
+export interface ServiceDecisionResponse {
+    decisions: ServiceDecision[];
+    meta: Meta;
+}
+export type ServiceItem = ServiceDecision | ServiceTask;
+export interface ServiceTaskState {
+    lastUpdateDate: string;
+    localId: string;
+    objectAri: string;
+    state: TaskState;
+}
+export interface Decision extends BaseItem<DecisionState> {
+    creationDate?: Date;
+    creator?: UserId;
+    lastUpdater?: UserId;
+    lastUpdateDate: Date;
+    participants?: UserId[];
+    status: DecisionStatus;
+    type: DecisionType;
+}
+export type Item = Decision | Task;
+export type UserId = string;
+export interface ServiceTask {
+    creationDate?: string;
+    creatorId?: UserId;
+    lastUpdaterId?: UserId;
+    lastUpdateDate: string;
+    localId: string;
+    objectAri: string;
+    parentLocalId?: string;
+    participants?: UserId[];
+    position: number;
+    state: TaskState;
+    type: TaskType;
+}
+export interface Task extends BaseItem<TaskState> {
+    creationDate?: Date;
+    creator?: UserId;
+    lastUpdater?: UserId;
+    lastUpdateDate: Date;
+    parentLocalId?: string;
+    participants?: UserId[];
+    position?: number;
+    type: TaskType;
+}
+export type Handler = (state: TaskState | DecisionState) => void;
+export type RecentUpdatesId = string;
+export interface RecentUpdateContext {
+    objectAri: string;
+    localId?: string;
+}
+/**
+ * A subscriber interface that can be called back if there are new decisions/tasks/items
+ * available as the result of an external change.
+ */
+export interface RecentUpdatesListener {
+    /**
+     * An id that can be used to unsubscribe
+     */
+    id(id: RecentUpdatesId): void;
+    /**
+     * Indicates there are recent updates, and the listener should refresh
+     * the latest items from the TaskDecisionProvider.
+     *
+     * There will be a number of retries until expectedLocalId, if passed.
+     *
+     * @param updateContext Recent update context
+     */
+    recentUpdates(updateContext: RecentUpdateContext): void;
+}
+export interface TaskDecisionResourceConfig extends ServiceConfig {
+    pubSubClient?: PubSubClient;
+    /**
+     * Indicates if initial state for an action or decision is should be cached,
+     * from the content, i.e. was originally hydrated from the service initially,
+     * and so should be considered up to date.
+     *
+     * Will stop the initiation of the hydration from the service the first
+     * time an action or decision is seen.
+     *
+     * If false the state will always be hydrated from the service on first view.
+     */
+    disableServiceHydration?: boolean;
+}
+export interface TaskDecisionProvider {
+    unsubscribeRecentUpdates(id: RecentUpdatesId): void;
+    notifyRecentUpdates(updateContext: RecentUpdateContext): void;
+    toggleTask(objectKey: ObjectKey, state: TaskState): Promise<TaskState>;
+    subscribe(objectKey: ObjectKey, handler: Handler, item?: BaseItem<TaskState | DecisionState>): void;
+    unsubscribe(objectKey: ObjectKey, handler: Handler): void;
+}
+/**
+ * Same as RendererContext in editor-core (don't want an direct dep though)
+ */
+export interface RendererContext {
+    objectAri: string;
+    containerAri?: string;
+}
+export interface RenderDocument {
+    (document: any, rendererContext?: RendererContext): JSX.Element;
+}
+export interface OnUpdate<T> {
+    (allDecisions: T[], newDecisions: T[]): void;
+}
+export type Appearance = 'inline';
+/**
+ * Same as PubSub client types (don't want a direct dep though)
+ */
+export type ARI = string;
+export type AVI = string;
+export interface PubSubOnEvent<T = any> {
+    (event: string, data: T): void;
+}
+export interface PubSubClient {
+    on(eventAvi: string, listener: PubSubOnEvent): PubSubClient;
+    off(eventAvi: string, listener: PubSubOnEvent): PubSubClient;
+    join(aris: ARI[]): Promise<PubSubClient>;
+    leave(aris: ARI[]): Promise<PubSubClient>;
+}
+export declare enum PubSubSpecialEventType {
+    ERROR = "ERROR",
+    CONNECTED = "CONNECTED",
+    RECONNECT = "RECONNECT"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/task-decision",
-  "version": "17.6.2",
+  "version": "17.6.4",
   "description": "Tasks and decisions react components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -53,9 +53,9 @@
     "@atlaskit/analytics-listeners": "^8.7.0",
     "@atlaskit/avatar": "^21.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/editor-common": "^74.0.0",
+    "@atlaskit/editor-common": "^74.1.0",
     "@atlaskit/elements-test-helpers": "^0.7.0",
-    "@atlaskit/renderer": "^108.0.0",
+    "@atlaskit/renderer": "^108.1.0",
     "@atlaskit/util-data-test": "^17.8.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/jest": "^11.8.0",