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

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/focused-task-close-account
 
+## 4.0.4
+
+### Patch Changes
+
+- [`b8f76ccba4c09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b8f76ccba4c09) -
+  Migrate CSS-in-JS from `@emotion/styled` to `@compiled/react`
+- Updated dependencies
+
+## 4.0.3
+
+### Patch Changes
+
+- [`35359015f4b76`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/35359015f4b76) -
+  Fix accessibility violation: add aria-label to StatefulInlineDialog trigger button to ensure it
+  has a discernible name for screen readers
+
 ## 4.0.2
 
 ### Patch Changes

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

@@ -1,53 +1,100 @@
+/* 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.Title = exports.Screen = exports.MainInformationList = exports.LoadingWrapper = exports.AccessibleSitesWrapper = 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"],
+  _excluded4 = ["as", "style"],
+  _excluded5 = ["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 Screen = exports.Screen = _styled.default.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)"
-  }
+var Screen = exports.Screen = (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)(["_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
-var LoadingWrapper = exports.LoadingWrapper = _styled.default.div({
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  height: '500px'
+if (process.env.NODE_ENV !== 'production') {
+  Screen.displayName = 'Screen';
+}
+var LoadingWrapper = exports.LoadingWrapper = (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 _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
-var Title = exports.Title = _styled.default.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';
+}
+var Title = exports.Title = (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)(["_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
-var MainInformationList = exports.MainInformationList = _styled.default.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';
+}
+var MainInformationList = exports.MainInformationList = (0, _react.forwardRef)(function (_ref4, __cmplr) {
+  var _ref4$as = _ref4.as,
+    C = _ref4$as === void 0 ? "ul" : _ref4$as,
+    __cmpls = _ref4.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.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
-var AccessibleSitesWrapper = exports.AccessibleSitesWrapper = _styled.default.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';
+}
+var AccessibleSitesWrapper = exports.AccessibleSitesWrapper = (0, _react.forwardRef)(function (_ref5, __cmplr) {
+  var _ref5$as = _ref5.as,
+    C = _ref5$as === void 0 ? "div" : _ref5$as,
+    __cmpls = _ref5.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_19pkutpp", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  AccessibleSitesWrapper.displayName = 'AccessibleSitesWrapper';
+}

package/dist/cjs/components/DeleteUserContentPreviewScreen/DeleteUserContentPreviewScreen.js

@@ -67,7 +67,7 @@ var DeleteUserContentPreviewScreen = exports.DeleteUserContentPreviewScreen = /*
         // 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.default.createElement(Styled.Avatar, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
         size: "large",
         src: ""
@@ -75,7 +75,7 @@ var DeleteUserContentPreviewScreen = exports.DeleteUserContentPreviewScreen = /*
         // 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.default.createElement(Styled.Avatar, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
         size: "large",
         src: ""

package/dist/cjs/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/cjs/components/DeleteUserContentPreviewScreen/styled.js

@@ -1,53 +1,100 @@
+/* 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.UserDetails = exports.Title = exports.SectionCard = exports.Screen = exports.Avatar = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var getSelectedCardColor = function getSelectedCardColor(props) {
-  return props.isSelected && "var(--ds-background-selected, #E9F2FE)";
-};
-
+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"],
+  _excluded4 = ["as", "style"],
+  _excluded5 = ["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 Screen = exports.Screen = _styled.default.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)"
+var Screen = exports.Screen = (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)(["_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
-var Title = exports.Title = _styled.default.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';
+}
+var Title = exports.Title = (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)(["_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
-var SectionCard = exports.SectionCard = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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';
+}
+var SectionCard = exports.SectionCard = (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)(["_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
-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)",
-  // 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';
+}
+var Avatar = exports.Avatar = (0, _react.forwardRef)(function (_ref4, __cmplr) {
+  var _ref4$as = _ref4.as,
+    C = _ref4$as === void 0 ? "div" : _ref4$as,
+    __cmpls = _ref4.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.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
-var UserDetails = exports.UserDetails = _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
-  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';
+}
+var UserDetails = exports.UserDetails = (0, _react.forwardRef)(function (_ref5, __cmplr) {
+  var _ref5$as = _ref5.as,
+    C = _ref5$as === void 0 ? "div" : _ref5$as,
+    __cmpls = _ref5.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _19pkutpp _k48p1pd9 _syaz16jw", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  UserDetails.displayName = 'UserDetails';
+}

package/dist/cjs/components/DeleteUserOverviewScreen/DeleteUserOverviewScreen.js

@@ -28,7 +28,7 @@ var _DropdownList = require("../DropdownList");
 var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvider"));
 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 DeleteUserOverviewScreen = exports.DeleteUserOverviewScreen = /*#__PURE__*/function (_React$Component) {
   function DeleteUserOverviewScreen() {
     var _this;
@@ -77,6 +77,7 @@ var DeleteUserOverviewScreen = exports.DeleteUserOverviewScreen = /*#__PURE__*/f
         }
       })), /*#__PURE__*/_react.default.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/_react.default.createElement(_StatefulInlineDialog.default, {
         placement: "auto-start",
+        label: "More information",
         content: /*#__PURE__*/_react.default.createElement(Styled.InlineDialogContent, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.inlineDialogDataWillBeDeletedP1Admin, _messages.overviewMessages.inlineDialogDataWillBeDeletedP1Self), {
           tagName: "p"
         })), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.inlineDialogDataWillBeDeletedLi1Admin, _messages.overviewMessages.inlineDialogDataWillBeDeletedLi1Self), {
@@ -98,6 +99,7 @@ var DeleteUserOverviewScreen = exports.DeleteUserOverviewScreen = /*#__PURE__*/f
     (0, _defineProperty2.default)(_this, "displayThirdListElement", function () {
       return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _this.selectAdminOrSelfCopy((0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.paragraphListOfAppsWithPersonalDataAdminAppify : _messages.overviewMessages.paragraphListOfAppsWithPersonalDataAdmin, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.paragraphListOfAppsWithPersonalDataSelfAppify : _messages.overviewMessages.paragraphListOfAppsWithPersonalDataSelf)), /*#__PURE__*/_react.default.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/_react.default.createElement(_StatefulInlineDialog.default, {
         placement: "auto-start",
+        label: "More information",
         content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _this.selectAdminOrSelfCopy((0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogDataAppsAdminAppify : _messages.overviewMessages.inlineDialogDataAppsAdmin, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogDataAppsSelfAppify : _messages.overviewMessages.inlineDialogDataAppsSelf))
       }, /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
         color: "currentColor",
@@ -107,6 +109,7 @@ var DeleteUserOverviewScreen = exports.DeleteUserOverviewScreen = /*#__PURE__*/f
     (0, _defineProperty2.default)(_this, "displayFourthListElement", function () {
       return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _this.selectAdminOrSelfCopy(_messages.overviewMessages.paragraphContentCreatedAdmin, _messages.overviewMessages.paragraphContentCreatedSelf)), /*#__PURE__*/_react.default.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/_react.default.createElement(_StatefulInlineDialog.default, {
         placement: "auto-start",
+        label: "More information",
         content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _this.selectAdminOrSelfCopy((0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogContentCreatedAdminissuetermrefreshAppify : _messages.overviewMessages.inlineDialogContentCreatedAdminissuetermrefresh, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogContentCreatedSelfAppify : _messages.overviewMessages.inlineDialogContentCreatedSelf))
       }, /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
         color: "currentColor",

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

@@ -1,81 +1,134 @@
+/* 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.Title = exports.SectionMessageOuter = exports.Screen = exports.MainInformationList = exports.LoadingWrapper = exports.InlineDialogContent = exports.IconHoverWrapper = 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"],
+  _excluded4 = ["as", "style"],
+  _excluded5 = ["as", "style"],
+  _excluded6 = ["as", "style"],
+  _excluded7 = ["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 Screen = exports.Screen = _styled.default.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)"
-  }
+var Screen = exports.Screen = (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)(["_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
-var LoadingWrapper = exports.LoadingWrapper = _styled.default.div({
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  height: '500px'
+if (process.env.NODE_ENV !== 'production') {
+  Screen.displayName = 'Screen';
+}
+var LoadingWrapper = exports.LoadingWrapper = (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 _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
-var Title = exports.Title = _styled.default.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';
+}
+var Title = exports.Title = (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)(["_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
-var SectionMessageOuter = exports.SectionMessageOuter = _styled.default.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';
+}
+var SectionMessageOuter = exports.SectionMessageOuter = (0, _react.forwardRef)(function (_ref4, __cmplr) {
+  var _ref4$as = _ref4.as,
+    C = _ref4$as === void 0 ? "div" : _ref4$as,
+    __cmpls = _ref4.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.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
-var MainInformationList = exports.MainInformationList = _styled.default.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';
+}
+var MainInformationList = exports.MainInformationList = (0, _react.forwardRef)(function (_ref5, __cmplr) {
+  var _ref5$as = _ref5.as,
+    C = _ref5$as === void 0 ? "ul" : _ref5$as,
+    __cmpls = _ref5.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.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
-var IconHoverWrapper = exports.IconHoverWrapper = _styled.default.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';
+}
+var IconHoverWrapper = exports.IconHoverWrapper = (0, _react.forwardRef)(function (_ref6, __cmplr) {
+  var _ref6$as = _ref6.as,
+    C = _ref6$as === void 0 ? "span" : _ref6$as,
+    __cmpls = _ref6.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref6, _excluded6);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.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
-var InlineDialogContent = exports.InlineDialogContent = _styled.default.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';
+}
+var InlineDialogContent = exports.InlineDialogContent = (0, _react.forwardRef)(function (_ref7, __cmplr) {
+  var _ref7$as = _ref7.as,
+    C = _ref7$as === void 0 ? "div" : _ref7$as,
+    __cmpls = _ref7.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref7, _excluded7);
+  return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_138k1ejb _1eg6u2gc _s22yu2gc", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  InlineDialogContent.displayName = 'InlineDialogContent';
+}

package/dist/cjs/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)}