@atlaskit/link-picker 1.34.9 → 1.34.10

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-picker
 
+## 1.34.10
+
+### Patch Changes
+
+- [#91203](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91203) [`3c8348468618`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3c8348468618) - Minor Typescript changes to improve compatibility with React 18
+
 ## 1.34.9
 
 ### Patch Changes

package/dist/cjs/common/generic-error-svg/styled.js

@@ -1,12 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.genericErrorStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _templateObject;
 var HEIGHT = 90;
-var genericErrorStyles = exports.genericErrorStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: ", "px;\n  margin: 0 auto ", ";\n  display: block;\n"])), HEIGHT, "var(--ds-space-300, 24px)");
+var genericErrorStyles = exports.genericErrorStyles = (0, _react.css)({
+  height: "".concat(HEIGHT, "px"),
+  margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
+  display: 'block'
+});

package/dist/cjs/common/ui/min-height-container/styled.js

@@ -1,11 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.minHeightComponentStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _templateObject;
-var minHeightComponentStyles = exports.minHeightComponentStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: stretch;\n  justify-content: center;\n  min-height: var(--link-picker-min-height);\n"])));
+var minHeightComponentStyles = exports.minHeightComponentStyles = (0, _react.css)({
+  display: 'flex',
+  alignItems: 'stretch',
+  justifyContent: 'center',
+  minHeight: 'var(--link-picker-min-height)'
+});

package/dist/cjs/ui/error-boundary/error-boundary-fallback/styled.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.errorBoundaryFallbackStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _templateObject;
-var errorBoundaryFallbackStyles = exports.errorBoundaryFallbackStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  line-height: initial;\n"])));
+var errorBoundaryFallbackStyles = exports.errorBoundaryFallbackStyles = (0, _react.css)({
+  lineHeight: 'initial'
+});

package/dist/cjs/ui/index.js

@@ -26,7 +26,7 @@ var testIds = exports.testIds = {
 };
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.34.9" || '',
+  packageVersion: "1.34.10" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

package/dist/cjs/ui/link-picker/form-footer/feature-discovery/styled.js

@@ -1,15 +1,21 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pulseStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _templateObject, _templateObject2;
-var pulseKeyframes = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  to {\n    box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);\n  }\n"])));
+var pulseKeyframes = (0, _react.keyframes)({
+  to: {
+    boxShadow: '0 0 0 7px rgba(0, 0, 0, 0)'
+  }
+});
 
 // Styling from atlassian-frontend/packages/design-system/onboarding/src/styled/target.tsx
 var pulseColor = 'rgb(101, 84, 192)';
-var pulseStyles = exports.pulseStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  border-radius: 3px;\n  box-shadow: 0 0 0 0 ", ";\n  animation: ", " 1.45s cubic-bezier(0.5, 0, 0, 1) infinite;\n"])), pulseColor, pulseKeyframes);
+var pulseStyles = exports.pulseStyles = (0, _react.css)({
+  display: 'inline-flex',
+  borderRadius: '3px',
+  boxShadow: "0 0 0 0 ".concat(pulseColor),
+  animation: "".concat(pulseKeyframes, " 1.45s cubic-bezier(0.5, 0, 0, 1) infinite")
+});

package/dist/cjs/ui/link-picker/form-footer/styled.js

@@ -1,12 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formFooterStyles = exports.formFooterActionStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _templateObject, _templateObject2;
-var formFooterStyles = exports.formFooterStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-end;\n"])));
-var formFooterActionStyles = exports.formFooterActionStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: auto;\n"])));
+var formFooterStyles = exports.formFooterStyles = (0, _react.css)({
+  display: 'flex',
+  justifyContent: 'flex-end'
+});
+var formFooterActionStyles = exports.formFooterActionStyles = (0, _react.css)({
+  marginRight: 'auto'
+});

package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js

@@ -1,12 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.noResultsSVGStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _templateObject;
 var HEIGHT = 120;
-var noResultsSVGStyles = exports.noResultsSVGStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: ", "px;\n  margin: 0 auto ", ";\n  display: block;\n"])), HEIGHT, "var(--ds-space-300, 24px)");
+var noResultsSVGStyles = exports.noResultsSVGStyles = (0, _react.css)({
+  height: "".concat(HEIGHT, "px"),
+  margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
+  display: 'block'
+});

package/dist/cjs/ui/link-picker/search-results/search-results-container/styled.js

@@ -1,11 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.flexColumn = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _templateObject;
-var flexColumn = exports.flexColumn = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  width: 100%;\n"])));
+var flexColumn = exports.flexColumn = (0, _react.css)({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'flex-start',
+  width: '100%'
+});

package/dist/cjs/ui/link-picker/search-results/styled.js

@@ -1,13 +1,24 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tabsWrapperStyles = exports.spinnerContainerStyles = exports.flexColumnStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _templateObject, _templateObject2, _templateObject3;
-var tabsWrapperStyles = exports.tabsWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  margin-left: ", ";\n  margin-right: ", ";\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-negative-100, -8px)", "var(--ds-space-negative-100, -8px)");
-var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  min-height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  flex-grow: 1;\n"])));
-var flexColumnStyles = exports.flexColumnStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));
+var tabsWrapperStyles = exports.tabsWrapperStyles = (0, _react.css)({
+  marginTop: "var(--ds-space-150, 12px)",
+  marginLeft: "var(--ds-space-negative-100, -8px)",
+  marginRight: "var(--ds-space-negative-100, -8px)"
+});
+var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)({
+  minHeight: '80px',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  alignSelf: 'center',
+  flexGrow: 1
+});
+var flexColumnStyles = exports.flexColumnStyles = (0, _react.css)({
+  display: 'flex',
+  flexDirection: 'column'
+});

package/dist/cjs/ui/link-picker/styled.js

@@ -8,6 +8,9 @@ exports.rootContainerStyles = exports.formFooterMargin = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _templateObject, _templateObject2;
+var _templateObject;
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 var rootContainerStyles = exports.rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n  padding-left: var(--link-picker-padding-left);\n  padding-right: var(--link-picker-padding-right);\n  padding-top: var(--link-picker-padding-top);\n  padding-bottom: var(--link-picker-padding-bottom);\n  box-sizing: border-box;\n  line-height: initial;\n  display: block !important;\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
-var formFooterMargin = exports.formFooterMargin = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
+var formFooterMargin = exports.formFooterMargin = (0, _react.css)({
+  marginTop: "var(--ds-space-200, 16px)"
+});

package/dist/cjs/ui/link-picker/text-input/styled.js

@@ -1,18 +1,29 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fieldStyles = exports.clearTextButtonStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-var _templateObject, _templateObject2;
-var clearTextButtonStyles = exports.clearTextButtonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0;\n  margin-right: ", ";\n  color: ", ";\n  background: transparent;\n  border: none;\n  cursor: pointer;\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon-subtle, ".concat(_colors.N500, ")"));
+var clearTextButtonStyles = exports.clearTextButtonStyles = (0, _react.css)({
+  padding: 0,
+  marginRight: "var(--ds-space-050, 4px)",
+  color: "var(--ds-icon-subtle, ".concat(_colors.N500, ")"),
+  background: 'transparent',
+  border: 'none',
+  cursor: 'pointer'
+});
 
 /**
  * Overidding text input margin top which design system provides as a default spacer
  * but it gets in the way of our layout
  */
-var fieldStyles = exports.fieldStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  > div {\n    margin-top: 0;\n  }\n  & + & {\n    margin-top: ", ";\n  }\n"])), "var(--ds-space-200, 16px)");
+var fieldStyles = exports.fieldStyles = (0, _react.css)({
+  '> div': {
+    marginTop: 0
+  },
+  '& + &': {
+    marginTop: "var(--ds-space-200, 16px)"
+  }
+});

package/dist/cjs/ui/loader-fallback/styled.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _templateObject;
-var styles = exports.styles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n"])));
+var styles = exports.styles = (0, _react.css)({
+  alignItems: 'center'
+});

package/dist/cjs/ui/styled.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fixedWidthContainerStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _templateObject;
-var fixedWidthContainerStyles = exports.fixedWidthContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: var(--link-picker-width);\n"])));
+var fixedWidthContainerStyles = exports.fixedWidthContainerStyles = (0, _react.css)({
+  width: 'var(--link-picker-width)'
+});

package/dist/es2019/common/generic-error-svg/styled.js

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
 const HEIGHT = 90;
-export const genericErrorStyles = css`
-  height: ${HEIGHT}px;
-  margin: 0 auto ${"var(--ds-space-300, 24px)"};
-  display: block;
-`;
+export const genericErrorStyles = css({
+  height: `${HEIGHT}px`,
+  margin: `0 auto ${"var(--ds-space-300, 24px)"}`,
+  display: 'block'
+});

package/dist/es2019/common/ui/min-height-container/styled.js

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
-export const minHeightComponentStyles = css`
-  display: flex;
-  align-items: stretch;
-  justify-content: center;
-  min-height: var(--link-picker-min-height);
-`;
+export const minHeightComponentStyles = css({
+  display: 'flex',
+  alignItems: 'stretch',
+  justifyContent: 'center',
+  minHeight: 'var(--link-picker-min-height)'
+});

package/dist/es2019/ui/error-boundary/error-boundary-fallback/styled.js

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
-export const errorBoundaryFallbackStyles = css`
-  line-height: initial;
-`;
+export const errorBoundaryFallbackStyles = css({
+  lineHeight: 'initial'
+});

package/dist/es2019/ui/index.js

@@ -16,7 +16,7 @@ export const testIds = {
 };
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.34.9" || '',
+  packageVersion: "1.34.10" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/es2019/ui/link-picker/form-footer/feature-discovery/styled.js

@@ -1,15 +1,15 @@
 import { css, keyframes } from '@emotion/react';
-const pulseKeyframes = keyframes`
-  to {
-    box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);
+const pulseKeyframes = keyframes({
+  to: {
+    boxShadow: '0 0 0 7px rgba(0, 0, 0, 0)'
   }
-`;
+});
 
 // Styling from atlassian-frontend/packages/design-system/onboarding/src/styled/target.tsx
 const pulseColor = 'rgb(101, 84, 192)';
-export const pulseStyles = css`
-  display: inline-flex;
-  border-radius: 3px;
-  box-shadow: 0 0 0 0 ${pulseColor};
-  animation: ${pulseKeyframes} 1.45s cubic-bezier(0.5, 0, 0, 1) infinite;
-`;
+export const pulseStyles = css({
+  display: 'inline-flex',
+  borderRadius: '3px',
+  boxShadow: `0 0 0 0 ${pulseColor}`,
+  animation: `${pulseKeyframes} 1.45s cubic-bezier(0.5, 0, 0, 1) infinite`
+});

package/dist/es2019/ui/link-picker/form-footer/styled.js

@@ -1,8 +1,8 @@
 import { css } from '@emotion/react';
-export const formFooterStyles = css`
-  display: flex;
-  justify-content: flex-end;
-`;
-export const formFooterActionStyles = css`
-  margin-right: auto;
-`;
+export const formFooterStyles = css({
+  display: 'flex',
+  justifyContent: 'flex-end'
+});
+export const formFooterActionStyles = css({
+  marginRight: 'auto'
+});

package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
 const HEIGHT = 120;
-export const noResultsSVGStyles = css`
-  height: ${HEIGHT}px;
-  margin: 0 auto ${"var(--ds-space-300, 24px)"};
-  display: block;
-`;
+export const noResultsSVGStyles = css({
+  height: `${HEIGHT}px`,
+  margin: `0 auto ${"var(--ds-space-300, 24px)"}`,
+  display: 'block'
+});

package/dist/es2019/ui/link-picker/search-results/search-results-container/styled.js

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
-export const flexColumn = css`
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  width: 100%;
-`;
+export const flexColumn = css({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'flex-start',
+  width: '100%'
+});

package/dist/es2019/ui/link-picker/search-results/styled.js

@@ -1,18 +1,18 @@
 import { css } from '@emotion/react';
-export const tabsWrapperStyles = css`
-  margin-top: ${"var(--ds-space-150, 12px)"};
-  margin-left: ${"var(--ds-space-negative-100, -8px)"};
-  margin-right: ${"var(--ds-space-negative-100, -8px)"};
-`;
-export const spinnerContainerStyles = css`
-  min-height: 80px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  align-self: center;
-  flex-grow: 1;
-`;
-export const flexColumnStyles = css`
-  display: flex;
-  flex-direction: column;
-`;
+export const tabsWrapperStyles = css({
+  marginTop: "var(--ds-space-150, 12px)",
+  marginLeft: "var(--ds-space-negative-100, -8px)",
+  marginRight: "var(--ds-space-negative-100, -8px)"
+});
+export const spinnerContainerStyles = css({
+  minHeight: '80px',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  alignSelf: 'center',
+  flexGrow: 1
+});
+export const flexColumnStyles = css({
+  display: 'flex',
+  flexDirection: 'column'
+});

package/dist/es2019/ui/link-picker/styled.js

@@ -1,5 +1,6 @@
 import { css } from '@emotion/react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 export const rootContainerStyles = css`
   width: ${getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)'};
   padding-left: var(--link-picker-padding-left);
@@ -10,6 +11,6 @@ export const rootContainerStyles = css`
   line-height: initial;
   display: block !important;
 `;
-export const formFooterMargin = css`
-  margin-top: ${"var(--ds-space-200, 16px)"};
-`;
+export const formFooterMargin = css({
+  marginTop: "var(--ds-space-200, 16px)"
+});

package/dist/es2019/ui/link-picker/text-input/styled.js

@@ -1,23 +1,23 @@
 import { css } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
-export const clearTextButtonStyles = css`
-  padding: 0;
-  margin-right: ${"var(--ds-space-050, 4px)"};
-  color: ${`var(--ds-icon-subtle, ${N500})`};
-  background: transparent;
-  border: none;
-  cursor: pointer;
-`;
+export const clearTextButtonStyles = css({
+  padding: 0,
+  marginRight: "var(--ds-space-050, 4px)",
+  color: `var(--ds-icon-subtle, ${N500})`,
+  background: 'transparent',
+  border: 'none',
+  cursor: 'pointer'
+});
 
 /**
  * Overidding text input margin top which design system provides as a default spacer
  * but it gets in the way of our layout
  */
-export const fieldStyles = css`
-  > div {
-    margin-top: 0;
+export const fieldStyles = css({
+  '> div': {
+    marginTop: 0
+  },
+  '& + &': {
+    marginTop: "var(--ds-space-200, 16px)"
   }
-  & + & {
-    margin-top: ${"var(--ds-space-200, 16px)"};
-  }
-`;
+});

package/dist/es2019/ui/loader-fallback/styled.js

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
-export const styles = css`
-  align-items: center;
-`;
+export const styles = css({
+  alignItems: 'center'
+});

package/dist/es2019/ui/styled.js

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
-export const fixedWidthContainerStyles = css`
-  width: var(--link-picker-width);
-`;
+export const fixedWidthContainerStyles = css({
+  width: 'var(--link-picker-width)'
+});

package/dist/esm/common/generic-error-svg/styled.js

@@ -1,5 +1,7 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
 var HEIGHT = 90;
-export var genericErrorStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: ", "px;\n  margin: 0 auto ", ";\n  display: block;\n"])), HEIGHT, "var(--ds-space-300, 24px)");
+export var genericErrorStyles = css({
+  height: "".concat(HEIGHT, "px"),
+  margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
+  display: 'block'
+});

package/dist/esm/common/ui/min-height-container/styled.js

@@ -1,4 +1,7 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
-export var minHeightComponentStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: stretch;\n  justify-content: center;\n  min-height: var(--link-picker-min-height);\n"])));
+export var minHeightComponentStyles = css({
+  display: 'flex',
+  alignItems: 'stretch',
+  justifyContent: 'center',
+  minHeight: 'var(--link-picker-min-height)'
+});

package/dist/esm/ui/error-boundary/error-boundary-fallback/styled.js

@@ -1,4 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
-export var errorBoundaryFallbackStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  line-height: initial;\n"])));
+export var errorBoundaryFallbackStyles = css({
+  lineHeight: 'initial'
+});

package/dist/esm/ui/index.js

@@ -17,7 +17,7 @@ export var testIds = {
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.34.9" || '',
+  packageVersion: "1.34.10" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/esm/ui/link-picker/form-footer/feature-discovery/styled.js

@@ -1,8 +1,15 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 import { css, keyframes } from '@emotion/react';
-var pulseKeyframes = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  to {\n    box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);\n  }\n"])));
+var pulseKeyframes = keyframes({
+  to: {
+    boxShadow: '0 0 0 7px rgba(0, 0, 0, 0)'
+  }
+});
 
 // Styling from atlassian-frontend/packages/design-system/onboarding/src/styled/target.tsx
 var pulseColor = 'rgb(101, 84, 192)';
-export var pulseStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  border-radius: 3px;\n  box-shadow: 0 0 0 0 ", ";\n  animation: ", " 1.45s cubic-bezier(0.5, 0, 0, 1) infinite;\n"])), pulseColor, pulseKeyframes);
+export var pulseStyles = css({
+  display: 'inline-flex',
+  borderRadius: '3px',
+  boxShadow: "0 0 0 0 ".concat(pulseColor),
+  animation: "".concat(pulseKeyframes, " 1.45s cubic-bezier(0.5, 0, 0, 1) infinite")
+});

package/dist/esm/ui/link-picker/form-footer/styled.js

@@ -1,5 +1,8 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
-export var formFooterStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n"])));
-export var formFooterActionStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: auto;\n"])));
+export var formFooterStyles = css({
+  display: 'flex',
+  justifyContent: 'flex-end'
+});
+export var formFooterActionStyles = css({
+  marginRight: 'auto'
+});

package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js

@@ -1,5 +1,7 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
 var HEIGHT = 120;
-export var noResultsSVGStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: ", "px;\n  margin: 0 auto ", ";\n  display: block;\n"])), HEIGHT, "var(--ds-space-300, 24px)");
+export var noResultsSVGStyles = css({
+  height: "".concat(HEIGHT, "px"),
+  margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
+  display: 'block'
+});

package/dist/esm/ui/link-picker/search-results/search-results-container/styled.js

@@ -1,4 +1,7 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
-export var flexColumn = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  width: 100%;\n"])));
+export var flexColumn = css({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'flex-start',
+  width: '100%'
+});

package/dist/esm/ui/link-picker/search-results/styled.js

@@ -1,6 +1,18 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
 import { css } from '@emotion/react';
-export var tabsWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  margin-left: ", ";\n  margin-right: ", ";\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-negative-100, -8px)", "var(--ds-space-negative-100, -8px)");
-export var spinnerContainerStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  flex-grow: 1;\n"])));
-export var flexColumnStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+export var tabsWrapperStyles = css({
+  marginTop: "var(--ds-space-150, 12px)",
+  marginLeft: "var(--ds-space-negative-100, -8px)",
+  marginRight: "var(--ds-space-negative-100, -8px)"
+});
+export var spinnerContainerStyles = css({
+  minHeight: '80px',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  alignSelf: 'center',
+  flexGrow: 1
+});
+export var flexColumnStyles = css({
+  display: 'flex',
+  flexDirection: 'column'
+});

package/dist/esm/ui/link-picker/styled.js

@@ -1,6 +1,9 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
+var _templateObject;
 import { css } from '@emotion/react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 export var rootContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", ";\n  padding-left: var(--link-picker-padding-left);\n  padding-right: var(--link-picker-padding-right);\n  padding-top: var(--link-picker-padding-top);\n  padding-bottom: var(--link-picker-padding-bottom);\n  box-sizing: border-box;\n  line-height: initial;\n  display: block !important;\n"])), getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
-export var formFooterMargin = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
+export var formFooterMargin = css({
+  marginTop: "var(--ds-space-200, 16px)"
+});

package/dist/esm/ui/link-picker/text-input/styled.js

@@ -1,11 +1,23 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
-export var clearTextButtonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0;\n  margin-right: ", ";\n  color: ", ";\n  background: transparent;\n  border: none;\n  cursor: pointer;\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon-subtle, ".concat(N500, ")"));
+export var clearTextButtonStyles = css({
+  padding: 0,
+  marginRight: "var(--ds-space-050, 4px)",
+  color: "var(--ds-icon-subtle, ".concat(N500, ")"),
+  background: 'transparent',
+  border: 'none',
+  cursor: 'pointer'
+});
 
 /**
  * Overidding text input margin top which design system provides as a default spacer
  * but it gets in the way of our layout
  */
-export var fieldStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  > div {\n    margin-top: 0;\n  }\n  & + & {\n    margin-top: ", ";\n  }\n"])), "var(--ds-space-200, 16px)");
+export var fieldStyles = css({
+  '> div': {
+    marginTop: 0
+  },
+  '& + &': {
+    marginTop: "var(--ds-space-200, 16px)"
+  }
+});

package/dist/esm/ui/loader-fallback/styled.js

@@ -1,4 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
-export var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: center;\n"])));
+export var styles = css({
+  alignItems: 'center'
+});

package/dist/esm/ui/styled.js

@@ -1,4 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
-export var fixedWidthContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: var(--link-picker-width);\n"])));
+export var fixedWidthContainerStyles = css({
+  width: 'var(--link-picker-width)'
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.34.9",
+  "version": "1.34.10",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -61,17 +61,17 @@
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/button": "^17.12.0",
     "@atlaskit/empty-state": "^7.7.0",
-    "@atlaskit/form": "^9.1.0",
+    "@atlaskit/form": "^9.2.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/heading": "^2.1.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/intl-messages-provider": "^1.0.2",
     "@atlaskit/linking-common": "^5.6.0",
-    "@atlaskit/onboarding": "^11.2.0",
+    "@atlaskit/onboarding": "^11.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/primitives": "^5.5.0",
     "@atlaskit/spinner": "^16.0.0",
-    "@atlaskit/tabs": "^14.0.0",
+    "@atlaskit/tabs": "^14.1.0",
     "@atlaskit/textfield": "^6.1.0",
     "@atlaskit/theme": "^12.7.0",
     "@atlaskit/tokens": "^1.43.0",