@atlaskit/contextual-survey 2.2.13 → 2.2.14

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 (11) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/components/FeedbackAcknowledgement.js +6 -4
  3. package/dist/cjs/components/SignUpPrompt.js +14 -5
  4. package/dist/cjs/components/SignUpSuccess.js +6 -4
  5. package/dist/es2019/components/FeedbackAcknowledgement.js +5 -7
  6. package/dist/es2019/components/SignUpPrompt.js +13 -16
  7. package/dist/es2019/components/SignUpSuccess.js +5 -7
  8. package/dist/esm/components/FeedbackAcknowledgement.js +5 -4
  9. package/dist/esm/components/SignUpPrompt.js +13 -5
  10. package/dist/esm/components/SignUpSuccess.js +5 -4
  11. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/contextual-survey
2
2
 
3
+ ## 2.2.14
4
+
5
+ ### Patch Changes
6
+
7
+ - [#83176](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83176) [`5c64e4657ef3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5c64e4657ef3) - [ux] Minor changes to replace deprecated font tokens with new tokens. There may be some very slight differences in font size if the previous value was incorrectly applied, and slight differences in line height to match the new typography system.
8
+ - Updated dependencies
9
+
3
10
  ## 2.2.13
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/components/FeedbackAcknowledgement.js CHANGED
@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
8
  var _react = require("@emotion/react");
10
- var _constants = require("@atlaskit/theme/constants");
11
9
  var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
12
- var _templateObject;
13
10
  /** @jsx jsx */
11
+
12
+ var styles = (0, _react.css)({
13
+ font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
14
+ marginTop: 0
15
+ });
14
16
  var _default = exports.default = function _default() {
15
17
  return (0, _react.jsx)(_SuccessContainer.default, null, (0, _react.jsx)("h1", {
16
- css: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-size: ", "px;\n font-weight: 600;\n margin-top: 0;\n line-height: ", ";\n "])), (0, _constants.fontSize)(), "var(--ds-font-lineHeight-300, 24px)")
18
+ css: styles
17
19
  }, "Thanks for your feedback"));
18
20
  };
package/dist/cjs/components/SignUpPrompt.js CHANGED
@@ -5,17 +5,19 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
8
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
10
9
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
11
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
11
  var _react = require("react");
13
12
  var _react2 = require("@emotion/react");
14
13
  var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
15
- var _constants = require("@atlaskit/theme/constants");
16
14
  var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
17
- var _templateObject, _templateObject2;
18
15
  /** @jsx jsx */
16
+
17
+ var styles = (0, _react2.css)({
18
+ font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
19
+ margin: 0
20
+ });
19
21
  var _default = exports.default = function _default(_ref) {
20
22
  var onAnswer = _ref.onAnswer;
21
23
  var _useState = (0, _react.useState)(null),
@@ -42,11 +44,18 @@ var _default = exports.default = function _default(_ref) {
42
44
  }(), [setPending, onAnswer]);
43
45
  var isDisabled = Boolean(pending);
44
46
  return (0, _react2.jsx)(_SuccessContainer.default, null, (0, _react2.jsx)("h1", {
45
- css: (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-size: ", "px;\n font-weight: 600;\n margin: 0;\n line-height: ", ";\n "])), (0, _constants.fontSize)(), "var(--ds-font-lineHeight-300, 24px)")
47
+ css: styles
46
48
  }, "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", {
47
49
  href: "https://www.atlassian.com/research-group"
48
50
  }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."), (0, _react2.jsx)("div", {
49
- css: (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: ", ";\n display: flex;\n justify-content: flex-end;\n\n & > * + * {\n margin-left: ", ";\n }\n "])), "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)")
51
+ css: (0, _react2.css)({
52
+ marginTop: "var(--ds-space-400, 32px)",
53
+ display: 'flex',
54
+ justifyContent: 'flex-end',
55
+ '& > * + *': {
56
+ marginLeft: "var(--ds-space-100, 8px)"
57
+ }
58
+ })
50
59
  }, (0, _react2.jsx)(_customThemeButton.default, {
51
60
  appearance: "subtle",
52
61
  onClick: function onClick() {
package/dist/cjs/components/SignUpSuccess.js CHANGED
@@ -5,16 +5,18 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
8
  var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
10
9
  var _react = require("@emotion/react");
11
- var _constants = require("@atlaskit/theme/constants");
12
10
  var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
13
- var _templateObject;
14
11
  /** @jsx jsx */
12
+
13
+ var styles = (0, _react.css)({
14
+ font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
15
+ margin: 0
16
+ });
15
17
  var _default = exports.default = function _default(_ref) {
16
18
  (0, _objectDestructuringEmpty2.default)(_ref);
17
19
  return (0, _react.jsx)(_SuccessContainer.default, null, (0, _react.jsx)("h1", {
18
- css: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-size: ", "px;\n font-weight: 600;\n line-height: ", ";\n margin: 0;\n "])), (0, _constants.fontSize)(), "var(--ds-font-lineHeight-300, 24px)")
20
+ css: styles
19
21
  }, "Thanks for signing up"), (0, _react.jsx)("p", null, "We may reach out to you in the future to participate in additional research."));
20
22
  };
package/dist/es2019/components/FeedbackAcknowledgement.js CHANGED
@@ -1,12 +1,10 @@
1
1
  /** @jsx jsx */
2
2
  import { css, jsx } from '@emotion/react';
3
- import { fontSize } from '@atlaskit/theme/constants';
4
3
  import SuccessContainer from './SuccessContainer';
4
+ const styles = css({
5
+ font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
6
+ marginTop: 0
7
+ });
5
8
  export default (() => jsx(SuccessContainer, null, jsx("h1", {
6
- css: css`
7
- font-size: ${fontSize()}px;
8
- font-weight: 600;
9
- margin-top: 0;
10
- line-height: ${"var(--ds-font-lineHeight-300, 24px)"};
11
- `
9
+ css: styles
12
10
  }, "Thanks for your feedback")));
package/dist/es2019/components/SignUpPrompt.js CHANGED
@@ -2,8 +2,11 @@
2
2
  import { useCallback, useState } from 'react';
3
3
  import { css, jsx } from '@emotion/react';
4
4
  import Button from '@atlaskit/button/custom-theme-button';
5
- import { fontSize } from '@atlaskit/theme/constants';
6
5
  import SuccessContainer from './SuccessContainer';
6
+ const styles = css({
7
+ font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
8
+ margin: 0
9
+ });
7
10
  export default (({
8
11
  onAnswer
9
12
  }) => {
@@ -14,24 +17,18 @@ export default (({
14
17
  }, [setPending, onAnswer]);
15
18
  const isDisabled = Boolean(pending);
16
19
  return jsx(SuccessContainer, null, jsx("h1", {
17
- css: css`
18
- font-size: ${fontSize()}px;
19
- font-weight: 600;
20
- margin: 0;
21
- line-height: ${"var(--ds-font-lineHeight-300, 24px)"};
22
- `
20
+ css: styles
23
21
  }, "Thanks for your feedback"), jsx("p", null, "Are you interested in participating in our research?"), jsx("p", null, "Sign up for the", ' ', jsx("a", {
24
22
  href: "https://www.atlassian.com/research-group"
25
23
  }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."), jsx("div", {
26
- css: css`
27
- margin-top: ${"var(--ds-space-400, 32px)"};
28
- display: flex;
29
- justify-content: flex-end;
30
-
31
- & > * + * {
32
- margin-left: ${"var(--ds-space-100, 8px)"};
33
- }
34
- `
24
+ css: css({
25
+ marginTop: "var(--ds-space-400, 32px)",
26
+ display: 'flex',
27
+ justifyContent: 'flex-end',
28
+ '& > * + *': {
29
+ marginLeft: "var(--ds-space-100, 8px)"
30
+ }
31
+ })
35
32
  }, jsx(Button, {
36
33
  appearance: "subtle",
37
34
  onClick: () => answeredWith(false),
package/dist/es2019/components/SignUpSuccess.js CHANGED
@@ -1,12 +1,10 @@
1
1
  /** @jsx jsx */
2
2
  import { css, jsx } from '@emotion/react';
3
- import { fontSize } from '@atlaskit/theme/constants';
4
3
  import SuccessContainer from './SuccessContainer';
4
+ const styles = css({
5
+ font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
6
+ margin: 0
7
+ });
5
8
  export default (({}) => jsx(SuccessContainer, null, jsx("h1", {
6
- css: css`
7
- font-size: ${fontSize()}px;
8
- font-weight: 600;
9
- line-height: ${"var(--ds-font-lineHeight-300, 24px)"};
10
- margin: 0;
11
- `
9
+ css: styles
12
10
  }, "Thanks for signing up"), jsx("p", null, "We may reach out to you in the future to participate in additional research.")));
package/dist/esm/components/FeedbackAcknowledgement.js CHANGED
@@ -1,11 +1,12 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
1
  /** @jsx jsx */
4
2
  import { css, jsx } from '@emotion/react';
5
- import { fontSize } from '@atlaskit/theme/constants';
6
3
  import SuccessContainer from './SuccessContainer';
4
+ var styles = css({
5
+ font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
6
+ marginTop: 0
7
+ });
7
8
  export default (function () {
8
9
  return jsx(SuccessContainer, null, jsx("h1", {
9
- css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", "px;\n font-weight: 600;\n margin-top: 0;\n line-height: ", ";\n "])), fontSize(), "var(--ds-font-lineHeight-300, 24px)")
10
+ css: styles
10
11
  }, "Thanks for your feedback"));
11
12
  });
package/dist/esm/components/SignUpPrompt.js CHANGED
@@ -1,14 +1,15 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
1
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
3
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
- var _templateObject, _templateObject2;
5
3
  import _regeneratorRuntime from "@babel/runtime/regenerator";
6
4
  /** @jsx jsx */
7
5
  import { useCallback, useState } from 'react';
8
6
  import { css, jsx } from '@emotion/react';
9
7
  import Button from '@atlaskit/button/custom-theme-button';
10
- import { fontSize } from '@atlaskit/theme/constants';
11
8
  import SuccessContainer from './SuccessContainer';
9
+ var styles = css({
10
+ font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
11
+ margin: 0
12
+ });
12
13
  export default (function (_ref) {
13
14
  var onAnswer = _ref.onAnswer;
14
15
  var _useState = useState(null),
@@ -35,11 +36,18 @@ export default (function (_ref) {
35
36
  }(), [setPending, onAnswer]);
36
37
  var isDisabled = Boolean(pending);
37
38
  return jsx(SuccessContainer, null, jsx("h1", {
38
- css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", "px;\n font-weight: 600;\n margin: 0;\n line-height: ", ";\n "])), fontSize(), "var(--ds-font-lineHeight-300, 24px)")
39
+ css: styles
39
40
  }, "Thanks for your feedback"), jsx("p", null, "Are you interested in participating in our research?"), jsx("p", null, "Sign up for the", ' ', jsx("a", {
40
41
  href: "https://www.atlassian.com/research-group"
41
42
  }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."), jsx("div", {
42
- css: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-top: ", ";\n display: flex;\n justify-content: flex-end;\n\n & > * + * {\n margin-left: ", ";\n }\n "])), "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)")
43
+ css: css({
44
+ marginTop: "var(--ds-space-400, 32px)",
45
+ display: 'flex',
46
+ justifyContent: 'flex-end',
47
+ '& > * + *': {
48
+ marginLeft: "var(--ds-space-100, 8px)"
49
+ }
50
+ })
43
51
  }, jsx(Button, {
44
52
  appearance: "subtle",
45
53
  onClick: function onClick() {
package/dist/esm/components/SignUpSuccess.js CHANGED
@@ -1,13 +1,14 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
1
  import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
3
- var _templateObject;
4
2
  /** @jsx jsx */
5
3
  import { css, jsx } from '@emotion/react';
6
- import { fontSize } from '@atlaskit/theme/constants';
7
4
  import SuccessContainer from './SuccessContainer';
5
+ var styles = css({
6
+ font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
7
+ margin: 0
8
+ });
8
9
  export default (function (_ref) {
9
10
  _objectDestructuringEmpty(_ref);
10
11
  return jsx(SuccessContainer, null, jsx("h1", {
11
- css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", "px;\n font-weight: 600;\n line-height: ", ";\n margin: 0;\n "])), fontSize(), "var(--ds-font-lineHeight-300, 24px)")
12
+ css: styles
12
13
  }, "Thanks for signing up"), jsx("p", null, "We may reach out to you in the future to participate in additional research."));
13
14
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/contextual-survey",
3
- "version": "2.2.13",
3
+ "version": "2.2.14",
4
4
  "description": "A React component used to ask the user for feedback",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,9 +37,9 @@
37
37
  "dependencies": {
38
38
  "@atlaskit/button": "^17.7.0",
39
39
  "@atlaskit/checkbox": "^13.1.0",
40
- "@atlaskit/form": "^9.0.3",
40
+ "@atlaskit/form": "^9.1.0",
41
41
  "@atlaskit/icon": "^22.1.0",
42
- "@atlaskit/textarea": "^5.1.0",
42
+ "@atlaskit/textarea": "^5.2.0",
43
43
  "@atlaskit/theme": "^12.6.0",
44
44
  "@atlaskit/tokens": "^1.42.0",
45
45
  "@atlaskit/tooltip": "^18.1.0",