@atlaskit/contextual-survey 2.2.16 → 2.2.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/CHANGELOG.md +245 -242
  2. package/afm-jira/tsconfig.json +45 -0
  3. package/dist/cjs/components/FeedbackAcknowledgement.js +2 -0
  4. package/dist/cjs/components/FeedbackScoreButtons.js +8 -0
  5. package/dist/cjs/components/SignUpPrompt.js +6 -1
  6. package/dist/cjs/components/SignUpSuccess.js +2 -0
  7. package/dist/cjs/components/SuccessContainer.js +3 -0
  8. package/dist/cjs/components/SurveyContainer.js +5 -0
  9. package/dist/cjs/components/SurveyForm.js +4 -0
  10. package/dist/cjs/components/SurveyMarshal.js +7 -0
  11. package/dist/es2019/components/FeedbackAcknowledgement.js +2 -0
  12. package/dist/es2019/components/FeedbackScoreButtons.js +8 -0
  13. package/dist/es2019/components/SignUpPrompt.js +6 -1
  14. package/dist/es2019/components/SignUpSuccess.js +2 -0
  15. package/dist/es2019/components/SuccessContainer.js +3 -0
  16. package/dist/es2019/components/SurveyContainer.js +5 -0
  17. package/dist/es2019/components/SurveyForm.js +4 -0
  18. package/dist/es2019/components/SurveyMarshal.js +6 -0
  19. package/dist/esm/components/FeedbackAcknowledgement.js +2 -0
  20. package/dist/esm/components/FeedbackScoreButtons.js +8 -0
  21. package/dist/esm/components/SignUpPrompt.js +6 -1
  22. package/dist/esm/components/SignUpSuccess.js +2 -0
  23. package/dist/esm/components/SuccessContainer.js +3 -0
  24. package/dist/esm/components/SurveyContainer.js +5 -0
  25. package/dist/esm/components/SurveyForm.js +4 -0
  26. package/dist/esm/components/SurveyMarshal.js +6 -0
  27. package/dist/types/components/ContextualSurvey.d.ts +1 -1
  28. package/dist/types/components/SurveyForm.d.ts +3 -3
  29. package/dist/types/components/SurveyMarshal.d.ts +1 -1
  30. package/dist/types/index.d.ts +1 -1
  31. package/dist/types-ts4.5/components/ContextualSurvey.d.ts +1 -1
  32. package/dist/types-ts4.5/components/SurveyForm.d.ts +3 -3
  33. package/dist/types-ts4.5/components/SurveyMarshal.d.ts +1 -1
  34. package/dist/types-ts4.5/index.d.ts +1 -1
  35. package/docs/0-intro.tsx +33 -31
  36. package/package.json +73 -75
  37. package/report.api.md +33 -32
@@ -0,0 +1,45 @@
1
+ {
2
+ "extends": "../../../../tsconfig.entry-points.jira.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../tsDist/@atlaskit__contextual-survey/app",
7
+ "composite": true,
8
+ "rootDir": "../"
9
+ },
10
+ "include": [
11
+ "../src/**/*.ts",
12
+ "../src/**/*.tsx"
13
+ ],
14
+ "exclude": [
15
+ "../src/**/__tests__/*",
16
+ "../src/**/*.test.*",
17
+ "../src/**/test.*"
18
+ ],
19
+ "references": [
20
+ {
21
+ "path": "../../../design-system/button/afm-jira/tsconfig.json"
22
+ },
23
+ {
24
+ "path": "../../../design-system/checkbox/afm-jira/tsconfig.json"
25
+ },
26
+ {
27
+ "path": "../../../design-system/form/afm-jira/tsconfig.json"
28
+ },
29
+ {
30
+ "path": "../../../design-system/icon/afm-jira/tsconfig.json"
31
+ },
32
+ {
33
+ "path": "../../../design-system/textarea/afm-jira/tsconfig.json"
34
+ },
35
+ {
36
+ "path": "../../../design-system/theme/afm-jira/tsconfig.json"
37
+ },
38
+ {
39
+ "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
40
+ },
41
+ {
42
+ "path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
43
+ }
44
+ ]
45
+ }
@@ -9,8 +9,10 @@ var _react = require("@emotion/react");
9
9
  var _typography = require("@atlaskit/theme/typography");
10
10
  var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
11
11
  /** @jsx jsx */
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
12
13
 
13
14
  var styles = (0, _react.css)({
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
14
16
  font: "var(--ds-font-heading-xsmall, ".concat(_typography.fontFallback.heading.xsmall, ")"),
15
17
  marginTop: 0
16
18
  });
@@ -10,6 +10,7 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
10
10
  var _colors = require("@atlaskit/theme/colors");
11
11
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
12
12
  /** @jsx jsx */
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
13
14
 
14
15
  var styles = (0, _react.css)({
15
16
  textAlign: 'right'
@@ -19,14 +20,18 @@ var _default = exports.default = function _default(_ref) {
19
20
  var onChange = _ref.onChange,
20
21
  value = _ref.value;
21
22
  return (0, _react.jsx)("div", null, (0, _react.jsx)("div", {
23
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
22
24
  css: (0, _react.css)({
23
25
  display: 'flex',
24
26
  justifyContent: 'space-between',
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
25
28
  '& > * + *': {
26
29
  marginLeft: "var(--ds-space-100, 8px)"
27
30
  },
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
28
32
  '& > *': {
29
33
  flex: 1,
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
30
35
  '& > button': {
31
36
  justifyContent: 'center'
32
37
  }
@@ -52,6 +57,7 @@ var _default = exports.default = function _default(_ref) {
52
57
  shouldFitContainer: true
53
58
  }, score));
54
59
  })), (0, _react.jsx)("div", {
60
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
55
61
  css: (0, _react.css)({
56
62
  fontSize: '12px',
57
63
  fontWeight: 600,
@@ -59,12 +65,14 @@ var _default = exports.default = function _default(_ref) {
59
65
  display: 'flex',
60
66
  marginTop: "var(--ds-space-100, 8px)",
61
67
  marginBottom: "var(--ds-space-300, 24px)",
68
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
62
69
  '& > span': {
63
70
  width: "var(--ds-space-1000, 80px)"
64
71
  }
65
72
  }),
66
73
  "aria-hidden": true
67
74
  }, (0, _react.jsx)("span", null, "Strongly disagree"), (0, _react.jsx)("span", {
75
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
68
76
  css: (0, _react.css)({
69
77
  textAlign: 'center',
70
78
  margin: '0 auto',
@@ -15,7 +15,10 @@ var _typography = require("@atlaskit/theme/typography");
15
15
  var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
16
16
  /** @jsx jsx */
17
17
 
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
19
+
18
20
  var styles = (0, _react2.css)({
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
19
22
  font: "var(--ds-font-heading-xsmall, ".concat(_typography.fontFallback.heading.xsmall, ")"),
20
23
  margin: 0
21
24
  });
@@ -48,11 +51,13 @@ var _default = exports.default = function _default(_ref) {
48
51
  css: styles
49
52
  }, "Thanks for your feedback"), (0, _react2.jsx)("p", null, "Are you interested in participating in our research?"), (0, _react2.jsx)("p", null, "Sign up for the", ' ', (0, _react2.jsx)("a", {
50
53
  href: "https://www.atlassian.com/research-group"
51
- }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."), (0, _react2.jsx)("div", {
54
+ }, "Atlassian Research Group"), " and we may contact you in the future with research opportunities."), (0, _react2.jsx)("div", {
55
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
52
56
  css: (0, _react2.css)({
53
57
  marginTop: "var(--ds-space-400, 32px)",
54
58
  display: 'flex',
55
59
  justifyContent: 'flex-end',
60
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
56
61
  '& > * + *': {
57
62
  marginLeft: "var(--ds-space-100, 8px)"
58
63
  }
@@ -10,8 +10,10 @@ var _react = require("@emotion/react");
10
10
  var _typography = require("@atlaskit/theme/typography");
11
11
  var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
12
12
  /** @jsx jsx */
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
13
14
 
14
15
  var styles = (0, _react.css)({
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
15
17
  font: "var(--ds-font-heading-xsmall, ".concat(_typography.fontFallback.heading.xsmall, ")"),
16
18
  margin: 0
17
19
  });
@@ -9,13 +9,16 @@ var _react = require("@emotion/react");
9
9
  var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
10
10
  var _colors = require("@atlaskit/theme/colors");
11
11
  /** @jsx jsx */
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
12
13
  var _default = exports.default = function _default(_ref) {
13
14
  var children = _ref.children;
14
15
  return (0, _react.jsx)("section", {
16
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
15
17
  css: (0, _react.css)({
16
18
  marginLeft: "var(--ds-space-500, 40px)"
17
19
  })
18
20
  }, (0, _react.jsx)("div", {
21
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
19
22
  css: (0, _react.css)({
20
23
  position: 'absolute',
21
24
  top: "var(--ds-space-300, 24px)",
@@ -12,18 +12,23 @@ var _colors = require("@atlaskit/theme/colors");
12
12
  var _constants = require("@atlaskit/theme/constants");
13
13
  var _constants2 = require("../constants");
14
14
  /** @jsx jsx */
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
16
  var _default = exports.default = function _default(_ref) {
16
17
  var children = _ref.children,
17
18
  onDismiss = _ref.onDismiss;
18
19
  return (0, _react.jsx)("div", {
20
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
19
21
  css: (0, _react.css)({
20
22
  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
21
24
  borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
22
25
  padding: "var(--ds-space-300, 24px)",
23
26
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
24
28
  width: "".concat(_constants2.surveyInnerWidth, "px")
25
29
  })
26
30
  }, (0, _react.jsx)("div", {
31
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
27
32
  css: (0, _react.css)({
28
33
  position: 'absolute',
29
34
  top: "var(--ds-space-200, 16px)",
@@ -21,6 +21,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
21
21
  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; }
22
22
  /** @jsx jsx */
23
23
 
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
25
+
24
26
  var headingStyles = (0, _react2.css)({
25
27
  fontSize: "".concat((0, _constants.fontSize)(), "px"),
26
28
  fontWeight: 600
@@ -100,9 +102,11 @@ var _default = exports.default = function _default(_ref) {
100
102
  mountOnEnter: true
101
103
  }, function (state) {
102
104
  return (0, _react2.jsx)("div", {
105
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
103
106
  css: (0, _react2.css)({
104
107
  transition: "max-height ".concat(transitionDuration, "ms ease-in-out"),
105
108
  overflow: 'hidden',
109
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
106
110
  maxHeight: getExpandedHeight(expandedAreaRef, state)
107
111
  }),
108
112
  ref: expandedAreaRef
@@ -10,6 +10,8 @@ var _constants = require("@atlaskit/theme/constants");
10
10
  var _constants2 = require("../constants");
11
11
  /** @jsx jsx */
12
12
 
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
14
+
13
15
  var animationDuration = 300;
14
16
  var offscreen = {
15
17
  translateX: "".concat(_constants2.surveyInnerWidth + _constants2.surveyOffset, "px"),
@@ -45,12 +47,17 @@ function SurveyMarshal(props) {
45
47
  translateX = _getAnimationProps.translateX,
46
48
  opacity = _getAnimationProps.opacity;
47
49
  return (0, _react.jsx)("div", {
50
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
48
51
  css: (0, _react.css)({
49
52
  position: 'fixed',
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
50
54
  right: "".concat(_constants2.surveyOffset, "px"),
55
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
51
56
  bottom: "".concat(_constants2.surveyOffset, "px"),
52
57
  zIndex: _constants.layers.flag(),
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
53
59
  transform: "translateX(".concat(translateX, ")"),
60
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
54
61
  opacity: opacity,
55
62
  transition: "all ".concat(animationDuration, "ms ease-in-out"),
56
63
  transitionProperty: 'transform, opacity'
@@ -1,8 +1,10 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { css, jsx } from '@emotion/react';
3
4
  import { fontFallback } from '@atlaskit/theme/typography';
4
5
  import SuccessContainer from './SuccessContainer';
5
6
  const styles = css({
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
6
8
  font: `var(--ds-font-heading-xsmall, ${fontFallback.heading.xsmall})`,
7
9
  marginTop: 0
8
10
  });
@@ -1,4 +1,5 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { css, jsx } from '@emotion/react';
3
4
  import Button from '@atlaskit/button/custom-theme-button';
4
5
  import { N200 } from '@atlaskit/theme/colors';
@@ -11,14 +12,18 @@ export default (({
11
12
  onChange,
12
13
  value
13
14
  }) => jsx("div", null, jsx("div", {
15
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
14
16
  css: css({
15
17
  display: 'flex',
16
18
  justifyContent: 'space-between',
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
17
20
  '& > * + *': {
18
21
  marginLeft: "var(--ds-space-100, 8px)"
19
22
  },
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
24
  '& > *': {
21
25
  flex: 1,
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
22
27
  '& > button': {
23
28
  justifyContent: 'center'
24
29
  }
@@ -42,6 +47,7 @@ export default (({
42
47
  shouldFitContainer: true
43
48
  }, score));
44
49
  })), jsx("div", {
50
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
45
51
  css: css({
46
52
  fontSize: '12px',
47
53
  fontWeight: 600,
@@ -49,12 +55,14 @@ export default (({
49
55
  display: 'flex',
50
56
  marginTop: "var(--ds-space-100, 8px)",
51
57
  marginBottom: "var(--ds-space-300, 24px)",
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
52
59
  '& > span': {
53
60
  width: "var(--ds-space-1000, 80px)"
54
61
  }
55
62
  }),
56
63
  "aria-hidden": true
57
64
  }, jsx("span", null, "Strongly disagree"), jsx("span", {
65
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
58
66
  css: css({
59
67
  textAlign: 'center',
60
68
  margin: '0 auto',
@@ -1,10 +1,13 @@
1
1
  /** @jsx jsx */
2
2
  import { useCallback, useState } from 'react';
3
+
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
5
  import { css, jsx } from '@emotion/react';
4
6
  import Button from '@atlaskit/button/custom-theme-button';
5
7
  import { fontFallback } from '@atlaskit/theme/typography';
6
8
  import SuccessContainer from './SuccessContainer';
7
9
  const styles = css({
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
8
11
  font: `var(--ds-font-heading-xsmall, ${fontFallback.heading.xsmall})`,
9
12
  margin: 0
10
13
  });
@@ -21,11 +24,13 @@ export default (({
21
24
  css: styles
22
25
  }, "Thanks for your feedback"), jsx("p", null, "Are you interested in participating in our research?"), jsx("p", null, "Sign up for the", ' ', jsx("a", {
23
26
  href: "https://www.atlassian.com/research-group"
24
- }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."), jsx("div", {
27
+ }, "Atlassian Research Group"), " and we may contact you in the future with research opportunities."), jsx("div", {
28
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
25
29
  css: css({
26
30
  marginTop: "var(--ds-space-400, 32px)",
27
31
  display: 'flex',
28
32
  justifyContent: 'flex-end',
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
29
34
  '& > * + *': {
30
35
  marginLeft: "var(--ds-space-100, 8px)"
31
36
  }
@@ -1,8 +1,10 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { css, jsx } from '@emotion/react';
3
4
  import { fontFallback } from '@atlaskit/theme/typography';
4
5
  import SuccessContainer from './SuccessContainer';
5
6
  const styles = css({
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
6
8
  font: `var(--ds-font-heading-xsmall, ${fontFallback.heading.xsmall})`,
7
9
  margin: 0
8
10
  });
@@ -1,14 +1,17 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { css, jsx } from '@emotion/react';
3
4
  import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
4
5
  import { G300 } from '@atlaskit/theme/colors';
5
6
  export default (({
6
7
  children
7
8
  }) => jsx("section", {
9
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
8
10
  css: css({
9
11
  marginLeft: "var(--ds-space-500, 40px)"
10
12
  })
11
13
  }, jsx("div", {
14
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
12
15
  css: css({
13
16
  position: 'absolute',
14
17
  top: "var(--ds-space-300, 24px)",
@@ -1,4 +1,5 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { css, jsx } from '@emotion/react';
3
4
  import Button from '@atlaskit/button/custom-theme-button';
4
5
  import CrossIcon from '@atlaskit/icon/glyph/cross';
@@ -10,14 +11,18 @@ export default (({
10
11
  onDismiss
11
12
  }) => {
12
13
  return jsx("div", {
14
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
13
15
  css: css({
14
16
  backgroundColor: `var(--ds-surface-overlay, ${N0})`,
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
15
18
  borderRadius: `${borderRadius()}px`,
16
19
  padding: "var(--ds-space-300, 24px)",
17
20
  boxShadow: `var(--ds-shadow-overlay, ${`0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`})`,
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
18
22
  width: `${surveyInnerWidth}px`
19
23
  })
20
24
  }, jsx("div", {
25
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
21
26
  css: css({
22
27
  position: 'absolute',
23
28
  top: "var(--ds-space-200, 16px)",
@@ -1,6 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /** @jsx jsx */
3
3
  import { useCallback, useRef, useState } from 'react';
4
+
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
6
  import { css, jsx } from '@emotion/react';
5
7
  import { Transition } from 'react-transition-group';
6
8
  import Button from '@atlaskit/button/custom-theme-button';
@@ -81,9 +83,11 @@ export default (({
81
83
  timeout: transitionDuration,
82
84
  mountOnEnter: true
83
85
  }, state => jsx("div", {
86
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
84
87
  css: css({
85
88
  transition: `max-height ${transitionDuration}ms ease-in-out`,
86
89
  overflow: 'hidden',
90
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
87
91
  maxHeight: getExpandedHeight(expandedAreaRef, state)
88
92
  }),
89
93
  ref: expandedAreaRef
@@ -1,5 +1,6 @@
1
1
  /** @jsx jsx */
2
2
 
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
4
  import { css, jsx } from '@emotion/react';
4
5
  import { Transition } from 'react-transition-group';
5
6
  import { layers } from '@atlaskit/theme/constants';
@@ -42,12 +43,17 @@ export default function SurveyMarshal(props) {
42
43
  opacity
43
44
  } = getAnimationProps(state);
44
45
  return jsx("div", {
46
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
45
47
  css: css({
46
48
  position: 'fixed',
49
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
47
50
  right: `${surveyOffset}px`,
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
48
52
  bottom: `${surveyOffset}px`,
49
53
  zIndex: layers.flag(),
54
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
50
55
  transform: `translateX(${translateX})`,
56
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
51
57
  opacity: opacity,
52
58
  transition: `all ${animationDuration}ms ease-in-out`,
53
59
  transitionProperty: 'transform, opacity'
@@ -1,8 +1,10 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { css, jsx } from '@emotion/react';
3
4
  import { fontFallback } from '@atlaskit/theme/typography';
4
5
  import SuccessContainer from './SuccessContainer';
5
6
  var styles = css({
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
6
8
  font: "var(--ds-font-heading-xsmall, ".concat(fontFallback.heading.xsmall, ")"),
7
9
  marginTop: 0
8
10
  });
@@ -1,4 +1,5 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { css, jsx } from '@emotion/react';
3
4
  import Button from '@atlaskit/button/custom-theme-button';
4
5
  import { N200 } from '@atlaskit/theme/colors';
@@ -11,14 +12,18 @@ export default (function (_ref) {
11
12
  var onChange = _ref.onChange,
12
13
  value = _ref.value;
13
14
  return jsx("div", null, jsx("div", {
15
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
14
16
  css: css({
15
17
  display: 'flex',
16
18
  justifyContent: 'space-between',
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
17
20
  '& > * + *': {
18
21
  marginLeft: "var(--ds-space-100, 8px)"
19
22
  },
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
24
  '& > *': {
21
25
  flex: 1,
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
22
27
  '& > button': {
23
28
  justifyContent: 'center'
24
29
  }
@@ -44,6 +49,7 @@ export default (function (_ref) {
44
49
  shouldFitContainer: true
45
50
  }, score));
46
51
  })), jsx("div", {
52
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
47
53
  css: css({
48
54
  fontSize: '12px',
49
55
  fontWeight: 600,
@@ -51,12 +57,14 @@ export default (function (_ref) {
51
57
  display: 'flex',
52
58
  marginTop: "var(--ds-space-100, 8px)",
53
59
  marginBottom: "var(--ds-space-300, 24px)",
60
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
54
61
  '& > span': {
55
62
  width: "var(--ds-space-1000, 80px)"
56
63
  }
57
64
  }),
58
65
  "aria-hidden": true
59
66
  }, jsx("span", null, "Strongly disagree"), jsx("span", {
67
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
60
68
  css: css({
61
69
  textAlign: 'center',
62
70
  margin: '0 auto',
@@ -3,11 +3,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import _regeneratorRuntime from "@babel/runtime/regenerator";
4
4
  /** @jsx jsx */
5
5
  import { useCallback, useState } from 'react';
6
+
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
8
  import { css, jsx } from '@emotion/react';
7
9
  import Button from '@atlaskit/button/custom-theme-button';
8
10
  import { fontFallback } from '@atlaskit/theme/typography';
9
11
  import SuccessContainer from './SuccessContainer';
10
12
  var styles = css({
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
11
14
  font: "var(--ds-font-heading-xsmall, ".concat(fontFallback.heading.xsmall, ")"),
12
15
  margin: 0
13
16
  });
@@ -40,11 +43,13 @@ export default (function (_ref) {
40
43
  css: styles
41
44
  }, "Thanks for your feedback"), jsx("p", null, "Are you interested in participating in our research?"), jsx("p", null, "Sign up for the", ' ', jsx("a", {
42
45
  href: "https://www.atlassian.com/research-group"
43
- }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."), jsx("div", {
46
+ }, "Atlassian Research Group"), " and we may contact you in the future with research opportunities."), jsx("div", {
47
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
44
48
  css: css({
45
49
  marginTop: "var(--ds-space-400, 32px)",
46
50
  display: 'flex',
47
51
  justifyContent: 'flex-end',
52
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
48
53
  '& > * + *': {
49
54
  marginLeft: "var(--ds-space-100, 8px)"
50
55
  }
@@ -1,9 +1,11 @@
1
1
  import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
2
2
  /** @jsx jsx */
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
4
  import { css, jsx } from '@emotion/react';
4
5
  import { fontFallback } from '@atlaskit/theme/typography';
5
6
  import SuccessContainer from './SuccessContainer';
6
7
  var styles = css({
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
7
9
  font: "var(--ds-font-heading-xsmall, ".concat(fontFallback.heading.xsmall, ")"),
8
10
  margin: 0
9
11
  });
@@ -1,14 +1,17 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { css, jsx } from '@emotion/react';
3
4
  import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
4
5
  import { G300 } from '@atlaskit/theme/colors';
5
6
  export default (function (_ref) {
6
7
  var children = _ref.children;
7
8
  return jsx("section", {
9
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
8
10
  css: css({
9
11
  marginLeft: "var(--ds-space-500, 40px)"
10
12
  })
11
13
  }, jsx("div", {
14
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
12
15
  css: css({
13
16
  position: 'absolute',
14
17
  top: "var(--ds-space-300, 24px)",
@@ -1,4 +1,5 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { css, jsx } from '@emotion/react';
3
4
  import Button from '@atlaskit/button/custom-theme-button';
4
5
  import CrossIcon from '@atlaskit/icon/glyph/cross';
@@ -9,14 +10,18 @@ export default (function (_ref) {
9
10
  var children = _ref.children,
10
11
  onDismiss = _ref.onDismiss;
11
12
  return jsx("div", {
13
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
12
14
  css: css({
13
15
  backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
14
17
  borderRadius: "".concat(borderRadius(), "px"),
15
18
  padding: "var(--ds-space-300, 24px)",
16
19
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
17
21
  width: "".concat(surveyInnerWidth, "px")
18
22
  })
19
23
  }, jsx("div", {
24
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
20
25
  css: css({
21
26
  position: 'absolute',
22
27
  top: "var(--ds-space-200, 16px)",
@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  /** @jsx jsx */
4
4
  import { useCallback, useRef, useState } from 'react';
5
+
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
5
7
  import { css, jsx } from '@emotion/react';
6
8
  import { Transition } from 'react-transition-group';
7
9
  import Button from '@atlaskit/button/custom-theme-button';
@@ -89,9 +91,11 @@ export default (function (_ref) {
89
91
  mountOnEnter: true
90
92
  }, function (state) {
91
93
  return jsx("div", {
94
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
92
95
  css: css({
93
96
  transition: "max-height ".concat(transitionDuration, "ms ease-in-out"),
94
97
  overflow: 'hidden',
98
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
95
99
  maxHeight: getExpandedHeight(expandedAreaRef, state)
96
100
  }),
97
101
  ref: expandedAreaRef
@@ -1,5 +1,6 @@
1
1
  /** @jsx jsx */
2
2
 
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
4
  import { css, jsx } from '@emotion/react';
4
5
  import { Transition } from 'react-transition-group';
5
6
  import { layers } from '@atlaskit/theme/constants';
@@ -39,12 +40,17 @@ export default function SurveyMarshal(props) {
39
40
  translateX = _getAnimationProps.translateX,
40
41
  opacity = _getAnimationProps.opacity;
41
42
  return jsx("div", {
43
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
42
44
  css: css({
43
45
  position: 'fixed',
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
44
47
  right: "".concat(surveyOffset, "px"),
48
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
45
49
  bottom: "".concat(surveyOffset, "px"),
46
50
  zIndex: layers.flag(),
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
47
52
  transform: "translateX(".concat(translateX, ")"),
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
48
54
  opacity: opacity,
49
55
  transition: "all ".concat(animationDuration, "ms ease-in-out"),
50
56
  transitionProperty: 'transform, opacity'