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

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

@@ -1,52 +1,85 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-const getSelectedCardColor = props => {
-  return props.isSelected && `${"var(--ds-background-selected, #E9F2FE)"}`;
-};
-
+/* 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-400, 32px)"
+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 _otyrxy5q", __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-unsafe-values -- Ignored via go/DSP-18766
-  marginBottom: "var(--ds-space-400, 32px)"
+if (process.env.NODE_ENV !== 'production') {
+  Screen.displayName = 'Screen';
+}
+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 _otyrxy5q", __cmplp.className])
+  }));
 });
 
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const SectionCard = styled.div`
-	position: relative;
-	display: flex;
-	padding: ${"var(--ds-space-250, 20px)"};
-	width: 100%;
-	background-color: ${props => getSelectedCardColor(props)};
-	border-radius: ${"var(--ds-radius-small, 3px)"};
-	box-shadow: ${"var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"};
-	margin-top: ${"var(--ds-space-200, 16px)"};
-`;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+if (process.env.NODE_ENV !== 'production') {
+  Title.displayName = 'Title';
+}
+export const SectionCard = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_2rkofajl _kqswh2mm _1e0c1txw _ca0qv47k _u5f3v47k _n3tdv47k _19bvv47k _1bsb1osq _16qs130s _19pkpxbi _1jpo15s3", __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 Avatar = styled.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)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  marginRight: "var(--ds-space-100, 8px)"
+if (process.env.NODE_ENV !== 'production') {
+  SectionCard.displayName = 'SectionCard';
+}
+export const Avatar = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_1e0c1txw _2lx21bp4 _18u0v47k _2hwxu2gc", __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 UserDetails = styled.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
-  marginTop: "var(--ds-space-150, 12px)",
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  color: "var(--ds-text-accent-blue, #1558BC)"
-});
+if (process.env.NODE_ENV !== 'production') {
+  Avatar.displayName = 'Avatar';
+}
+export const UserDetails = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_1e0c1txw _2lx21bp4 _19pkutpp _k48p1pd9 _syaz16jw", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  UserDetails.displayName = 'UserDetails';
+}

package/dist/es2019/components/DeleteUserOverviewScreen/DeleteUserOverviewScreen.js

@@ -6,7 +6,6 @@ import Button from '@atlaskit/button';
 import SectionMessage from '@atlaskit/section-message';
 import InfoIcon from '@atlaskit/icon/core/status-information';
 import { fg } from '@atlaskit/platform-feature-flags';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Text } from '@atlaskit/primitives/compiled';
 import { commonMessages, overviewMessages } from '../../messages';
 import StatefulInlineDialog from '../StatefulInlineDialog';
@@ -52,6 +51,7 @@ export class DeleteUserOverviewScreen extends React.Component {
         }
       })), /*#__PURE__*/React.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/React.createElement(StatefulInlineDialog, {
         placement: "auto-start",
+        label: "More information",
         content: /*#__PURE__*/React.createElement(Styled.InlineDialogContent, null, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, this.selectAdminOrSelfCopy(overviewMessages.inlineDialogDataWillBeDeletedP1Admin, overviewMessages.inlineDialogDataWillBeDeletedP1Self), {
           tagName: "p"
         })), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, this.selectAdminOrSelfCopy(overviewMessages.inlineDialogDataWillBeDeletedLi1Admin, overviewMessages.inlineDialogDataWillBeDeletedLi1Self), {
@@ -73,6 +73,7 @@ export class DeleteUserOverviewScreen extends React.Component {
     _defineProperty(this, "displayThirdListElement", () => {
       return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(fg('product-terminology-refresh') ? overviewMessages.paragraphListOfAppsWithPersonalDataAdminAppify : overviewMessages.paragraphListOfAppsWithPersonalDataAdmin, fg('product-terminology-refresh') ? overviewMessages.paragraphListOfAppsWithPersonalDataSelfAppify : overviewMessages.paragraphListOfAppsWithPersonalDataSelf)), /*#__PURE__*/React.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/React.createElement(StatefulInlineDialog, {
         placement: "auto-start",
+        label: "More information",
         content: /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(fg('product-terminology-refresh') ? overviewMessages.inlineDialogDataAppsAdminAppify : overviewMessages.inlineDialogDataAppsAdmin, fg('product-terminology-refresh') ? overviewMessages.inlineDialogDataAppsSelfAppify : overviewMessages.inlineDialogDataAppsSelf))
       }, /*#__PURE__*/React.createElement(InfoIcon, {
         color: "currentColor",
@@ -82,6 +83,7 @@ export class DeleteUserOverviewScreen extends React.Component {
     _defineProperty(this, "displayFourthListElement", () => {
       return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(overviewMessages.paragraphContentCreatedAdmin, overviewMessages.paragraphContentCreatedSelf)), /*#__PURE__*/React.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/React.createElement(StatefulInlineDialog, {
         placement: "auto-start",
+        label: "More information",
         content: /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(fg('product-terminology-refresh') ? overviewMessages.inlineDialogContentCreatedAdminissuetermrefreshAppify : overviewMessages.inlineDialogContentCreatedAdminissuetermrefresh, fg('product-terminology-refresh') ? overviewMessages.inlineDialogContentCreatedSelfAppify : overviewMessages.inlineDialogContentCreatedSelf))
       }, /*#__PURE__*/React.createElement(InfoIcon, {
         color: "currentColor",

package/dist/es2019/components/DeleteUserOverviewScreen/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)}
+._138k1ejb li{margin-left:var(--ds-space-300,24px)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19pk1ejb{margin-top:var(--ds-space-300,24px)}
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1eg6u2gc li{margin-top:var(--ds-space-100,8px)}
+._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}
+._s22yu2gc li{padding-left:var(--ds-space-100,8px)}
+._syazx4w0{color:var(--ds-background-information-bold,#1868db)}
+._wd3dutpp p+ul{margin-top:var(--ds-space-150,9pt)}
+._30l3q2ii:hover{color:var(--ds-background-information-bold-hovered,#1558bc)}

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

@@ -1,73 +1,117 @@
-// 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 SectionMessageOuter = 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
-  margin: `${"var(--ds-space-300, 24px)"} 0`
+if (process.env.NODE_ENV !== 'production') {
+  Title.displayName = 'Title';
+}
+export const SectionMessageOuter = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_19pk1ejb _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)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'p + ul': {
-    // 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') {
+  SectionMessageOuter.displayName = 'SectionMessageOuter';
+}
+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 _wd3dutpp", __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 IconHoverWrapper = styled.span({
-  color: "var(--ds-background-information-bold, #1868DB)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  paddingLeft: "var(--ds-space-050, 4px)",
-  '&:hover': {
-    color: "var(--ds-background-information-bold-hovered, #1558BC)"
-  }
+if (process.env.NODE_ENV !== 'production') {
+  MainInformationList.displayName = 'MainInformationList';
+}
+export const IconHoverWrapper = forwardRef(({
+  as: C = "span",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_syazx4w0 _19bv1b66 _30l3q2ii", __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 InlineDialogContent = styled.div({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  li: {
-    // 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-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
-    marginTop: "var(--ds-space-100, 8px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    paddingLeft: "var(--ds-space-100, 8px)"
-  }
-});
+if (process.env.NODE_ENV !== 'production') {
+  IconHoverWrapper.displayName = 'IconHoverWrapper';
+}
+export const InlineDialogContent = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_138k1ejb _1eg6u2gc _s22yu2gc", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  InlineDialogContent.displayName = 'InlineDialogContent';
+}

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

@@ -0,0 +1,9 @@
+
+._qtt8glyw{list-style:none}._18u0u2gc{margin-left:var(--ds-space-100,8px)}
+._19bvidpf{padding-left:0}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._1pyaidpf >li{margin-top:0}
+._ca0qidpf{padding-top:0}
+._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
+._n3tdidpf{padding-bottom:0}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

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

@@ -1,24 +1,53 @@
-// 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 AccessibleSitesList = styled.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
-  }
+export const AccessibleSitesList = forwardRef(({
+  as: C = "ul",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: 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
-export const AccessibleSitesListFootnote = styled.div({
-  paddingLeft: 0,
-  marginLeft: "var(--ds-space-100, 8px)"
+if (process.env.NODE_ENV !== 'production') {
+  AccessibleSitesList.displayName = 'AccessibleSitesList';
+}
+export const AccessibleSitesListFootnote = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: 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
-export const ButtonWrapper = styled.div({
-  padding: `0 ${"var(--ds-space-100, 8px)"}`
-});
+if (process.env.NODE_ENV !== 'production') {
+  AccessibleSitesListFootnote.displayName = 'AccessibleSitesListFootnote';
+}
+export const ButtonWrapper = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_ca0qidpf _n3tdidpf _19bvu2gc _u5f3u2gc", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  ButtonWrapper.displayName = 'ButtonWrapper';
+}

package/dist/es2019/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/es2019/components/FocusedTaskCloseAccount/styled.js

@@ -1,22 +1,54 @@
-// 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 DrawerInner = styled.div({
-  display: 'flex',
-  flexWrap: 'wrap',
-  flexDirection: 'column',
-  alignItems: 'center'
+export const DrawerInner = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: 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
-export const ContentFooter = styled.div({
-  display: 'flex',
-  justifyContent: 'flex-end'
+if (process.env.NODE_ENV !== 'production') {
+  DrawerInner.displayName = 'DrawerInner';
+}
+export const ContentFooter = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: 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
-export const PlaceholderContent = styled.div({
-  width: '352px'
-});
+if (process.env.NODE_ENV !== 'production') {
+  ContentFooter.displayName = 'ContentFooter';
+}
+export const PlaceholderContent = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_1bsb1j89", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  PlaceholderContent.displayName = 'PlaceholderContent';
+}

package/dist/es2019/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/es2019/components/Footer/styled.js

@@ -1,15 +1,21 @@
-// 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 FooterOuter = styled.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)"
-});
+export const FooterOuter = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_1e0c1txw _1bsb1osq _p12f1fdn _1bah1yb4 _19pkxy5q _2ilritcz _1cmc1ejb _ad4g1h6o", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  FooterOuter.displayName = 'FooterOuter';
+}

package/dist/es2019/components/StatefulInlineDialog/StatefulInlineDialog.js

@@ -29,13 +29,15 @@ export class StatefulInlineDialog extends React.Component {
     const {
       children,
       content,
-      placement
+      placement,
+      label
     } = this.props;
     return /*#__PURE__*/React.createElement(InlineDialog, {
       content: content,
       placement: placement,
       isOpen: this.state.isOpen
     }, /*#__PURE__*/React.createElement(TriggerButton, {
+      "aria-label": label,
       onMouseOver: this.handleMouseOver,
       onMouseOut: this.handleMouseOut,
       onFocus: this.openDialog,

package/dist/es2019/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/es2019/components/StatefulInlineDialog/styled.js

@@ -1,10 +1,21 @@
-// 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 TriggerButton = styled.button({
-  background: 'none',
-  border: 'none',
-  padding: 0,
-  cursor: 'default'
-});
+export const TriggerButton = forwardRef(({
+  as: C = "button",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_11q7glyw _19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _80om73ad", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  TriggerButton.displayName = 'TriggerButton';
+}

package/dist/es2019/components/UserInfo/UserInfo.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import Avatar from '@atlaskit/avatar';
 import Heading from '@atlaskit/heading';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Stack, Text } from '@atlaskit/primitives/compiled';
 import * as Styled from './styles';
 export class UserInfo extends React.Component {