@atlaskit/contextual-survey 3.1.2 → 4.0.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/contextual-survey
 
+## 4.0.0
+
+### Major Changes
+
+- [#138159](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/138159)
+  [`065a6f8569949`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/065a6f8569949) -
+  [ux] Migrated from `@emotion/react` to `@compiled/react` in order to improve performance, align
+  with the rest of the Atlaskit techstack, and support React 18 Sttreaming SSR. Please note, in
+  order to use this version of @atlaskit/contextual-survey, you will need to ensure that your
+  bundler is configured to handle '.css' imports correctly.
+
+## 3.1.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.1.2
 
 ### Patch Changes

package/dist/cjs/components/FeedbackAcknowledgement.js

@@ -5,16 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var _default = exports.default = function _default() {
-  return (0, _react.jsx)(_SuccessContainer.default, null, (0, _react.jsx)(_heading.default, {
+  return /*#__PURE__*/_react.default.createElement(_SuccessContainer.default, null, /*#__PURE__*/_react.default.createElement(_heading.default, {
     size: "xsmall"
   }, "Thanks for your feedback"));
 };

package/dist/cjs/components/FeedbackScoreButtons.js

@@ -1,52 +1,38 @@
+/* FeedbackScoreButtons.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("@emotion/react");
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _primitives = require("@atlaskit/primitives");
+require("./FeedbackScoreButtons.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var tooltipMessage = ['Strongly disagree', 'Disagree', 'Slightly disagree', 'Neutral', 'Slightly agree', 'Agree', 'Strongly agree'];
+var buttonWrapperStyles = null;
+var descriptionWrapperStyles = null;
 var _default = exports.default = function _default(_ref) {
   var onChange = _ref.onChange,
     value = _ref.value;
-  return (0, _react.jsx)("div", null, (0, _react.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _react.css)({
-      display: 'flex',
-      justifyContent: 'space-between',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '& > * + *': {
-        marginLeft: "var(--ds-space-100, 8px)"
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '& > *': {
-        flex: 1,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-        '& > button': {
-          justifyContent: 'center'
-        }
-      }
-    })
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_1e0c1txw _1bah1yb4 _zdxokb7n _v5ynkb7n _13lsf1ug _1o0a1h6o _pof3u2gc"])
   }, Array.from({
     length: 7
   }, function (_, i) {
     var score = i + 1;
     var isSelected = value === score;
-    return (0, _react.jsx)(_tooltip.default, {
+    return /*#__PURE__*/React.createElement(_tooltip.default, {
       content: tooltipMessage[i],
       key: score,
       hideTooltipOnClick: true
-    }, (0, _react.jsx)(_customThemeButton.default, {
+    }, /*#__PURE__*/React.createElement(_new.default, {
       onClick: function onClick() {
         return onChange(score);
       },
@@ -56,30 +42,20 @@ var _default = exports.default = function _default(_ref) {
       "aria-label": tooltipMessage[i],
       shouldFitContainer: true
     }, score));
-  })), (0, _react.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _react.css)({
-      display: 'flex',
-      marginTop: "var(--ds-space-100, 8px)",
-      marginBottom: "var(--ds-space-300, 24px)",
-      justifyContent: 'space-between',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '& > span': {
-        width: "var(--ds-space-1000, 80px)"
-      }
-    }),
-    "aria-hidden": true
-  }, (0, _react.jsx)(_primitives.Text, {
+  })), /*#__PURE__*/React.createElement("div", {
+    "aria-hidden": true,
+    className: (0, _runtime.ax)(["_1e0c1txw _19pku2gc _otyr1ejb _1bah1yb4 _nbgx1epz"])
+  }, /*#__PURE__*/React.createElement(_compiled.Text, {
     color: "color.text.subtlest",
     size: "UNSAFE_small",
     weight: "semibold",
     align: "start"
-  }, "Strongly disagree"), (0, _react.jsx)(_primitives.Text, {
+  }, "Strongly disagree"), /*#__PURE__*/React.createElement(_compiled.Text, {
     color: "color.text.subtlest",
     size: "UNSAFE_small",
     weight: "semibold",
     align: "center"
-  }, "Neutral"), (0, _react.jsx)(_primitives.Text, {
+  }, "Neutral"), /*#__PURE__*/React.createElement(_compiled.Text, {
     color: "color.text.subtlest",
     size: "UNSAFE_small",
     weight: "semibold",

package/dist/cjs/components/SignUpPrompt.js

@@ -1,24 +1,27 @@
+/* SignUpPrompt.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./SignUpPrompt.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _primitives = require("@atlaskit/primitives");
+var _link = _interopRequireDefault(require("@atlaskit/link"));
+var _compiled = require("@atlaskit/primitives/compiled");
 var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var buttonContainerStyles = null;
 var _default = exports.default = function _default(_ref) {
   var onAnswer = _ref.onAnswer;
   var _useState = (0, _react.useState)(null),
@@ -44,37 +47,29 @@ var _default = exports.default = function _default(_ref) {
     };
   }(), [setPending, onAnswer]);
   var isDisabled = Boolean(pending);
-  return (0, _react2.jsx)(_SuccessContainer.default, null, (0, _react2.jsx)(_heading.default, {
+  return /*#__PURE__*/React.createElement(_SuccessContainer.default, null, /*#__PURE__*/React.createElement(_heading.default, {
     size: "xsmall"
-  }, "Thanks for your feedback"), (0, _react2.jsx)(_primitives.Box, {
+  }, "Thanks for your feedback"), /*#__PURE__*/React.createElement(_compiled.Box, {
     paddingBlockStart: "space.150"
-  }, (0, _react2.jsx)(_primitives.Stack, {
+  }, /*#__PURE__*/React.createElement(_compiled.Stack, {
     space: "space.150"
-  }, (0, _react2.jsx)(_primitives.Text, {
+  }, /*#__PURE__*/React.createElement(_compiled.Text, {
     as: "p"
-  }, "Are you interested in participating in our research?"), (0, _react2.jsx)(_primitives.Text, {
+  }, "Are you interested in participating in our research?"), /*#__PURE__*/React.createElement(_compiled.Text, {
     as: "p"
-  }, "Sign up for the", ' ', (0, _react2.jsx)("a", {
-    href: "https://www.atlassian.com/research-group"
-  }, "Atlassian Research Group"), " and we may contact you in the future with research opportunities."))), (0, _react2.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _react2.css)({
-      marginTop: "var(--ds-space-400, 32px)",
-      display: 'flex',
-      justifyContent: 'flex-end',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '& > * + *': {
-        marginLeft: "var(--ds-space-100, 8px)"
-      }
-    })
-  }, (0, _react2.jsx)(_customThemeButton.default, {
+  }, "Sign up for the", ' ', /*#__PURE__*/React.createElement(_link.default, {
+    href: "https://www.atlassian.com/research-group",
+    target: "_blank"
+  }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."))), /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_19pkxy5q _1e0c1txw _1bahesu3 _pof3u2gc"])
+  }, /*#__PURE__*/React.createElement(_new.default, {
     appearance: "subtle",
     onClick: function onClick() {
       return answeredWith(false);
     },
     isDisabled: isDisabled,
     isLoading: pending === 'no'
-  }, "No, thanks"), (0, _react2.jsx)(_customThemeButton.default, {
+  }, "No, thanks"), /*#__PURE__*/React.createElement(_new.default, {
     appearance: "primary",
     onClick: function onClick() {
       return answeredWith(true);

package/dist/cjs/components/SignUpSuccess.js

@@ -6,22 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var _default = exports.default = function _default(_ref) {
   (0, _objectDestructuringEmpty2.default)(_ref);
-  return (0, _react.jsx)(_SuccessContainer.default, null, (0, _react.jsx)(_primitives.Stack, {
+  return /*#__PURE__*/_react.default.createElement(_SuccessContainer.default, null, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     space: "space.150"
-  }, (0, _react.jsx)(_heading.default, {
+  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
     size: "xsmall"
-  }, "Thanks for signing up"), (0, _react.jsx)(_primitives.Text, {
+  }, "Thanks for signing up"), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p"
   }, "We may reach out to you in the future to participate in additional research.")));
 };

package/dist/cjs/components/SuccessContainer.js

@@ -1,33 +1,28 @@
+/* SuccessContainer.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("@emotion/react");
+require("./SuccessContainer.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
 var _colors = require("@atlaskit/theme/colors");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var sectionStyles = null;
+var iconContainerStyles = null;
 var _default = exports.default = function _default(_ref) {
   var children = _ref.children;
-  return (0, _react.jsx)("section", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _react.css)({
-      marginLeft: "var(--ds-space-500, 40px)"
-    })
-  }, (0, _react.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _react.css)({
-      position: 'absolute',
-      top: "var(--ds-space-250, 20px)",
-      left: "var(--ds-space-300, 24px)"
-    })
-  }, (0, _react.jsx)(_successCheckCircle.default, {
+  return /*#__PURE__*/React.createElement("section", {
+    className: (0, _runtime.ax)(["_18u01jfw"])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_kqswstnw _154iv47k _1ltv1ejb"])
+  }, /*#__PURE__*/React.createElement(_successCheckCircle.default, {
     spacing: "spacious",
     label: "",
     "aria-hidden": true,

package/dist/cjs/components/SurveyContainer.js

@@ -1,48 +1,38 @@
+/* SurveyContainer.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("@emotion/react");
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+require("./SurveyContainer.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _new = require("@atlaskit/button/new");
 var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
-var _constants2 = require("../constants");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var _constants = require("../constants");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var containerStyles = null;
+var buttonWrapperStyles = null;
 var _default = exports.default = function _default(_ref) {
   var children = _ref.children,
     onDismiss = _ref.onDismiss;
-  return (0, _react.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _react.css)({
-      backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
-      padding: "var(--ds-space-300, 24px)",
-      boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      width: "".concat(_constants2.surveyInnerWidth, "px")
-    })
-  }, (0, _react.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _react.css)({
-      position: 'absolute',
-      top: "var(--ds-space-200, 16px)",
-      right: "var(--ds-space-200, 16px)"
-    })
-  }, (0, _react.jsx)(_customThemeButton.default, {
-    iconBefore: (0, _react.jsx)(_closeCross.default, {
-      label: "",
-      color: "var(--ds-icon-subtle, ".concat(_colors.N50, ")")
-    }),
-    "aria-label": "Dismiss",
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_2rko1sit _bfhk13b4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _16qs1dt4 _1bsb1sw3"]),
+    style: {
+      "--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
+      "--_qzf6oc": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")),
+      "--_18gm6wc": (0, _runtime.ix)("".concat(_constants.surveyInnerWidth, "px"))
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_kqswstnw _154ipxbi _1xi2pxbi"])
+  }, /*#__PURE__*/React.createElement(_new.IconButton, {
+    icon: _closeCross.default,
+    label: "Dismiss",
     appearance: "subtle",
     onClick: onDismiss
   })), children);

package/dist/cjs/components/SurveyForm.js

@@ -1,3 +1,4 @@
+/* SurveyForm.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,27 +7,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./SurveyForm.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
 var _reactTransitionGroup = require("react-transition-group");
-var _button = require("@atlaskit/button");
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _checkbox = require("@atlaskit/checkbox");
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _textarea = _interopRequireDefault(require("@atlaskit/textarea"));
 var _FeedbackScoreButtons = _interopRequireDefault(require("./FeedbackScoreButtons"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+var transitionBaseStyles = null;
 var getExpandedHeight = function getExpandedHeight(ref, state) {
   if (!ref.current) {
     return '0';
@@ -72,54 +69,52 @@ var _default = exports.default = function _default(_ref) {
     hasAutoFilledCanContactRef.current = true;
     setCanContactDefault(true);
   }, []);
-  return (0, _react2.jsx)("section", {
+  return /*#__PURE__*/React.createElement("section", {
     "aria-labelledby": "contextualSurveyQuestion"
-  }, (0, _react2.jsx)(_primitives.Stack, {
+  }, /*#__PURE__*/React.createElement(_compiled.Stack, {
     space: "space.150"
-  }, (0, _react2.jsx)(_heading.default, {
+  }, /*#__PURE__*/React.createElement(_heading.default, {
     id: "contextualSurveyQuestion",
     size: "xsmall"
-  }, question), statement && (0, _react2.jsx)(_primitives.Text, {
+  }, question), statement && /*#__PURE__*/React.createElement(_compiled.Text, {
     as: "p",
     id: "contextualSurveyStatement"
-  }, statement)), (0, _react2.jsx)(_form.default, {
+  }, statement)), /*#__PURE__*/React.createElement(_form.default, {
     onSubmit: onSubmit
   }, function (_ref2) {
     var formProps = _ref2.formProps,
       submitting = _ref2.submitting;
-    return (0, _react2.jsx)("form", formProps, (0, _react2.jsx)(_form.Field, {
+    return /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(_form.Field, {
       name: "feedbackScore",
       isDisabled: submitting,
       isRequired: true
     }, function (_ref3) {
       var fieldProps = _ref3.fieldProps;
-      return (0, _react2.jsx)(_FeedbackScoreButtons.default, (0, _extends2.default)({}, fieldProps, {
+      return /*#__PURE__*/React.createElement(_FeedbackScoreButtons.default, (0, _extends2.default)({}, fieldProps, {
         onChange: function onChange(score) {
           fieldProps.onChange(score);
           onScoreSelect();
         }
       }));
-    }), (0, _react2.jsx)(_reactTransitionGroup.Transition, {
+    }), /*#__PURE__*/React.createElement(_reactTransitionGroup.Transition, {
       in: expanded,
       timeout: transitionDuration,
       mountOnEnter: true
     }, function (state) {
-      return (0, _react2.jsx)("div", {
-        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        css: (0, _react2.css)({
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
           transition: "max-height ".concat(transitionDuration, "ms ease-in-out"),
-          overflow: 'hidden',
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
           maxHeight: getExpandedHeight(expandedAreaRef, state)
-        }),
-        ref: expandedAreaRef
-      }, (0, _react2.jsx)(_form.Field, {
+        },
+        ref: expandedAreaRef,
+        className: (0, _runtime.ax)(["_1reo15vq _18m915vq"])
+      }, /*#__PURE__*/React.createElement(_form.Field, {
         name: "writtenFeedback",
         defaultValue: "",
         isDisabled: submitting
       }, function (_ref4) {
         var fieldProps = _ref4.fieldProps;
-        return (0, _react2.jsx)(_textarea.default, (0, _extends2.default)({}, fieldProps, {
+        return /*#__PURE__*/React.createElement(_textarea.default, (0, _extends2.default)({}, fieldProps, {
           "aria-label": textLabel,
           placeholder: textPlaceholder,
           onChange: function onChange(event) {
@@ -127,16 +122,16 @@ var _default = exports.default = function _default(_ref) {
             onFeedbackChange();
           }
         }));
-      }), (0, _react2.jsx)(_form.CheckboxField, {
+      }), /*#__PURE__*/React.createElement(_form.CheckboxField, {
         name: "canContact",
         isDisabled: submitting,
         defaultIsChecked: canContactDefault
       }, function (_ref5) {
         var fieldProps = _ref5.fieldProps;
-        return (0, _react2.jsx)(_checkbox.Checkbox, (0, _extends2.default)({}, fieldProps, {
+        return /*#__PURE__*/React.createElement(_checkbox.Checkbox, (0, _extends2.default)({}, fieldProps, {
           label: "Atlassian can contact me about this feedback"
         }));
-      }), (0, _react2.jsx)(_form.FormFooter, null, (0, _react2.jsx)(_button.LoadingButton, {
+      }), /*#__PURE__*/React.createElement(_form.FormFooter, null, /*#__PURE__*/React.createElement(_new.default, {
         type: "submit",
         appearance: "primary",
         isLoading: submitting

package/dist/cjs/components/SurveyMarshal.js

@@ -1,20 +1,19 @@
+/* SurveyMarshal.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SurveyMarshal;
-var _react = require("@emotion/react");
+require("./SurveyMarshal.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _reactTransitionGroup = require("react-transition-group");
 var _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("../constants");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var animationDuration = 300;
 var offscreen = {
   translateX: "".concat(_constants2.surveyInnerWidth + _constants2.surveyOffset, "px"),
@@ -38,10 +37,11 @@ var getAnimationProps = function getAnimationProps(state) {
       }
   }
 };
+var transitionBaseStyles = null;
 function SurveyMarshal(props) {
   var children = props.children,
     shouldShow = props.shouldShow;
-  return (0, _react.jsx)(_reactTransitionGroup.Transition, {
+  return /*#__PURE__*/React.createElement(_reactTransitionGroup.Transition, {
     in: shouldShow,
     timeout: animationDuration,
     unmountOnExit: true
@@ -49,22 +49,15 @@ function SurveyMarshal(props) {
     var _getAnimationProps = getAnimationProps(state),
       translateX = _getAnimationProps.translateX,
       opacity = _getAnimationProps.opacity;
-    return (0, _react.jsx)("div", {
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      css: (0, _react.css)({
-        position: 'fixed',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        right: "".concat(_constants2.surveyOffset, "px"),
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        bottom: "".concat(_constants2.surveyOffset, "px"),
-        zIndex: _constants.layers.flag(),
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        transform: "translateX(".concat(translateX, ")"),
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    return /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)(["_kqsw1n9t _1xi28err _94n58err _k8m01rjc"]),
+      style: {
         opacity: opacity,
         transition: "all ".concat(animationDuration, "ms ease-in-out"),
-        transitionProperty: 'transform, opacity'
-      })
+        zIndex: _constants.layers.flag(),
+        transform: "translateX(".concat(translateX, ")"),
+        "--_1hx5ohh": (0, _runtime.ix)("".concat(_constants2.surveyOffset, "px"))
+      }
     }, children());
   });
 }

package/dist/cjs/index.js

@@ -1,12 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "ContextualSurvey", {
   enumerable: true,
   get: function get() {
-    return _fgComponents.ContextualSurvey;
+    return _ContextualSurvey.default;
   }
 });
 Object.defineProperty(exports, "DismissTrigger", {
@@ -18,8 +20,10 @@ Object.defineProperty(exports, "DismissTrigger", {
 Object.defineProperty(exports, "SurveyMarshal", {
   enumerable: true,
   get: function get() {
-    return _fgComponents.SurveyMarshal;
+    return _SurveyMarshal.default;
   }
 });
-var _ContextualSurvey = require("./components/ContextualSurvey");
-var _fgComponents = require("./fg-components");
+var _ContextualSurvey = _interopRequireWildcard(require("./components/ContextualSurvey"));
+var _SurveyMarshal = _interopRequireDefault(require("./components/SurveyMarshal"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }