@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.
- package/CHANGELOG.md +245 -242
- package/afm-jira/tsconfig.json +45 -0
- package/dist/cjs/components/FeedbackAcknowledgement.js +2 -0
- package/dist/cjs/components/FeedbackScoreButtons.js +8 -0
- package/dist/cjs/components/SignUpPrompt.js +6 -1
- package/dist/cjs/components/SignUpSuccess.js +2 -0
- package/dist/cjs/components/SuccessContainer.js +3 -0
- package/dist/cjs/components/SurveyContainer.js +5 -0
- package/dist/cjs/components/SurveyForm.js +4 -0
- package/dist/cjs/components/SurveyMarshal.js +7 -0
- package/dist/es2019/components/FeedbackAcknowledgement.js +2 -0
- package/dist/es2019/components/FeedbackScoreButtons.js +8 -0
- package/dist/es2019/components/SignUpPrompt.js +6 -1
- package/dist/es2019/components/SignUpSuccess.js +2 -0
- package/dist/es2019/components/SuccessContainer.js +3 -0
- package/dist/es2019/components/SurveyContainer.js +5 -0
- package/dist/es2019/components/SurveyForm.js +4 -0
- package/dist/es2019/components/SurveyMarshal.js +6 -0
- package/dist/esm/components/FeedbackAcknowledgement.js +2 -0
- package/dist/esm/components/FeedbackScoreButtons.js +8 -0
- package/dist/esm/components/SignUpPrompt.js +6 -1
- package/dist/esm/components/SignUpSuccess.js +2 -0
- package/dist/esm/components/SuccessContainer.js +3 -0
- package/dist/esm/components/SurveyContainer.js +5 -0
- package/dist/esm/components/SurveyForm.js +4 -0
- package/dist/esm/components/SurveyMarshal.js +6 -0
- package/dist/types/components/ContextualSurvey.d.ts +1 -1
- package/dist/types/components/SurveyForm.d.ts +3 -3
- package/dist/types/components/SurveyMarshal.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types-ts4.5/components/ContextualSurvey.d.ts +1 -1
- package/dist/types-ts4.5/components/SurveyForm.d.ts +3 -3
- package/dist/types-ts4.5/components/SurveyMarshal.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/docs/0-intro.tsx +33 -31
- package/package.json +73 -75
- 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"),
|
|
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"),
|
|
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"),
|
|
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'
|