@atlaskit/link-picker 1.37.1 → 1.37.2

package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/index.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { useCallback, useMemo, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Button from '@atlaskit/button';
 import ChevronLeftIcon from '@atlaskit/icon/glyph/chevron-left';
@@ -90,32 +92,37 @@ export const ScrollingTabList = props => {
     appearance: 'subtle',
     spacing: 'none'
   };
-  return jsx("div", {
-    css: containerStyles,
-    ref: ref,
-    "data-testid": "scrolling-tabs"
-  }, conditionalButtons.back &&
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  jsx("div", {
-    className: "back",
-    css: backButtonStyles
-  }, jsx(Button, _extends({
-    "data-test-id": "back"
-  }, buttonProps, {
-    iconBefore: jsx(ChevronLeftIcon, {
-      label: "back"
-    }),
-    onClick: () => scrollBack(ref)
-  }))), jsx("div", {
-    css: scrollingContainerStyles
-  }, props.children), conditionalButtons.forward && jsx("div", {
-    css: nextButtonStyles
-  }, jsx(Button, _extends({
-    "data-test-id": "forward"
-  }, buttonProps, {
-    iconBefore: jsx(ChevronRightIcon, {
-      label: "forward"
-    }),
-    onClick: () => scrollForward(ref)
-  }))));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: containerStyles,
+      ref: ref,
+      "data-testid": "scrolling-tabs"
+    }, conditionalButtons.back &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("div", {
+      className: "back",
+      css: backButtonStyles
+    }, jsx(Button, _extends({
+      "data-test-id": "back"
+    }, buttonProps, {
+      iconBefore: jsx(ChevronLeftIcon, {
+        label: "back"
+      }),
+      onClick: () => scrollBack(ref)
+    }))), jsx("div", {
+      css: scrollingContainerStyles
+    }, props.children), conditionalButtons.forward &&
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: nextButtonStyles
+    }, jsx(Button, _extends({
+      "data-test-id": "forward"
+    }, buttonProps, {
+      iconBefore: jsx(ChevronRightIcon, {
+        label: "forward"
+      }),
+      onClick: () => scrollForward(ref)
+    }))))
+  );
 };

package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/styles.js

@@ -1,10 +1,13 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { N0, N30 } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const scrollingContainerStyles = css({
   overflowX: 'auto',
   scrollBehavior: 'smooth',
   scrollPadding: '0 24px',
   scrollbarWidth: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&::-webkit-scrollbar': {
     display: 'none'
   },
@@ -21,19 +24,27 @@ export const scrollingContainerStyles = css({
     backgroundColor: `var(--ds-border, ${N30})`
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const containerStyles = css({
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '[role="tablist"]': {
     '&::before': {
       display: 'none'
     }
   },
   // Overrides Atlaskit tabs styles to stop overflowing with ellipsis
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '[role="tab"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     overflow: 'unset !important',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     textOverflow: 'unset !important'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const buttonContainerStyles = css({
   position: 'absolute',
   top: "var(--ds-space-050, 4px)",
@@ -41,12 +52,16 @@ export const buttonContainerStyles = css({
   backgroundColor: `var(--ds-surface, ${N0})`
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
-export const backButtonStyles = css([buttonContainerStyles, {
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+export const backButtonStyles = css([
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+buttonContainerStyles, {
   left: 0
 }]);
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
-export const nextButtonStyles = css([buttonContainerStyles, {
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+export const nextButtonStyles = css([
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+buttonContainerStyles, {
   right: 0
 }]);

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { MinHeightContainer } from '../../../../common/ui/min-height-container';
@@ -11,6 +13,8 @@ export const SearchResultsContainer = /*#__PURE__*/forwardRef(({
 }, ref) => {
   const minHeight = hasTabs ? '347px' : '302px';
   const ffMinHeight = getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
+
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   return jsx(MinHeightContainer, _extends({
     ref: ref,
     minHeight: ffMinHeight,

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

@@ -1,4 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const flexColumn = css({
   display: 'flex',
   flexDirection: 'column',

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

@@ -1,7 +1,11 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const tabsWrapperStyles = css({
   marginTop: "var(--ds-space-150, 12px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const spinnerContainerStyles = css({
   minHeight: '80px',
   display: 'flex',
@@ -10,6 +14,8 @@ export const spinnerContainerStyles = css({
   alignSelf: 'center',
   flexGrow: 1
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const flexColumnStyles = css({
   display: 'flex',
   flexDirection: 'column'

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

@@ -1,6 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 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);
@@ -11,6 +12,8 @@ export const rootContainerStyles = css`
 	line-height: initial;
 	display: block !important;
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const formFooterMargin = css({
   marginTop: "var(--ds-space-200, 16px)"
 });

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { Fragment, useCallback, useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { ErrorMessage, Field } from '@atlaskit/form';
 import Selectclear from '@atlaskit/icon/glyph/select-clear';
@@ -60,7 +62,9 @@ export const TextInput = ({
   const clearText = restProps.value !== '' && jsx(Tooltip, {
     content: clearLabel
   }, jsx("button", {
-    type: "button",
+    type: "button"
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: clearTextButtonStyles,
     onClick: handleClear,
     "data-testid": testIds.clearUrlButton
@@ -68,23 +72,26 @@ export const TextInput = ({
     size: "medium",
     label: clearLabel || ''
   })));
-  return jsx("div", {
-    css: fieldStyles
-  }, jsx(Field, {
-    label: label,
-    name: name
-  }, ({
-    fieldProps
-  }) => {
-    return jsx(ConditionalSpotlightTargetWrapper, {
-      spotlightTargetName: spotlightTargetName
-    }, jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, restProps, {
-      onKeyDown: handleKeydown,
-      ref: handleRef,
-      elemAfterInput: clearText,
-      isInvalid: !!error
-    })), error && jsx(ErrorMessage, {
-      testId: testIds.urlError
-    }, error)));
-  }));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: fieldStyles
+    }, jsx(Field, {
+      label: label,
+      name: name
+    }, ({
+      fieldProps
+    }) => {
+      return jsx(ConditionalSpotlightTargetWrapper, {
+        spotlightTargetName: spotlightTargetName
+      }, jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, restProps, {
+        onKeyDown: handleKeydown,
+        ref: handleRef,
+        elemAfterInput: clearText,
+        isInvalid: !!error
+      })), error && jsx(ErrorMessage, {
+        testId: testIds.urlError
+      }, error)));
+    }))
+  );
 };

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

@@ -1,5 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const clearTextButtonStyles = css({
   padding: 0,
   marginRight: "var(--ds-space-050, 4px)",
@@ -13,10 +15,13 @@ export const clearTextButtonStyles = css({
  * Overidding text input margin top which design system provides as a default spacer
  * but it gets in the way of our layout
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const fieldStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div': {
     marginTop: 0
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '& + &': {
     marginTop: "var(--ds-space-200, 16px)"
   }

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
@@ -38,7 +39,9 @@ export const LoaderFallback = props => {
   const minHeight = getEstimatedMinHeight(props);
   return jsx(MinHeightContainer, {
     minHeight: minHeight,
-    "data-testid": "link-picker-root-loader-boundary-ui",
+    "data-testid": "link-picker-root-loader-boundary-ui"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: styles
   }, jsx(Spinner, {
     testId: "link-picker.component-loading-indicator",

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

@@ -1,4 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const styles = css({
   alignItems: 'center'
 });

package/dist/es2019/ui/styled.js

@@ -1,4 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const fixedWidthContainerStyles = css({
   width: 'var(--link-picker-width)'
 });

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { genericErrorStyles } from './styled';
 export var GenericErrorSVG = function GenericErrorSVG(props) {
@@ -9,7 +10,9 @@ export var GenericErrorSVG = function GenericErrorSVG(props) {
     height: "90",
     viewBox: "0 0 164 212",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
+    xmlns: "http://www.w3.org/2000/svg"
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: genericErrorStyles
   }, props), jsx("path", {
     d: "m95.43 74.16 66.44 115.08c5.84 10.12-1.46 22.76-13.14 22.76H15.85c-11.68 0-18.98-12.65-13.14-22.76L69.15 74.16c5.84-10.12 20.44-10.12 26.28 0Zm-7.56 83.55 2.88-44.35c.34-5.29-3.86-9.78-9.16-9.78-5.31 0-9.51 4.48-9.16 9.78l2.88 44.35a6.3 6.3 0 0 0 6.28 5.89c3.31 0 6.06-2.58 6.28-5.89Zm-15.84 23.54c0 5.66 4.76 10.1 10.39 9.58 4.85-.45 8.73-4.5 8.83-9.37.11-5.45-4.31-9.94-9.73-9.94-5.23-.01-9.49 4.37-9.49 9.73Z",

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

@@ -1,5 +1,8 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 var HEIGHT = 90;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var genericErrorStyles = css({
   height: "".concat(HEIGHT, "px"),
   margin: "0 auto ".concat("var(--ds-space-300, 24px)"),

package/dist/esm/common/ui/empty-state/index.js

@@ -6,7 +6,9 @@ export var EmptyState = function EmptyState(_ref) {
     header = _ref.header,
     description = _ref.description,
     renderImage = _ref.renderImage;
-  return /*#__PURE__*/React.createElement(Flex, {
+  return /*#__PURE__*/React.createElement(Flex
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  , {
     xcss: xcss({
       marginBlockStart: 'space.600',
       marginBlockEnd: 'space.600',

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

@@ -4,13 +4,17 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["minHeight"];
 /** @jsx jsx */
 import React, { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { minHeightComponentStyles } from './styled';
 export var MinHeightContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var minHeight = _ref.minHeight,
     props = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", _extends({
-    ref: ref,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: minHeightComponentStyles
   }, props, {
     style: _defineProperty({}, '--link-picker-min-height', minHeight)

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

@@ -1,4 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var minHeightComponentStyles = css({
   display: 'flex',
   alignItems: 'stretch',

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import EmptyState from '@atlaskit/empty-state';
@@ -28,7 +29,9 @@ export var ErrorBoundaryFallback = function ErrorBoundaryFallback() {
   var description = intl.formatMessage(messages.description);
   var EmptyStateComponent = getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? EmptyStateInternal : EmptyState;
   if (getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results')) {
-    return jsx(MinHeightContainer, {
+    return jsx(MinHeightContainer
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    , {
       css: errorBoundaryFallbackStyles,
       minHeight: LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
       "data-testid": "link-picker-root-error-boundary-ui"
@@ -40,14 +43,17 @@ export var ErrorBoundaryFallback = function ErrorBoundaryFallback() {
       description: description
     }));
   }
-  return jsx("div", {
-    css: rootContainerStyles,
-    "data-testid": "link-picker-root-error-boundary-ui"
-  }, jsx(EmptyStateComponent, {
-    header: header,
-    renderImage: function renderImage() {
-      return jsx(GenericErrorSVG, null);
-    },
-    description: description
-  }));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: rootContainerStyles,
+      "data-testid": "link-picker-root-error-boundary-ui"
+    }, jsx(EmptyStateComponent, {
+      header: header,
+      renderImage: function renderImage() {
+        return jsx(GenericErrorSVG, null);
+      },
+      description: description
+    }))
+  );
 };

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

@@ -1,4 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var errorBoundaryFallbackStyles = css({
   lineHeight: 'initial'
 });

package/dist/esm/ui/index.js

@@ -2,6 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { Fragment, memo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
@@ -17,7 +19,7 @@ export var testIds = {
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.37.1" || '',
+  packageVersion: "1.37.2" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };
@@ -37,6 +39,7 @@ var DefaultRootComponent = function DefaultRootComponent(_ref2) {
   }, children);
 };
 var FixedWidthContainer = function FixedWidthContainer(props) {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
   return jsx("div", _extends({
     css: fixedWidthContainerStyles
   }, props));
@@ -56,7 +59,8 @@ var ComposedLinkPicker = /*#__PURE__*/memo(function (props) {
   return jsx(AnalyticsContext, {
     data: PACKAGE_DATA
   }, jsx(LinkPickerSessionProvider, null, jsx(MessagesProvider, null, jsx("div", {
-    style: (_ref3 = {}, _defineProperty(_ref3, '--link-picker-width', props.disableWidth ? '100%' : "".concat(LINK_PICKER_WIDTH_IN_PX, "px")), _defineProperty(_ref3, '--link-picker-padding-left', (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)"), _defineProperty(_ref3, '--link-picker-padding-right', (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)"), _defineProperty(_ref3, '--link-picker-padding-top', (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)"), _defineProperty(_ref3, '--link-picker-padding-bottom', (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)"), _ref3)
+    style: (_ref3 = {}, _defineProperty(_ref3, '--link-picker-width', props.disableWidth ? '100%' : // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    "".concat(LINK_PICKER_WIDTH_IN_PX, "px")), _defineProperty(_ref3, '--link-picker-padding-left', (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)"), _defineProperty(_ref3, '--link-picker-padding-right', (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)"), _defineProperty(_ref3, '--link-picker-padding-top', (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)"), _defineProperty(_ref3, '--link-picker-padding-bottom', (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)"), _ref3)
   }, jsx(RootFixedWidthContainer, null, jsx(ErrorBoundary, null, jsx(LazySuspense, {
     fallback: jsx(LoaderFallbackContainer, null, jsx(LoaderFallback, {
       hideDisplayText: props.hideDisplayText,

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { useEffect, useMemo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
 import { pulseStyles } from './styled';
@@ -36,9 +38,12 @@ var FeatureDiscovery = function FeatureDiscovery(_ref) {
   if (discovered) {
     return children;
   }
-  return jsx("span", {
-    css: pulseStyles,
-    "data-testid": "".concat(testId, "-discovery")
-  }, children);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("span", {
+      css: pulseStyles,
+      "data-testid": "".concat(testId, "-discovery")
+    }, children)
+  );
 };
 export default FeatureDiscovery;

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

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, keyframes } from '@emotion/react';
 var pulseKeyframes = keyframes({
   to: {
@@ -7,6 +8,8 @@ var pulseKeyframes = keyframes({
 
 // Styling from atlassian-frontend/packages/design-system/onboarding/src/styled/target.tsx
 var pulseColor = 'rgb(101, 84, 192)';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-keyframes, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var pulseStyles = css({
   display: 'inline-flex',
   borderRadius: '3px',

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

@@ -3,6 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "createFeatureDiscovery", "customSubmitButtonLabel"];
 /** @jsx jsx */
 import { memo, useMemo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import uuid from 'uuid';
@@ -81,28 +83,33 @@ export var FormFooter = /*#__PURE__*/memo(function (_ref) {
       "aria-labelledby": isSubmitting ? submitMessageId : undefined
     }, typeof pluginAction.label === 'string' ? pluginAction.label : intl.formatMessage(pluginAction.label));
   };
-  return jsx("footer", _extends({
-    css: formFooterStyles
-  }, restProps), isSubmitting && jsx(VisuallyHidden, {
-    role: "status",
-    id: submitMessageId,
-    testId: testIds.submitStatusA11yIndicator
-  }, intl.formatMessage(messages.submittingStatusMessage)), action && jsx("div", {
-    css: formFooterActionStyles
-  }, createFeatureDiscovery ? jsx(FeatureDiscovery, {
-    testId: testIds.actionButtonDiscovery
-  }, createButton(action)) : createButton(action)), jsx(ButtonGroup, null, onCancel && jsx(Button, {
-    appearance: "subtle",
-    onClick: onCancel,
-    testId: testIds.cancelButton,
-    isDisabled: isSubmitting,
-    "aria-labelledby": isSubmitting ? submitMessageId : undefined
-  }, intl.formatMessage(messages.cancelButton)), jsx(LoadingButton, {
-    type: "submit",
-    appearance: "primary",
-    testId: testIds.insertButton,
-    isDisabled: isSubmitDisabled,
-    "aria-labelledby": isSubmitting ? submitMessageId : undefined,
-    isLoading: isSubmitting
-  }, customSubmitButtonLabel ? intl.formatMessage(customSubmitButtonLabel) : intl.formatMessage(insertButtonMsg))));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("footer", _extends({
+      css: formFooterStyles
+    }, restProps), isSubmitting && jsx(VisuallyHidden, {
+      role: "status",
+      id: submitMessageId,
+      testId: testIds.submitStatusA11yIndicator
+    }, intl.formatMessage(messages.submittingStatusMessage)), action &&
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: formFooterActionStyles
+    }, createFeatureDiscovery ? jsx(FeatureDiscovery, {
+      testId: testIds.actionButtonDiscovery
+    }, createButton(action)) : createButton(action)), jsx(ButtonGroup, null, onCancel && jsx(Button, {
+      appearance: "subtle",
+      onClick: onCancel,
+      testId: testIds.cancelButton,
+      isDisabled: isSubmitting,
+      "aria-labelledby": isSubmitting ? submitMessageId : undefined
+    }, intl.formatMessage(messages.cancelButton)), jsx(LoadingButton, {
+      type: "submit",
+      appearance: "primary",
+      testId: testIds.insertButton,
+      isDisabled: isSubmitDisabled,
+      "aria-labelledby": isSubmitting ? submitMessageId : undefined,
+      isLoading: isSubmitting
+    }, customSubmitButtonLabel ? intl.formatMessage(customSubmitButtonLabel) : intl.formatMessage(insertButtonMsg))))
+  );
 });

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

@@ -1,8 +1,13 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var formFooterStyles = css({
   display: 'flex',
   justifyContent: 'flex-end'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var formFooterActionStyles = css({
   marginRight: 'auto'
 });