@atlaskit/contextual-survey 2.2.15 → 2.2.17

package/dist/cjs/components/SurveyContainer.js

@@ -5,22 +5,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("../constants");
-var _templateObject, _templateObject2;
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var _default = exports.default = function _default(_ref) {
   var children = _ref.children,
     onDismiss = _ref.onDismiss;
   return (0, _react.jsx)("div", {
-    css: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        background-color: ", ";\n        border-radius: ", "px;\n        padding: ", ";\n        box-shadow: ", ";\n        width: ", "px;\n      "])), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), (0, _constants.borderRadius)(), "var(--ds-space-300, 24px)", "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"), _constants2.surveyInnerWidth)
+    // 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", {
-    css: (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n          position: absolute;\n          top: ", ";\n          right: ", ";\n        "])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)")
+    // 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)(_cross.default, {
       label: "",

package/dist/cjs/components/SurveyForm.js

@@ -21,6 +21,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 && Object.prototype.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; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var headingStyles = (0, _react2.css)({
   fontSize: "".concat((0, _constants.fontSize)(), "px"),
   fontWeight: 600
@@ -100,9 +102,11 @@ var _default = exports.default = function _default(_ref) {
       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)({
           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

package/dist/cjs/components/SurveyMarshal.js

@@ -10,6 +10,8 @@ var _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("../constants");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var animationDuration = 300;
 var offscreen = {
   translateX: "".concat(_constants2.surveyInnerWidth + _constants2.surveyOffset, "px"),
@@ -45,12 +47,17 @@ function SurveyMarshal(props) {
       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
         opacity: opacity,
         transition: "all ".concat(animationDuration, "ms ease-in-out"),
         transitionProperty: 'transform, opacity'

package/dist/es2019/components/FeedbackAcknowledgement.js

@@ -1,8 +1,10 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { fontFallback } from '@atlaskit/theme/typography';
 import SuccessContainer from './SuccessContainer';
 const styles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: `var(--ds-font-heading-xsmall, ${fontFallback.heading.xsmall})`,
   marginTop: 0
 });

package/dist/es2019/components/FeedbackScoreButtons.js

@@ -1,29 +1,34 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N200 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
+const styles = css({
+  textAlign: 'right'
+});
 const tooltipMessage = ['Strongly disagree', 'Disagree', 'Slightly disagree', 'Neutral', 'Slightly agree', 'Agree', 'Strongly agree'];
 export default (({
   onChange,
   value
 }) => jsx("div", null, jsx("div", {
-  css: css`
-        display: flex;
-        justify-content: space-between;
-
-        & > * + * {
-          margin-left: ${"var(--ds-space-100, 8px)"};
-        }
-
-        & > * {
-          flex: 1;
-
-          & > button {
-            justify-content: center;
-          }
-        }
-      `
+  // 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: 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'
+      }
+    }
+  })
 }, Array.from({
   length: 7
 }, (_, i) => {
@@ -42,27 +47,27 @@ export default (({
     shouldFitContainer: true
   }, score));
 })), jsx("div", {
-  css: css`
-        font-size: 12px;
-        font-weight: 600;
-        color: ${`var(--ds-text-subtlest, ${N200})`};
-        display: flex;
-        margin-top: ${"var(--ds-space-100, 8px)"};
-        margin-bottom: ${"var(--ds-space-300, 24px)"};
-
-        & > span {
-          width: ${"var(--ds-space-1000, 80px)"};
-        }
-      `,
+  // 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: css({
+    fontSize: '12px',
+    fontWeight: 600,
+    color: `var(--ds-text-subtlest, ${N200})`,
+    display: 'flex',
+    marginTop: "var(--ds-space-100, 8px)",
+    marginBottom: "var(--ds-space-300, 24px)",
+    // 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
 }, jsx("span", null, "Strongly disagree"), jsx("span", {
-  css: css`
-          text-align: center;
-          margin: 0 auto;
-          padding: 0 ${"var(--ds-space-600, 48px)"};
-        `
+  // 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: css({
+    textAlign: 'center',
+    margin: '0 auto',
+    padding: `0 ${"var(--ds-space-600, 48px)"}`
+  })
 }, "Neutral"), jsx("span", {
-  css: css`
-          text-align: right;
-        `
+  css: styles
 }, "Strongly agree"))));

package/dist/es2019/components/SignUpPrompt.js

@@ -1,10 +1,13 @@
 /** @jsx jsx */
 import { useCallback, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { fontFallback } from '@atlaskit/theme/typography';
 import SuccessContainer from './SuccessContainer';
 const styles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: `var(--ds-font-heading-xsmall, ${fontFallback.heading.xsmall})`,
   margin: 0
 });
@@ -21,11 +24,13 @@ export default (({
     css: styles
   }, "Thanks for your feedback"), jsx("p", null, "Are you interested in participating in our research?"), jsx("p", null, "Sign up for the", ' ', jsx("a", {
     href: "https://www.atlassian.com/research-group"
-  }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."), jsx("div", {
+  }, "Atlassian Research Group"), " and we may contact you in the future with research opportunities."), 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: 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)"
       }

package/dist/es2019/components/SignUpSuccess.js

@@ -1,8 +1,10 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { fontFallback } from '@atlaskit/theme/typography';
 import SuccessContainer from './SuccessContainer';
 const styles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: `var(--ds-font-heading-xsmall, ${fontFallback.heading.xsmall})`,
   margin: 0
 });

package/dist/es2019/components/SuccessContainer.js

@@ -1,19 +1,22 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import { G300 } from '@atlaskit/theme/colors';
 export default (({
   children
 }) => jsx("section", {
-  css: css`
-      margin-left: ${"var(--ds-space-500, 40px)"};
-    `
+  // 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: css({
+    marginLeft: "var(--ds-space-500, 40px)"
+  })
 }, jsx("div", {
-  css: css`
-        position: absolute;
-        top: ${"var(--ds-space-300, 24px)"};
-        left: ${"var(--ds-space-300, 24px)"};
-      `
+  // 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: css({
+    position: 'absolute',
+    top: "var(--ds-space-300, 24px)",
+    left: "var(--ds-space-300, 24px)"
+  })
 }, jsx(CheckCircleIcon, {
   label: "",
   "aria-hidden": true,

package/dist/es2019/components/SurveyContainer.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
@@ -10,19 +11,23 @@ export default (({
   onDismiss
 }) => {
   return jsx("div", {
-    css: css`
-        background-color: ${`var(--ds-surface-overlay, ${N0})`};
-        border-radius: ${borderRadius()}px;
-        padding: ${"var(--ds-space-300, 24px)"};
-        box-shadow: ${`var(--ds-shadow-overlay, ${`0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`})`};
-        width: ${surveyInnerWidth}px;
-      `
+    // 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: css({
+      backgroundColor: `var(--ds-surface-overlay, ${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: `${borderRadius()}px`,
+      padding: "var(--ds-space-300, 24px)",
+      boxShadow: `var(--ds-shadow-overlay, ${`0 20px 32px -8px ${N50A}, 0 0 1px ${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: `${surveyInnerWidth}px`
+    })
   }, jsx("div", {
-    css: css`
-          position: absolute;
-          top: ${"var(--ds-space-200, 16px)"};
-          right: ${"var(--ds-space-200, 16px)"};
-        `
+    // 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: css({
+      position: 'absolute',
+      top: "var(--ds-space-200, 16px)",
+      right: "var(--ds-space-200, 16px)"
+    })
   }, jsx(Button, {
     iconBefore: jsx(CrossIcon, {
       label: "",

package/dist/es2019/components/SurveyForm.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { useCallback, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Transition } from 'react-transition-group';
 import Button from '@atlaskit/button/custom-theme-button';
@@ -81,9 +83,11 @@ export default (({
     timeout: transitionDuration,
     mountOnEnter: true
   }, state => 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: css({
       transition: `max-height ${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

package/dist/es2019/components/SurveyMarshal.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Transition } from 'react-transition-group';
 import { layers } from '@atlaskit/theme/constants';
@@ -42,12 +43,17 @@ export default function SurveyMarshal(props) {
       opacity
     } = getAnimationProps(state);
     return 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: 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: `${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: `${surveyOffset}px`,
         zIndex: layers.flag(),
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         transform: `translateX(${translateX})`,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         opacity: opacity,
         transition: `all ${animationDuration}ms ease-in-out`,
         transitionProperty: 'transform, opacity'

package/dist/esm/components/FeedbackAcknowledgement.js

@@ -1,8 +1,10 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { fontFallback } from '@atlaskit/theme/typography';
 import SuccessContainer from './SuccessContainer';
 var styles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: "var(--ds-font-heading-xsmall, ".concat(fontFallback.heading.xsmall, ")"),
   marginTop: 0
 });

package/dist/esm/components/FeedbackScoreButtons.js

@@ -1,16 +1,34 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N200 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
+var styles = css({
+  textAlign: 'right'
+});
 var tooltipMessage = ['Strongly disagree', 'Disagree', 'Slightly disagree', 'Neutral', 'Slightly agree', 'Agree', 'Strongly agree'];
 export default (function (_ref) {
   var onChange = _ref.onChange,
     value = _ref.value;
   return jsx("div", null, jsx("div", {
-    css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: flex;\n        justify-content: space-between;\n\n        & > * + * {\n          margin-left: ", ";\n        }\n\n        & > * {\n          flex: 1;\n\n          & > button {\n            justify-content: center;\n          }\n        }\n      "])), "var(--ds-space-100, 8px)")
+    // 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: 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'
+        }
+      }
+    })
   }, Array.from({
     length: 7
   }, function (_, i) {
@@ -31,11 +49,28 @@ export default (function (_ref) {
       shouldFitContainer: true
     }, score));
   })), jsx("div", {
-    css: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        font-size: 12px;\n        font-weight: 600;\n        color: ", ";\n        display: flex;\n        margin-top: ", ";\n        margin-bottom: ", ";\n\n        & > span {\n          width: ", ";\n        }\n      "])), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-space-100, 8px)", "var(--ds-space-300, 24px)", "var(--ds-space-1000, 80px)"),
+    // 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: css({
+      fontSize: '12px',
+      fontWeight: 600,
+      color: "var(--ds-text-subtlest, ".concat(N200, ")"),
+      display: 'flex',
+      marginTop: "var(--ds-space-100, 8px)",
+      marginBottom: "var(--ds-space-300, 24px)",
+      // 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
   }, jsx("span", null, "Strongly disagree"), jsx("span", {
-    css: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          text-align: center;\n          margin: 0 auto;\n          padding: 0 ", ";\n        "])), "var(--ds-space-600, 48px)")
+    // 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: css({
+      textAlign: 'center',
+      margin: '0 auto',
+      padding: "0 ".concat("var(--ds-space-600, 48px)")
+    })
   }, "Neutral"), jsx("span", {
-    css: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          text-align: right;\n        "])))
+    css: styles
   }, "Strongly agree")));
 });

package/dist/esm/components/SignUpPrompt.js

@@ -3,11 +3,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 /** @jsx jsx */
 import { useCallback, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { fontFallback } from '@atlaskit/theme/typography';
 import SuccessContainer from './SuccessContainer';
 var styles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: "var(--ds-font-heading-xsmall, ".concat(fontFallback.heading.xsmall, ")"),
   margin: 0
 });
@@ -40,11 +43,13 @@ export default (function (_ref) {
     css: styles
   }, "Thanks for your feedback"), jsx("p", null, "Are you interested in participating in our research?"), jsx("p", null, "Sign up for the", ' ', jsx("a", {
     href: "https://www.atlassian.com/research-group"
-  }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."), jsx("div", {
+  }, "Atlassian Research Group"), " and we may contact you in the future with research opportunities."), 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: 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)"
       }

package/dist/esm/components/SignUpSuccess.js

@@ -1,9 +1,11 @@
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { fontFallback } from '@atlaskit/theme/typography';
 import SuccessContainer from './SuccessContainer';
 var styles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: "var(--ds-font-heading-xsmall, ".concat(fontFallback.heading.xsmall, ")"),
   margin: 0
 });

package/dist/esm/components/SuccessContainer.js

@@ -1,15 +1,22 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import { G300 } from '@atlaskit/theme/colors';
 export default (function (_ref) {
   var children = _ref.children;
   return jsx("section", {
-    css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin-left: ", ";\n    "])), "var(--ds-space-500, 40px)")
+    // 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: css({
+      marginLeft: "var(--ds-space-500, 40px)"
+    })
   }, jsx("div", {
-    css: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        position: absolute;\n        top: ", ";\n        left: ", ";\n      "])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)")
+    // 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: css({
+      position: 'absolute',
+      top: "var(--ds-space-300, 24px)",
+      left: "var(--ds-space-300, 24px)"
+    })
   }, jsx(CheckCircleIcon, {
     label: "",
     "aria-hidden": true,

package/dist/esm/components/SurveyContainer.js

@@ -1,6 +1,5 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
@@ -11,9 +10,23 @@ export default (function (_ref) {
   var children = _ref.children,
     onDismiss = _ref.onDismiss;
   return jsx("div", {
-    css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        background-color: ", ";\n        border-radius: ", "px;\n        padding: ", ";\n        box-shadow: ", ";\n        width: ", "px;\n      "])), "var(--ds-surface-overlay, ".concat(N0, ")"), borderRadius(), "var(--ds-space-300, 24px)", "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"), surveyInnerWidth)
+    // 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: css({
+      backgroundColor: "var(--ds-surface-overlay, ".concat(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(borderRadius(), "px"),
+      padding: "var(--ds-space-300, 24px)",
+      boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(N50A, ", 0 0 1px ").concat(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(surveyInnerWidth, "px")
+    })
   }, jsx("div", {
-    css: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: absolute;\n          top: ", ";\n          right: ", ";\n        "])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)")
+    // 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: css({
+      position: 'absolute',
+      top: "var(--ds-space-200, 16px)",
+      right: "var(--ds-space-200, 16px)"
+    })
   }, jsx(Button, {
     iconBefore: jsx(CrossIcon, {
       label: "",

package/dist/esm/components/SurveyForm.js

@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
 import { useCallback, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Transition } from 'react-transition-group';
 import Button from '@atlaskit/button/custom-theme-button';
@@ -89,9 +91,11 @@ export default (function (_ref) {
       mountOnEnter: true
     }, function (state) {
       return 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: css({
           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

package/dist/esm/components/SurveyMarshal.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Transition } from 'react-transition-group';
 import { layers } from '@atlaskit/theme/constants';
@@ -39,12 +40,17 @@ export default function SurveyMarshal(props) {
       translateX = _getAnimationProps.translateX,
       opacity = _getAnimationProps.opacity;
     return 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: 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(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(surveyOffset, "px"),
         zIndex: 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
         opacity: opacity,
         transition: "all ".concat(animationDuration, "ms ease-in-out"),
         transitionProperty: 'transform, opacity'

package/dist/types/components/ContextualSurvey.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FormValues } from '../types';
+import { type FormValues } from '../types';
 export declare enum DismissTrigger {
     AutoDismiss = "AUTO_DISMISS",
     Manual = "MANUAL",