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

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

@@ -1,19 +1,37 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
+/* styles.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./styles.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 UserInfoOuter = styled.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)"
+export const UserInfoOuter = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: 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
-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)"
-});
+if (process.env.NODE_ENV !== 'production') {
+  UserInfoOuter.displayName = 'UserInfoOuter';
+}
+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", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Avatar.displayName = 'Avatar';
+}

package/dist/esm/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/esm/components/DeactivateUserOverviewScreen/styled.js

@@ -1,45 +1,91 @@
-// 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 _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "style"],
+  _excluded2 = ["as", "style"],
+  _excluded3 = ["as", "style"],
+  _excluded4 = ["as", "style"],
+  _excluded5 = ["as", "style"];
+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 var 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 var Screen = forwardRef(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "div" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = _objectWithoutProperties(_ref, _excluded);
+  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 var LoadingWrapper = styled.div({
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  height: '500px'
+if (process.env.NODE_ENV !== 'production') {
+  Screen.displayName = 'Screen';
+}
+export var LoadingWrapper = forwardRef(function (_ref2, __cmplr) {
+  var _ref2$as = _ref2.as,
+    C = _ref2$as === void 0 ? "div" : _ref2$as,
+    __cmpls = _ref2.style,
+    __cmplp = _objectWithoutProperties(_ref2, _excluded2);
+  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 var 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 var Title = forwardRef(function (_ref3, __cmplr) {
+  var _ref3$as = _ref3.as,
+    C = _ref3$as === void 0 ? "div" : _ref3$as,
+    __cmpls = _ref3.style,
+    __cmplp = _objectWithoutProperties(_ref3, _excluded3);
+  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 var 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 var MainInformationList = forwardRef(function (_ref4, __cmplr) {
+  var _ref4$as = _ref4.as,
+    C = _ref4$as === void 0 ? "ul" : _ref4$as,
+    __cmpls = _ref4.style,
+    __cmplp = _objectWithoutProperties(_ref4, _excluded4);
+  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 var 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 var AccessibleSitesWrapper = forwardRef(function (_ref5, __cmplr) {
+  var _ref5$as = _ref5.as,
+    C = _ref5$as === void 0 ? "div" : _ref5$as,
+    __cmpls = _ref5.style,
+    __cmplp = _objectWithoutProperties(_ref5, _excluded5);
+  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/esm/components/DeleteUserContentPreviewScreen/DeleteUserContentPreviewScreen.js

@@ -58,7 +58,7 @@ export var DeleteUserContentPreviewScreen = /*#__PURE__*/function (_React$Compon
         // 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: ""
@@ -66,7 +66,7 @@ export var DeleteUserContentPreviewScreen = /*#__PURE__*/function (_React$Compon
         // 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/esm/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)}

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

@@ -1,47 +1,91 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-var getSelectedCardColor = function 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 _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "style"],
+  _excluded2 = ["as", "style"],
+  _excluded3 = ["as", "style"],
+  _excluded4 = ["as", "style"],
+  _excluded5 = ["as", "style"];
+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 var 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 var Screen = forwardRef(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "div" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = _objectWithoutProperties(_ref, _excluded);
+  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 var 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 var Title = forwardRef(function (_ref2, __cmplr) {
+  var _ref2$as = _ref2.as,
+    C = _ref2$as === void 0 ? "div" : _ref2$as,
+    __cmpls = _ref2.style,
+    __cmplp = _objectWithoutProperties(_ref2, _excluded2);
+  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 var SectionCard = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: relative;\n\tdisplay: flex;\n\tpadding: ", ";\n\twidth: 100%;\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\tbox-shadow: ", ";\n\tmargin-top: ", ";\n"])), "var(--ds-space-250, 20px)", function (props) {
-  return getSelectedCardColor(props);
-}, "var(--ds-radius-small, 3px)", "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)", "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 var SectionCard = forwardRef(function (_ref3, __cmplr) {
+  var _ref3$as = _ref3.as,
+    C = _ref3$as === void 0 ? "div" : _ref3$as,
+    __cmpls = _ref3.style,
+    __cmplp = _objectWithoutProperties(_ref3, _excluded3);
+  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 var 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 var Avatar = forwardRef(function (_ref4, __cmplr) {
+  var _ref4$as = _ref4.as,
+    C = _ref4$as === void 0 ? "div" : _ref4$as,
+    __cmpls = _ref4.style,
+    __cmplp = _objectWithoutProperties(_ref4, _excluded4);
+  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 var 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 var UserDetails = forwardRef(function (_ref5, __cmplr) {
+  var _ref5$as = _ref5.as,
+    C = _ref5$as === void 0 ? "div" : _ref5$as,
+    __cmpls = _ref5.style,
+    __cmplp = _objectWithoutProperties(_ref5, _excluded5);
+  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/esm/components/DeleteUserOverviewScreen/DeleteUserOverviewScreen.js

@@ -13,7 +13,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';

package/dist/esm/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/esm/components/DeleteUserOverviewScreen/styled.js

@@ -1,73 +1,125 @@
-// 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 _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "style"],
+  _excluded2 = ["as", "style"],
+  _excluded3 = ["as", "style"],
+  _excluded4 = ["as", "style"],
+  _excluded5 = ["as", "style"],
+  _excluded6 = ["as", "style"],
+  _excluded7 = ["as", "style"];
+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 var 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 var Screen = forwardRef(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "div" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = _objectWithoutProperties(_ref, _excluded);
+  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 var LoadingWrapper = styled.div({
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  height: '500px'
+if (process.env.NODE_ENV !== 'production') {
+  Screen.displayName = 'Screen';
+}
+export var LoadingWrapper = forwardRef(function (_ref2, __cmplr) {
+  var _ref2$as = _ref2.as,
+    C = _ref2$as === void 0 ? "div" : _ref2$as,
+    __cmpls = _ref2.style,
+    __cmplp = _objectWithoutProperties(_ref2, _excluded2);
+  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 var 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 var Title = forwardRef(function (_ref3, __cmplr) {
+  var _ref3$as = _ref3.as,
+    C = _ref3$as === void 0 ? "div" : _ref3$as,
+    __cmpls = _ref3.style,
+    __cmplp = _objectWithoutProperties(_ref3, _excluded3);
+  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 var 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)".concat(" 0")
+if (process.env.NODE_ENV !== 'production') {
+  Title.displayName = 'Title';
+}
+export var SectionMessageOuter = forwardRef(function (_ref4, __cmplr) {
+  var _ref4$as = _ref4.as,
+    C = _ref4$as === void 0 ? "div" : _ref4$as,
+    __cmpls = _ref4.style,
+    __cmplp = _objectWithoutProperties(_ref4, _excluded4);
+  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 var 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 var MainInformationList = forwardRef(function (_ref5, __cmplr) {
+  var _ref5$as = _ref5.as,
+    C = _ref5$as === void 0 ? "ul" : _ref5$as,
+    __cmpls = _ref5.style,
+    __cmplp = _objectWithoutProperties(_ref5, _excluded5);
+  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 var 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 var IconHoverWrapper = forwardRef(function (_ref6, __cmplr) {
+  var _ref6$as = _ref6.as,
+    C = _ref6$as === void 0 ? "span" : _ref6$as,
+    __cmpls = _ref6.style,
+    __cmplp = _objectWithoutProperties(_ref6, _excluded6);
+  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 var 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 var InlineDialogContent = forwardRef(function (_ref7, __cmplr) {
+  var _ref7$as = _ref7.as,
+    C = _ref7$as === void 0 ? "div" : _ref7$as,
+    __cmpls = _ref7.style,
+    __cmplp = _objectWithoutProperties(_ref7, _excluded7);
+  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/esm/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)}