@atlaskit/contextual-survey 2.2.12 → 2.2.14

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/contextual-survey
 
+## 2.2.14
+
+### Patch Changes
+
+- [#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.
+- Updated dependencies
+
+## 2.2.13
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
 ## 2.2.12
 
 ### Patch Changes

package/constants/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/constants.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/constants.d.ts"
       ]

package/dist/cjs/components/ContextualSurvey.js

@@ -16,8 +16,8 @@ var _SignUpSuccess = _interopRequireDefault(require("./SignUpSuccess"));
 var _SurveyContainer = _interopRequireDefault(require("./SurveyContainer"));
 var _SurveyForm = _interopRequireDefault(require("./SurveyForm"));
 var _useEscapeToDismiss = _interopRequireDefault(require("./useEscapeToDismiss"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+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; }
 var DismissTrigger = exports.DismissTrigger = /*#__PURE__*/function (DismissTrigger) {
   DismissTrigger["AutoDismiss"] = "AUTO_DISMISS";
   DismissTrigger["Manual"] = "MANUAL";

package/dist/cjs/components/FeedbackAcknowledgement.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
 var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
-var _templateObject;
 /** @jsx jsx */
+
+var styles = (0, _react.css)({
+  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)",
+  marginTop: 0
+});
 var _default = exports.default = function _default() {
   return (0, _react.jsx)(_SuccessContainer.default, null, (0, _react.jsx)("h1", {
-    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)")
+    css: styles
   }, "Thanks for your feedback"));
 };

package/dist/cjs/components/SignUpPrompt.js

@@ -5,17 +5,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _constants = require("@atlaskit/theme/constants");
 var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
-var _templateObject, _templateObject2;
 /** @jsx jsx */
+
+var styles = (0, _react2.css)({
+  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)",
+  margin: 0
+});
 var _default = exports.default = function _default(_ref) {
   var onAnswer = _ref.onAnswer;
   var _useState = (0, _react.useState)(null),
@@ -42,11 +44,18 @@ var _default = exports.default = function _default(_ref) {
   }(), [setPending, onAnswer]);
   var isDisabled = Boolean(pending);
   return (0, _react2.jsx)(_SuccessContainer.default, null, (0, _react2.jsx)("h1", {
-    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)")
+    css: styles
   }, "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", {
     href: "https://www.atlassian.com/research-group"
   }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."), (0, _react2.jsx)("div", {
-    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)")
+    css: (0, _react2.css)({
+      marginTop: "var(--ds-space-400, 32px)",
+      display: 'flex',
+      justifyContent: 'flex-end',
+      '& > * + *': {
+        marginLeft: "var(--ds-space-100, 8px)"
+      }
+    })
   }, (0, _react2.jsx)(_customThemeButton.default, {
     appearance: "subtle",
     onClick: function onClick() {

package/dist/cjs/components/SignUpSuccess.js

@@ -5,16 +5,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _react = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
 var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
-var _templateObject;
 /** @jsx jsx */
+
+var styles = (0, _react.css)({
+  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)",
+  margin: 0
+});
 var _default = exports.default = function _default(_ref) {
   (0, _objectDestructuringEmpty2.default)(_ref);
   return (0, _react.jsx)(_SuccessContainer.default, null, (0, _react.jsx)("h1", {
-    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)")
+    css: styles
   }, "Thanks for signing up"), (0, _react.jsx)("p", null, "We may reach out to you in the future to participate in additional research."));
 };

package/dist/cjs/components/SurveyForm.js

@@ -20,8 +20,8 @@ var _constants = require("@atlaskit/theme/constants");
 var _FeedbackScoreButtons = _interopRequireDefault(require("./FeedbackScoreButtons"));
 var _templateObject, _templateObject2;
 /** @jsx jsx */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+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; }
 var getExpandedHeight = function getExpandedHeight(ref, state) {
   if (!ref.current) {
     return '0';

package/dist/cjs/index.js

@@ -25,5 +25,5 @@ Object.defineProperty(exports, "SurveyMarshal", {
 });
 var _ContextualSurvey = _interopRequireWildcard(require("./components/ContextualSurvey"));
 var _SurveyMarshal = _interopRequireDefault(require("./components/SurveyMarshal"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+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; }

package/dist/cjs/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/es2019/components/FeedbackAcknowledgement.js

@@ -1,12 +1,10 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-import { fontSize } from '@atlaskit/theme/constants';
 import SuccessContainer from './SuccessContainer';
+const styles = css({
+  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)",
+  marginTop: 0
+});
 export default (() => jsx(SuccessContainer, null, jsx("h1", {
-  css: css`
-        font-size: ${fontSize()}px;
-        font-weight: 600;
-        margin-top: 0;
-        line-height: ${"var(--ds-font-lineHeight-300, 24px)"};
-      `
+  css: styles
 }, "Thanks for your feedback")));

package/dist/es2019/components/SignUpPrompt.js

@@ -2,8 +2,11 @@
 import { useCallback, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
-import { fontSize } from '@atlaskit/theme/constants';
 import SuccessContainer from './SuccessContainer';
+const styles = css({
+  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)",
+  margin: 0
+});
 export default (({
   onAnswer
 }) => {
@@ -14,24 +17,18 @@ export default (({
   }, [setPending, onAnswer]);
   const isDisabled = Boolean(pending);
   return jsx(SuccessContainer, null, jsx("h1", {
-    css: css`
-          font-size: ${fontSize()}px;
-          font-weight: 600;
-          margin: 0;
-          line-height: ${"var(--ds-font-lineHeight-300, 24px)"};
-        `
+    css: styles
   }, "Thanks for your feedback"), jsx("p", null, "Are you interested in participating in our research?"), jsx("p", null, "Sign up for the", ' ', jsx("a", {
     href: "https://www.atlassian.com/research-group"
   }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."), jsx("div", {
-    css: css`
-          margin-top: ${"var(--ds-space-400, 32px)"};
-          display: flex;
-          justify-content: flex-end;
-
-          & > * + * {
-            margin-left: ${"var(--ds-space-100, 8px)"};
-          }
-        `
+    css: css({
+      marginTop: "var(--ds-space-400, 32px)",
+      display: 'flex',
+      justifyContent: 'flex-end',
+      '& > * + *': {
+        marginLeft: "var(--ds-space-100, 8px)"
+      }
+    })
   }, jsx(Button, {
     appearance: "subtle",
     onClick: () => answeredWith(false),

package/dist/es2019/components/SignUpSuccess.js

@@ -1,12 +1,10 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-import { fontSize } from '@atlaskit/theme/constants';
 import SuccessContainer from './SuccessContainer';
+const styles = css({
+  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)",
+  margin: 0
+});
 export default (({}) => jsx(SuccessContainer, null, jsx("h1", {
-  css: css`
-        font-size: ${fontSize()}px;
-        font-weight: 600;
-        line-height: ${"var(--ds-font-lineHeight-300, 24px)"};
-        margin: 0;
-      `
+  css: styles
 }, "Thanks for signing up"), jsx("p", null, "We may reach out to you in the future to participate in additional research.")));

package/dist/es2019/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/components/FeedbackAcknowledgement.js

@@ -1,11 +1,12 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-import { fontSize } from '@atlaskit/theme/constants';
 import SuccessContainer from './SuccessContainer';
+var styles = css({
+  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)",
+  marginTop: 0
+});
 export default (function () {
   return jsx(SuccessContainer, null, jsx("h1", {
-    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)")
+    css: styles
   }, "Thanks for your feedback"));
 });

package/dist/esm/components/SignUpPrompt.js

@@ -1,14 +1,15 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _templateObject, _templateObject2;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 /** @jsx jsx */
 import { useCallback, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
-import { fontSize } from '@atlaskit/theme/constants';
 import SuccessContainer from './SuccessContainer';
+var styles = css({
+  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)",
+  margin: 0
+});
 export default (function (_ref) {
   var onAnswer = _ref.onAnswer;
   var _useState = useState(null),
@@ -35,11 +36,18 @@ export default (function (_ref) {
   }(), [setPending, onAnswer]);
   var isDisabled = Boolean(pending);
   return jsx(SuccessContainer, null, jsx("h1", {
-    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)")
+    css: styles
   }, "Thanks for your feedback"), jsx("p", null, "Are you interested in participating in our research?"), jsx("p", null, "Sign up for the", ' ', jsx("a", {
     href: "https://www.atlassian.com/research-group"
   }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."), jsx("div", {
-    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)")
+    css: css({
+      marginTop: "var(--ds-space-400, 32px)",
+      display: 'flex',
+      justifyContent: 'flex-end',
+      '& > * + *': {
+        marginLeft: "var(--ds-space-100, 8px)"
+      }
+    })
   }, jsx(Button, {
     appearance: "subtle",
     onClick: function onClick() {

package/dist/esm/components/SignUpSuccess.js

@@ -1,13 +1,14 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
-var _templateObject;
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-import { fontSize } from '@atlaskit/theme/constants';
 import SuccessContainer from './SuccessContainer';
+var styles = css({
+  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)",
+  margin: 0
+});
 export default (function (_ref) {
   _objectDestructuringEmpty(_ref);
   return jsx(SuccessContainer, null, jsx("h1", {
-    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)")
+    css: styles
   }, "Thanks for signing up"), jsx("p", null, "We may reach out to you in the future to participate in additional research."));
 });

package/dist/esm/types.js

@@ -1 +0,0 @@
-export {};

package/docs/0-intro.tsx

@@ -8,16 +8,17 @@ import {
   md,
   Props,
 } from '@atlaskit/docs';
+import { token } from '@atlaskit/tokens';
 
 const BasicExample = require('../examples/00-usage').default;
 
 export default md`
   ${(
     <>
-      <div style={{ marginBottom: '0.5rem' }}>
+      <div style={{ marginBottom: token('space.100', '0.5rem') }}>
         <AtlassianInternalWarning />
       </div>
-      <div style={{ marginTop: '0.5rem' }}>
+      <div style={{ marginTop: token('space.100', '0.5rem') }}>
         <DevPreviewWarning />
       </div>
     </>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/contextual-survey",
-  "version": "2.2.12",
+  "version": "2.2.14",
   "description": "A React component used to ask the user for feedback",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,13 +35,13 @@
     }
   },
   "dependencies": {
-    "@atlaskit/button": "^17.2.0",
-    "@atlaskit/checkbox": "^13.0.0",
-    "@atlaskit/form": "^9.0.3",
-    "@atlaskit/icon": "^22.0.0",
-    "@atlaskit/textarea": "^5.0.0",
+    "@atlaskit/button": "^17.7.0",
+    "@atlaskit/checkbox": "^13.1.0",
+    "@atlaskit/form": "^9.1.0",
+    "@atlaskit/icon": "^22.1.0",
+    "@atlaskit/textarea": "^5.2.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.34.0",
+    "@atlaskit/tokens": "^1.42.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -54,7 +54,7 @@
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",
     "@types/react-transition-group": "^2.0.6",
-    "typescript": "~4.9.5"
+    "typescript": "~5.4.2"
   },
   "keywords": [
     "atlaskit",

package/types/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/types.d.ts"
       ]