@atlaskit/contextual-survey 3.1.2 → 4.0.0

package/dist/esm/components/SignUpPrompt.js

@@ -1,18 +1,17 @@
+/* SignUpPrompt.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "./SignUpPrompt.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-/**
- * @jsxRuntime classic
- * @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 Button from '@atlaskit/button/new';
 import Heading from '@atlaskit/heading';
-import { Box, Stack, Text } from '@atlaskit/primitives';
+import Link from '@atlaskit/link';
+import { Box, Stack, Text } from '@atlaskit/primitives/compiled';
 import SuccessContainer from './SuccessContainer';
+var buttonContainerStyles = null;
 export default (function (_ref) {
   var onAnswer = _ref.onAnswer;
   var _useState = useState(null),
@@ -38,37 +37,29 @@ export default (function (_ref) {
     };
   }(), [setPending, onAnswer]);
   var isDisabled = Boolean(pending);
-  return jsx(SuccessContainer, null, jsx(Heading, {
+  return /*#__PURE__*/React.createElement(SuccessContainer, null, /*#__PURE__*/React.createElement(Heading, {
     size: "xsmall"
-  }, "Thanks for your feedback"), jsx(Box, {
+  }, "Thanks for your feedback"), /*#__PURE__*/React.createElement(Box, {
     paddingBlockStart: "space.150"
-  }, jsx(Stack, {
+  }, /*#__PURE__*/React.createElement(Stack, {
     space: "space.150"
-  }, jsx(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     as: "p"
-  }, "Are you interested in participating in our research?"), jsx(Text, {
+  }, "Are you interested in participating in our research?"), /*#__PURE__*/React.createElement(Text, {
     as: "p"
-  }, "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", {
-    // 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)"
-      }
-    })
-  }, jsx(Button, {
+  }, "Sign up for the", ' ', /*#__PURE__*/React.createElement(Link, {
+    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: ax(["_19pkxy5q _1e0c1txw _1bahesu3 _pof3u2gc"])
+  }, /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
     onClick: function onClick() {
       return answeredWith(false);
     },
     isDisabled: isDisabled,
     isLoading: pending === 'no'
-  }, "No, thanks"), jsx(Button, {
+  }, "No, thanks"), /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     onClick: function onClick() {
       return answeredWith(true);

package/dist/esm/components/SignUpSuccess.js

@@ -1,20 +1,15 @@
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React from 'react';
 import Heading from '@atlaskit/heading';
-import { Stack, Text } from '@atlaskit/primitives';
+import { Stack, Text } from '@atlaskit/primitives/compiled';
 import SuccessContainer from './SuccessContainer';
 export default (function (_ref) {
   _objectDestructuringEmpty(_ref);
-  return jsx(SuccessContainer, null, jsx(Stack, {
+  return /*#__PURE__*/React.createElement(SuccessContainer, null, /*#__PURE__*/React.createElement(Stack, {
     space: "space.150"
-  }, jsx(Heading, {
+  }, /*#__PURE__*/React.createElement(Heading, {
     size: "xsmall"
-  }, "Thanks for signing up"), jsx(Text, {
+  }, "Thanks for signing up"), /*#__PURE__*/React.createElement(Text, {
     as: "p"
   }, "We may reach out to you in the future to participate in additional research.")));
 });

package/dist/esm/components/SuccessContainer.js

@@ -1,26 +1,18 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+/* SuccessContainer.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./SuccessContainer.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
 import { G300 } from '@atlaskit/theme/colors';
+var sectionStyles = null;
+var iconContainerStyles = null;
 export default (function (_ref) {
   var children = _ref.children;
-  return 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: css({
-      marginLeft: "var(--ds-space-500, 40px)"
-    })
-  }, 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: 'absolute',
-      top: "var(--ds-space-250, 20px)",
-      left: "var(--ds-space-300, 24px)"
-    })
-  }, jsx(CheckCircleIcon, {
+  return /*#__PURE__*/React.createElement("section", {
+    className: ax(["_18u01jfw"])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: ax(["_kqswstnw _154iv47k _1ltv1ejb"])
+  }, /*#__PURE__*/React.createElement(CheckCircleIcon, {
     spacing: "spacious",
     label: "",
     "aria-hidden": true,

package/dist/esm/components/SurveyContainer.js

@@ -1,41 +1,28 @@
-/**
- * @jsxRuntime classic
- * @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';
+/* SurveyContainer.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./SurveyContainer.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { IconButton as Button } from '@atlaskit/button/new';
 import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
-import { N0, N50, N50A, N60A } from '@atlaskit/theme/colors';
-import { borderRadius } from '@atlaskit/theme/constants';
+import { N0, N50A, N60A } from '@atlaskit/theme/colors';
 import { surveyInnerWidth } from '../constants';
+var containerStyles = null;
+var buttonWrapperStyles = null;
 export default (function (_ref) {
   var children = _ref.children,
     onDismiss = _ref.onDismiss;
-  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({
-      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", {
-    // 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: "",
-      color: "var(--ds-icon-subtle, ".concat(N50, ")")
-    }),
-    "aria-label": "Dismiss",
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_2rko1sit _bfhk13b4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _16qs1dt4 _1bsb1sw3"]),
+    style: {
+      "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
+      "--_qzf6oc": ix("var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")),
+      "--_18gm6wc": ix("".concat(surveyInnerWidth, "px"))
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: ax(["_kqswstnw _154ipxbi _1xi2pxbi"])
+  }, /*#__PURE__*/React.createElement(Button, {
+    icon: CrossIcon,
+    label: "Dismiss",
     appearance: "subtle",
     onClick: onDismiss
   })), children);

package/dist/esm/components/SurveyForm.js

@@ -1,21 +1,19 @@
+/* SurveyForm.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+import "./SurveyForm.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 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 { LoadingButton as Button } from '@atlaskit/button';
+import Button from '@atlaskit/button/new';
 import { Checkbox } from '@atlaskit/checkbox';
 import Form, { CheckboxField, Field, FormFooter } from '@atlaskit/form';
 import Heading from '@atlaskit/heading';
-import { Stack, Text } from '@atlaskit/primitives';
+import { Stack, Text } from '@atlaskit/primitives/compiled';
 import Textarea from '@atlaskit/textarea';
 import FeedbackScoreButtons from './FeedbackScoreButtons';
+var transitionBaseStyles = null;
 var getExpandedHeight = function getExpandedHeight(ref, state) {
   if (!ref.current) {
     return '0';
@@ -61,54 +59,52 @@ export default (function (_ref) {
     hasAutoFilledCanContactRef.current = true;
     setCanContactDefault(true);
   }, []);
-  return jsx("section", {
+  return /*#__PURE__*/React.createElement("section", {
     "aria-labelledby": "contextualSurveyQuestion"
-  }, jsx(Stack, {
+  }, /*#__PURE__*/React.createElement(Stack, {
     space: "space.150"
-  }, jsx(Heading, {
+  }, /*#__PURE__*/React.createElement(Heading, {
     id: "contextualSurveyQuestion",
     size: "xsmall"
-  }, question), statement && jsx(Text, {
+  }, question), statement && /*#__PURE__*/React.createElement(Text, {
     as: "p",
     id: "contextualSurveyStatement"
-  }, statement)), jsx(Form, {
+  }, statement)), /*#__PURE__*/React.createElement(Form, {
     onSubmit: onSubmit
   }, function (_ref2) {
     var formProps = _ref2.formProps,
       submitting = _ref2.submitting;
-    return jsx("form", formProps, jsx(Field, {
+    return /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(Field, {
       name: "feedbackScore",
       isDisabled: submitting,
       isRequired: true
     }, function (_ref3) {
       var fieldProps = _ref3.fieldProps;
-      return jsx(FeedbackScoreButtons, _extends({}, fieldProps, {
+      return /*#__PURE__*/React.createElement(FeedbackScoreButtons, _extends({}, fieldProps, {
         onChange: function onChange(score) {
           fieldProps.onChange(score);
           onScoreSelect();
         }
       }));
-    }), jsx(Transition, {
+    }), /*#__PURE__*/React.createElement(Transition, {
       in: expanded,
       timeout: transitionDuration,
       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({
+      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
-      }, jsx(Field, {
+        },
+        ref: expandedAreaRef,
+        className: ax(["_1reo15vq _18m915vq"])
+      }, /*#__PURE__*/React.createElement(Field, {
         name: "writtenFeedback",
         defaultValue: "",
         isDisabled: submitting
       }, function (_ref4) {
         var fieldProps = _ref4.fieldProps;
-        return jsx(Textarea, _extends({}, fieldProps, {
+        return /*#__PURE__*/React.createElement(Textarea, _extends({}, fieldProps, {
           "aria-label": textLabel,
           placeholder: textPlaceholder,
           onChange: function onChange(event) {
@@ -116,16 +112,16 @@ export default (function (_ref) {
             onFeedbackChange();
           }
         }));
-      }), jsx(CheckboxField, {
+      }), /*#__PURE__*/React.createElement(CheckboxField, {
         name: "canContact",
         isDisabled: submitting,
         defaultIsChecked: canContactDefault
       }, function (_ref5) {
         var fieldProps = _ref5.fieldProps;
-        return jsx(Checkbox, _extends({}, fieldProps, {
+        return /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
           label: "Atlassian can contact me about this feedback"
         }));
-      }), jsx(FormFooter, null, jsx(Button, {
+      }), /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(Button, {
         type: "submit",
         appearance: "primary",
         isLoading: submitting

package/dist/esm/components/SurveyMarshal.js

@@ -1,10 +1,7 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+/* SurveyMarshal.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./SurveyMarshal.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { Transition } from 'react-transition-group';
 import { layers } from '@atlaskit/theme/constants';
 import { surveyInnerWidth, surveyOffset } from '../constants';
@@ -31,10 +28,11 @@ var getAnimationProps = function getAnimationProps(state) {
       }
   }
 };
+var transitionBaseStyles = null;
 export default function SurveyMarshal(props) {
   var children = props.children,
     shouldShow = props.shouldShow;
-  return jsx(Transition, {
+  return /*#__PURE__*/React.createElement(Transition, {
     in: shouldShow,
     timeout: animationDuration,
     unmountOnExit: true
@@ -42,22 +40,15 @@ export default function SurveyMarshal(props) {
     var _getAnimationProps = getAnimationProps(state),
       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
+    return /*#__PURE__*/React.createElement("div", {
+      className: ax(["_kqsw1n9t _1xi28err _94n58err _k8m01rjc"]),
+      style: {
         opacity: opacity,
         transition: "all ".concat(animationDuration, "ms ease-in-out"),
-        transitionProperty: 'transform, opacity'
-      })
+        zIndex: layers.flag(),
+        transform: "translateX(".concat(translateX, ")"),
+        "--_1hx5ohh": ix("".concat(surveyOffset, "px"))
+      }
     }, children());
   });
 }

package/dist/esm/index.js

@@ -1,3 +1,2 @@
-export { DismissTrigger } from './components/ContextualSurvey';
-export { ContextualSurvey } from './fg-components';
-export { SurveyMarshal } from './fg-components';
+export { default as ContextualSurvey, DismissTrigger } from './components/ContextualSurvey';
+export { default as SurveyMarshal } from './components/SurveyMarshal';

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

@@ -9,7 +9,7 @@ export declare enum DismissTrigger {
 export type OnDismissArgs = {
     trigger: DismissTrigger;
 };
-export interface Props {
+interface Props {
     /** Optional statement, to be used in conjunction with the question for the survey
      * Example: "How strongly do you agree or disagree with this statement"
      */

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

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-declare const _default: () => jsx.JSX.Element;
+import React from 'react';
+declare const _default: () => React.JSX.Element;
 export default _default;

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

@@ -2,10 +2,10 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 interface Props {
     onChange: (value: number) => void;
     value: number | undefined;
 }
-declare const _default: ({ onChange, value }: Props) => jsx.JSX.Element;
+declare const _default: ({ onChange, value }: Props) => JSX.Element;
 export default _default;

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

@@ -1,6 +1,10 @@
-import { jsx } from '@emotion/react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/// <reference types="react" />
 interface Props {
     onAnswer: (answer: boolean) => Promise<void>;
 }
-declare const _default: ({ onAnswer }: Props) => jsx.JSX.Element;
+declare const _default: ({ onAnswer }: Props) => JSX.Element;
 export default _default;

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

@@ -1,9 +1,5 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+import React from 'react';
 interface Props {
 }
-declare const _default: ({}: Props) => jsx.JSX.Element;
+declare const _default: ({}: Props) => React.JSX.Element;
 export default _default;

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

@@ -1,11 +1,6 @@
 /// <reference types="react" />
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
 interface Props {
     children: React.ReactNode;
 }
-declare const _default: ({ children }: Props) => jsx.JSX.Element;
+declare const _default: ({ children }: Props) => JSX.Element;
 export default _default;

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 interface Props {
     children: React.ReactNode;
     onDismiss: () => void;
 }
-declare const _default: ({ children, onDismiss }: Props) => jsx.JSX.Element;
+declare const _default: ({ children, onDismiss }: Props) => JSX.Element;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type OnSubmitHandler } from '@atlaskit/form';
 import { type FormValues } from '../types';
 interface Props {
@@ -8,5 +8,5 @@ interface Props {
     textLabel: string;
     onSubmit: OnSubmitHandler<FormValues>;
 }
-declare const _default: ({ question, statement, textPlaceholder, textLabel, onSubmit }: Props) => jsx.JSX.Element;
+declare const _default: ({ question, statement, textPlaceholder, textLabel, onSubmit }: Props) => JSX.Element;
 export default _default;

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

@@ -3,8 +3,7 @@
  * @jsx jsx
  */
 import { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
-export type Props = {
+type Props = {
     /** Whether the form should be rendered */
     shouldShow: boolean;
     /** A function that returns Node to be rendered (`<ContextualSurvey/>`)
@@ -13,4 +12,5 @@ export type Props = {
      */
     children: () => ReactNode;
 };
-export default function SurveyMarshal(props: Props): jsx.JSX.Element;
+export default function SurveyMarshal(props: Props): JSX.Element;
+export {};

package/dist/types/index.d.ts

@@ -1,3 +1,2 @@
-export { DismissTrigger, type OnDismissArgs } from './components/ContextualSurvey';
-export { ContextualSurvey } from './fg-components';
-export { SurveyMarshal } from './fg-components';
+export { default as ContextualSurvey, DismissTrigger, type OnDismissArgs } from './components/ContextualSurvey';
+export { default as SurveyMarshal } from './components/SurveyMarshal';

package/dist/types-ts4.5/components/ContextualSurvey.d.ts

@@ -9,7 +9,7 @@ export declare enum DismissTrigger {
 export type OnDismissArgs = {
     trigger: DismissTrigger;
 };
-export interface Props {
+interface Props {
     /** Optional statement, to be used in conjunction with the question for the survey
      * Example: "How strongly do you agree or disagree with this statement"
      */

package/dist/types-ts4.5/components/FeedbackAcknowledgement.d.ts

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-declare const _default: () => jsx.JSX.Element;
+import React from 'react';
+declare const _default: () => React.JSX.Element;
 export default _default;

package/dist/types-ts4.5/components/FeedbackScoreButtons.d.ts

@@ -1,11 +1,11 @@
+/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
 interface Props {
     onChange: (value: number) => void;
     value: number | undefined;
 }
-declare const _default: ({ onChange, value }: Props) => jsx.JSX.Element;
+declare const _default: ({ onChange, value }: Props) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/components/SignUpPrompt.d.ts

@@ -1,6 +1,10 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 interface Props {
     onAnswer: (answer: boolean) => Promise<void>;
 }
-declare const _default: ({ onAnswer }: Props) => jsx.JSX.Element;
+declare const _default: ({ onAnswer }: Props) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/components/SignUpSuccess.d.ts

@@ -1,9 +1,5 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+import React from 'react';
 interface Props {
 }
-declare const _default: ({}: Props) => jsx.JSX.Element;
+declare const _default: ({}: Props) => React.JSX.Element;
 export default _default;

package/dist/types-ts4.5/components/SuccessContainer.d.ts

@@ -1,11 +1,6 @@
 /// <reference types="react" />
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
 interface Props {
     children: React.ReactNode;
 }
-declare const _default: ({ children }: Props) => jsx.JSX.Element;
+declare const _default: ({ children }: Props) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/components/SurveyContainer.d.ts

@@ -3,10 +3,9 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
 interface Props {
     children: React.ReactNode;
     onDismiss: () => void;
 }
-declare const _default: ({ children, onDismiss }: Props) => jsx.JSX.Element;
+declare const _default: ({ children, onDismiss }: Props) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/components/SurveyForm.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type OnSubmitHandler } from '@atlaskit/form';
 import { type FormValues } from '../types';
 interface Props {
@@ -8,5 +8,5 @@ interface Props {
     textLabel: string;
     onSubmit: OnSubmitHandler<FormValues>;
 }
-declare const _default: ({ question, statement, textPlaceholder, textLabel, onSubmit }: Props) => jsx.JSX.Element;
+declare const _default: ({ question, statement, textPlaceholder, textLabel, onSubmit }: Props) => JSX.Element;
 export default _default;