@atlaskit/focused-task-close-account 4.0.2 → 4.0.4

package/dist/cjs/components/DropdownList/styled.js

@@ -1,32 +1,66 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ButtonWrapper = exports.AccessibleSitesListFootnote = exports.AccessibleSitesList = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+require("./styled.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _excluded = ["as", "style"],
+  _excluded2 = ["as", "style"],
+  _excluded3 = ["as", "style"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var AccessibleSitesList = exports.AccessibleSitesList = _styled.default.ul({
-  listStyle: 'none',
-  paddingLeft: 0,
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  marginLeft: "var(--ds-space-100, 8px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> li': {
-    marginTop: 0
-  }
+var AccessibleSitesList = exports.AccessibleSitesList = (0, _react.forwardRef)(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "ul" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_qtt8glyw _19bvidpf _k48p1pd9 _18u0u2gc _1pyaidpf", __cmplp.className])
+  }));
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var AccessibleSitesListFootnote = exports.AccessibleSitesListFootnote = _styled.default.div({
-  paddingLeft: 0,
-  marginLeft: "var(--ds-space-100, 8px)"
+if (process.env.NODE_ENV !== 'production') {
+  AccessibleSitesList.displayName = 'AccessibleSitesList';
+}
+var AccessibleSitesListFootnote = exports.AccessibleSitesListFootnote = (0, _react.forwardRef)(function (_ref2, __cmplr) {
+  var _ref2$as = _ref2.as,
+    C = _ref2$as === void 0 ? "div" : _ref2$as,
+    __cmpls = _ref2.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_19bvidpf _18u0u2gc", __cmplp.className])
+  }));
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ButtonWrapper = exports.ButtonWrapper = _styled.default.div({
-  padding: "0 ".concat("var(--ds-space-100, 8px)")
-});
+if (process.env.NODE_ENV !== 'production') {
+  AccessibleSitesListFootnote.displayName = 'AccessibleSitesListFootnote';
+}
+var ButtonWrapper = exports.ButtonWrapper = (0, _react.forwardRef)(function (_ref3, __cmplr) {
+  var _ref3$as = _ref3.as,
+    C = _ref3$as === void 0 ? "div" : _ref3$as,
+    __cmpls = _ref3.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_ca0qidpf _n3tdidpf _19bvu2gc _u5f3u2gc", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  ButtonWrapper.displayName = 'ButtonWrapper';
+}

package/dist/cjs/components/FocusedTaskCloseAccount/styled.compiled.css

@@ -0,0 +1,6 @@
+._1bahesu3{justify-content:flex-end}
+._1bsb1j89{width:22pc}
+._1e0c1txw{display:flex}
+._1n261g80{flex-wrap:wrap}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}

package/dist/cjs/components/FocusedTaskCloseAccount/styled.js

@@ -1,29 +1,67 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PlaceholderContent = exports.DrawerInner = exports.ContentFooter = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+require("./styled.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _excluded = ["as", "style"],
+  _excluded2 = ["as", "style"],
+  _excluded3 = ["as", "style"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var DrawerInner = exports.DrawerInner = _styled.default.div({
-  display: 'flex',
-  flexWrap: 'wrap',
-  flexDirection: 'column',
-  alignItems: 'center'
+var DrawerInner = exports.DrawerInner = (0, _react.forwardRef)(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "div" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_1e0c1txw _1n261g80 _2lx21bp4 _4cvr1h6o", __cmplp.className])
+  }));
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ContentFooter = exports.ContentFooter = _styled.default.div({
-  display: 'flex',
-  justifyContent: 'flex-end'
+if (process.env.NODE_ENV !== 'production') {
+  DrawerInner.displayName = 'DrawerInner';
+}
+var ContentFooter = exports.ContentFooter = (0, _react.forwardRef)(function (_ref2, __cmplr) {
+  var _ref2$as = _ref2.as,
+    C = _ref2$as === void 0 ? "div" : _ref2$as,
+    __cmpls = _ref2.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_1e0c1txw _1bahesu3", __cmplp.className])
+  }));
 });
 
 /** Delete me once real content is present in the drawer */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var PlaceholderContent = exports.PlaceholderContent = _styled.default.div({
-  width: '352px'
-});
+if (process.env.NODE_ENV !== 'production') {
+  ContentFooter.displayName = 'ContentFooter';
+}
+var PlaceholderContent = exports.PlaceholderContent = (0, _react.forwardRef)(function (_ref3, __cmplr) {
+  var _ref3$as = _ref3.as,
+    C = _ref3$as === void 0 ? "div" : _ref3$as,
+    __cmpls = _ref3.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_1bsb1j89", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  PlaceholderContent.displayName = 'PlaceholderContent';
+}

package/dist/cjs/components/Footer/styled.compiled.css

@@ -0,0 +1,6 @@
+._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
+._1bah1yb4{justify-content:space-between}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._p12f1fdn{max-width:40pc}
+@media screen and (max-width:640px){._2ilritcz{justify-content:space-evenly}._1cmc1ejb{padding-bottom:var(--ds-space-300,24px)}._ad4g1h6o{align-items:center}}

package/dist/cjs/components/Footer/styled.js

@@ -1,23 +1,32 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FooterOuter = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+require("./styled.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _excluded = ["as", "style"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var FooterOuter = exports.FooterOuter = _styled.default.div({
-  display: 'flex',
-  width: '100%',
-  maxWidth: '640px',
-  '@media screen and (max-width: 640px)': {
-    justifyContent: 'space-evenly',
-    paddingBottom: "var(--ds-space-300, 24px)",
-    alignItems: 'center'
-  },
-  justifyContent: 'space-between',
-  marginTop: "var(--ds-space-400, 32px)"
-});
+var FooterOuter = exports.FooterOuter = (0, _react.forwardRef)(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "div" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_1e0c1txw _1bsb1osq _p12f1fdn _1bah1yb4 _19pkxy5q _2ilritcz _1cmc1ejb _ad4g1h6o", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  FooterOuter.displayName = 'FooterOuter';
+}

package/dist/cjs/components/StatefulInlineDialog/StatefulInlineDialog.js

@@ -52,12 +52,14 @@ var StatefulInlineDialog = exports.StatefulInlineDialog = /*#__PURE__*/function
       var _this$props = this.props,
         children = _this$props.children,
         content = _this$props.content,
-        placement = _this$props.placement;
+        placement = _this$props.placement,
+        label = _this$props.label;
       return /*#__PURE__*/_react.default.createElement(_inlineDialog.default, {
         content: content,
         placement: placement,
         isOpen: this.state.isOpen
       }, /*#__PURE__*/_react.default.createElement(_styled.TriggerButton, {
+        "aria-label": label,
         onMouseOver: this.handleMouseOver,
         onMouseOut: this.handleMouseOut,
         onFocus: this.openDialog,

package/dist/cjs/components/StatefulInlineDialog/styled.compiled.css

@@ -0,0 +1,7 @@
+._11q7glyw{background:none}
+._19itglyw{border:none}
+._19bvidpf{padding-left:0}
+._80om73ad{cursor:default}
+._ca0qidpf{padding-top:0}
+._n3tdidpf{padding-bottom:0}
+._u5f3idpf{padding-right:0}

package/dist/cjs/components/StatefulInlineDialog/styled.js

@@ -1,17 +1,32 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TriggerButton = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+require("./styled.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _excluded = ["as", "style"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var TriggerButton = exports.TriggerButton = _styled.default.button({
-  background: 'none',
-  border: 'none',
-  padding: 0,
-  cursor: 'default'
-});
+var TriggerButton = exports.TriggerButton = (0, _react.forwardRef)(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "button" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_11q7glyw _19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _80om73ad", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  TriggerButton.displayName = 'TriggerButton';
+}

package/dist/cjs/components/UserInfo/UserInfo.js

@@ -18,7 +18,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var Styled = _interopRequireWildcard(require("./styles"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var UserInfo = exports.UserInfo = /*#__PURE__*/function (_React$Component) {
   function UserInfo() {
     (0, _classCallCheck2.default)(this, UserInfo);

package/dist/cjs/components/UserInfo/styles.compiled.css

@@ -0,0 +1,7 @@
+
+._zulputpp{gap:var(--ds-space-150,9pt)}._18u0v47k{margin-left:var(--ds-space-250,20px)}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}

package/dist/cjs/components/UserInfo/styles.js

@@ -1,27 +1,49 @@
+/* styles.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UserInfoOuter = exports.Avatar = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+require("./styles.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _excluded = ["as", "style"],
+  _excluded2 = ["as", "style"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var UserInfoOuter = exports.UserInfoOuter = _styled.default.div({
-  display: 'flex',
-  alignItems: 'center',
-  width: '100%',
-  gap: "var(--ds-space-150, 12px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  marginBottom: "var(--ds-space-200, 16px)"
+var UserInfoOuter = exports.UserInfoOuter = (0, _react.forwardRef)(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "div" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_zulputpp _1e0c1txw _4cvr1h6o _1bsb1osq _otyrpxbi", __cmplp.className])
+  }));
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var Avatar = exports.Avatar = _styled.default.div({
-  display: 'flex',
-  flexDirection: 'column',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  marginLeft: "var(--ds-space-250, 20px)"
-});
+if (process.env.NODE_ENV !== 'production') {
+  UserInfoOuter.displayName = 'UserInfoOuter';
+}
+var Avatar = exports.Avatar = (0, _react.forwardRef)(function (_ref2, __cmplr) {
+  var _ref2$as = _ref2.as,
+    C = _ref2$as === void 0 ? "div" : _ref2$as,
+    __cmpls = _ref2.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _18u0v47k", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Avatar.displayName = 'Avatar';
+}

package/dist/es2019/components/DeactivateUserOverviewScreen/styled.compiled.css

@@ -0,0 +1,13 @@
+._11c810sd{font:var(--ds-font-heading-large,normal 653 24px/28px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._19pkutpp{margin-top:var(--ds-space-150,9pt)}
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1whz1ejb >p{margin-top:var(--ds-space-300,24px)}
+._4cvr1h6o{align-items:center}
+._4t3idgin{height:500px}
+._8j83pxbi >p{margin-bottom:var(--ds-space-200,1pc)}
+._k0ph1pd9 >li b{font-weight:var(--ds-font-weight-semibold,600)}
+._otyr1ejb{margin-bottom:var(--ds-space-300,24px)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._p12f1fdn{max-width:40pc}

package/dist/es2019/components/DeactivateUserOverviewScreen/styled.js

@@ -1,45 +1,85 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./styled.compiled.css";
+import { forwardRef } from 'react';
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const Screen = styled.div({
-  width: '100%',
-  maxWidth: '640px',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  marginBottom: "var(--ds-space-200, 16px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> p': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    marginTop: "var(--ds-space-300, 24px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    marginBottom: "var(--ds-space-200, 16px)"
-  }
+export const Screen = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_1bsb1osq _p12f1fdn _otyrpxbi _1whz1ejb _8j83pxbi", __cmplp.className])
+  }));
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const LoadingWrapper = styled.div({
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  height: '500px'
+if (process.env.NODE_ENV !== 'production') {
+  Screen.displayName = 'Screen';
+}
+export const LoadingWrapper = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_1e0c1txw _1bah1h6o _4cvr1h6o _4t3idgin", __cmplp.className])
+  }));
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-export const Title = styled.div({
-  font: "var(--ds-font-heading-large, normal 653 24px/28px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  marginBottom: "var(--ds-space-300, 24px)"
+if (process.env.NODE_ENV !== 'production') {
+  LoadingWrapper.displayName = 'LoadingWrapper';
+}
+export const Title = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_11c810sd _otyr1ejb", __cmplp.className])
+  }));
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const MainInformationList = styled.ul({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> li b': {
-    fontWeight: "var(--ds-font-weight-semibold, 600)"
-  }
+if (process.env.NODE_ENV !== 'production') {
+  Title.displayName = 'Title';
+}
+export const MainInformationList = forwardRef(({
+  as: C = "ul",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_k0ph1pd9", __cmplp.className])
+  }));
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const AccessibleSitesWrapper = styled.div({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  marginTop: "var(--ds-space-150, 12px)"
-});
+if (process.env.NODE_ENV !== 'production') {
+  MainInformationList.displayName = 'MainInformationList';
+}
+export const AccessibleSitesWrapper = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_19pkutpp", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  AccessibleSitesWrapper.displayName = 'AccessibleSitesWrapper';
+}

package/dist/es2019/components/DeleteUserContentPreviewScreen/DeleteUserContentPreviewScreen.js

@@ -40,7 +40,7 @@ export class DeleteUserContentPreviewScreen extends React.Component {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "nameSectionCard",
       onClick: this.handleClickSection('Name', 1),
-      isSelected: 1 === this.state.currentActive
+      "data-selected": 1 === this.state.currentActive
     }, /*#__PURE__*/React.createElement(Styled.Avatar, null, /*#__PURE__*/React.createElement(Avatar, {
       size: "large",
       src: ""
@@ -48,7 +48,7 @@ export class DeleteUserContentPreviewScreen extends React.Component {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "formerUserSectionCard",
       onClick: this.handleClickSection('Former User', 0),
-      isSelected: 0 === this.state.currentActive
+      "data-selected": 0 === this.state.currentActive
     }, /*#__PURE__*/React.createElement(Styled.Avatar, null, /*#__PURE__*/React.createElement(Avatar, {
       size: "large",
       src: ""

package/dist/es2019/components/DeleteUserContentPreviewScreen/styled.compiled.css

@@ -0,0 +1,20 @@
+._11c810sd{font:var(--ds-font-heading-large,normal 653 24px/28px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}
+._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
+._18u0v47k{margin-left:var(--ds-space-250,20px)}
+._19bvv47k{padding-left:var(--ds-space-250,20px)}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._19pkutpp{margin-top:var(--ds-space-150,9pt)}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1jpo15s3[data-selected=true]{background-color:var(--ds-background-selected,#e9f2fe)}
+._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
+._2lx21bp4{flex-direction:column}
+._ca0qv47k{padding-top:var(--ds-space-250,20px)}
+._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
+._kqswh2mm{position:relative}
+._n3tdv47k{padding-bottom:var(--ds-space-250,20px)}
+._otyrxy5q{margin-bottom:var(--ds-space-400,2pc)}
+._p12f1fdn{max-width:40pc}
+._syaz16jw{color:var(--ds-text-accent-blue,#1558bc)}
+._u5f3v47k{padding-right:var(--ds-space-250,20px)}