@atlaskit/link-picker 1.37.1 → 1.37.3

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @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 const MinHeightContainer = /*#__PURE__*/forwardRef(({
@@ -8,7 +10,9 @@ export const MinHeightContainer = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   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: {

package/dist/es2019/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 const minHeightComponentStyles = css({
   display: 'flex',
   alignItems: 'stretch',

package/dist/es2019/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 const ErrorBoundaryFallback = () => {
   const description = intl.formatMessage(messages.description);
   const 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"
@@ -38,12 +41,15 @@ export const ErrorBoundaryFallback = () => {
       description: description
     }));
   }
-  return jsx("div", {
-    css: rootContainerStyles,
-    "data-testid": "link-picker-root-error-boundary-ui"
-  }, jsx(EmptyStateComponent, {
-    header: header,
-    renderImage: () => 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: () => jsx(GenericErrorSVG, null),
+      description: description
+    }))
+  );
 };

package/dist/es2019/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 const errorBoundaryFallbackStyles = css({
   lineHeight: 'initial'
 });

package/dist/es2019/ui/index.js

@@ -1,6 +1,8 @@
 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';
@@ -16,7 +18,7 @@ export const testIds = {
 };
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.37.1" || '',
+  packageVersion: "1.37.3" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };
@@ -34,6 +36,7 @@ const DefaultRootComponent = ({
   }, children);
 };
 const 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,9 @@ const ComposedLinkPicker = /*#__PURE__*/memo(props => {
     data: PACKAGE_DATA
   }, jsx(LinkPickerSessionProvider, null, jsx(MessagesProvider, null, jsx("div", {
     style: {
-      ['--link-picker-width']: props.disableWidth ? '100%' : `${LINK_PICKER_WIDTH_IN_PX}px`,
+      ['--link-picker-width']: props.disableWidth ? '100%' :
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      `${LINK_PICKER_WIDTH_IN_PX}px`,
       ['--link-picker-padding-left']: (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)",
       ['--link-picker-padding-right']: (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)",
       ['--link-picker-padding-top']: (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)",

package/dist/es2019/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';
@@ -33,9 +35,12 @@ const FeatureDiscovery = ({
   if (discovered) {
     return children;
   }
-  return jsx("span", {
-    css: pulseStyles,
-    "data-testid": `${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": `${testId}-discovery`
+    }, children)
+  );
 };
 export default FeatureDiscovery;

package/dist/es2019/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';
 const pulseKeyframes = keyframes({
   to: {
@@ -7,6 +8,8 @@ const pulseKeyframes = keyframes({
 
 // Styling from atlassian-frontend/packages/design-system/onboarding/src/styled/target.tsx
 const 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 const pulseStyles = css({
   display: 'inline-flex',
   borderRadius: '3px',

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @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';
@@ -74,28 +76,33 @@ export const FormFooter = /*#__PURE__*/memo(({
     isDisabled: isSubmitting,
     "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/es2019/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 const 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 const formFooterActionStyles = css({
   marginRight: 'auto'
 });

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { Fragment, memo, useCallback, useLayoutEffect, useReducer } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -316,7 +318,9 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
   // for details: https://a11y-internal.atlassian.net/browse/AK-740
   const screenReaderText = browser().safari && getScreenReaderText(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   return jsx("form", {
-    "data-testid": testIds.linkPicker,
+    "data-testid": testIds.linkPicker
+    // 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: rootContainerStyles
     // Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
     ,
@@ -384,7 +388,9 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
     url: url,
     isEditing: isEditing,
     onCancel: onCancel,
-    action: pluginAction,
+    action: pluginAction
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined
     /* Show the feature discovery pulse when we're on the Jira tab, we haven't started typing a url and
           the feature flag is enabled */,

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner/spinner';
 import Tabs, { Tab, TabList } from '@atlaskit/tabs';
@@ -49,12 +51,16 @@ export const SearchResults = ({
   }, tab.tabTitle)));
   return jsx(SearchResultsContainer, _extends({
     hasTabs: !!tabs.length || isLoadingPlugins
-  }, fixListHeightProps), isLoadingPlugins && !!queryState && jsx("div", {
+  }, fixListHeightProps), isLoadingPlugins && !!queryState &&
+  // 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: spinnerContainerStyles
   }, jsx(Spinner, {
     testId: testIds.tabsLoadingIndicator,
     size: "medium"
-  })), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 && jsx("div", {
+  })), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 &&
+  // 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: tabsWrapperStyles
   }, jsx(Tabs, {
     id: testIds.tabList,

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { forwardRef, 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 { defineMessages, FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -98,9 +100,12 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
       if (hasSearchTerm) {
         return jsx(NoResults, null);
       } else {
-        return jsx("div", {
-          css: emptyStateNoResultsWrapper
-        }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null);
+        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: emptyStateNoResultsWrapper
+          }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null)
+        );
       }
     } else {
       return jsx(NoResults, null);
@@ -108,6 +113,7 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
   }
   if (items && items.length > 0) {
     itemsContent = jsx(Fragment, null, jsx("div", {
+      // 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: listTitleStyles,
       id: testIds.resultListTitle,
       "data-testid": testIds.resultListTitle
@@ -121,7 +127,9 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
       "aria-atomic": "true"
     }))), jsx("ul", {
       id: id,
-      role: role,
+      role: role
+      // 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: listStyles,
       "aria-controls": "fabric.smartcard.linkpicker.suggested.results",
       "aria-labelledby": testIds.resultListTitle,
@@ -143,15 +151,20 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
   }
   if (isLoading) {
     loadingContent = jsx(MinHeightContainer, {
-      minHeight: getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px',
+      minHeight: getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px'
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      ,
       css: spinnerContainerStyles
     }, jsx(Spinner, {
       testId: testIds.searchResultLoadingIndicator,
       size: "medium"
     }));
   }
-  return jsx("div", _extends({
-    ref: ref,
-    css: listContainerStyles
-  }, restProps), itemsContent, loadingContent);
+  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", _extends({
+      ref: ref,
+      css: listContainerStyles
+    }, restProps), itemsContent, loadingContent)
+  );
 });

package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/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';
@@ -24,13 +25,16 @@ export const testIds = {
 export const NoResults = () => {
   const intl = useIntl();
   const Component = getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? EmptyStateInternal : EmptyState;
-  return jsx("div", {
-    css: emptyStateWrapperStyles
-  }, jsx(Component, {
-    testId: testIds.emptyResultPage,
-    header: intl.formatMessage(messages.noResults),
-    headingLevel: getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? undefined : 3,
-    description: intl.formatMessage(messages.noResultsDescription),
-    renderImage: () => jsx(NoResultsSVG, null)
-  }));
+  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: emptyStateWrapperStyles
+    }, jsx(Component, {
+      testId: testIds.emptyResultPage,
+      header: intl.formatMessage(messages.noResults),
+      headingLevel: getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? undefined : 3,
+      description: intl.formatMessage(messages.noResultsDescription),
+      renderImage: () => jsx(NoResultsSVG, null)
+    }))
+  );
 };

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

@@ -1,10 +1,12 @@
 /* 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 { noResultsSVGStyles } from './styled';
 export const NoResultsSVG = () => {
   const id = 'link-picker-ui-no-results-svg';
   return jsx("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: noResultsSVGStyles,
     height: "120",
     viewBox: "0 0 208 191",

package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-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';
 const HEIGHT = 120;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const noResultsSVGStyles = css({
   height: `${HEIGHT}px`,
   margin: `0 auto ${"var(--ds-space-300, 24px)"}`,

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

@@ -1,9 +1,14 @@
+// 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 emptyStateWrapperStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& p': {
     margin: 0
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const emptyStateNoResultsWrapper = css({
   minHeight: "var(--ds-space-200, 16px)"
 });

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { forwardRef, Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 /* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
@@ -26,21 +28,29 @@ const ListItemIcon = props => {
   const alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
   if (typeof icon !== 'string') {
     const Glyph = icon;
-    return jsx("span", {
-      css: itemIconStyles
-    }, jsx(Glyph, {
-      alt: alt,
-      "data-testid": testIds.searchResultIcon
-    }));
+    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: itemIconStyles
+      }, jsx(Glyph, {
+        alt: alt,
+        "data-testid": testIds.searchResultIcon
+      }))
+    );
   }
-  return jsx("span", {
-    css: itemIconStyles
-  }, jsx("img", {
-    "data-testid": testIds.searchResultIcon,
-    src: isSVG(icon) ? base64SVG(icon) : icon,
-    alt: alt,
-    css: imgStyles
-  }));
+  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: itemIconStyles
+    }, jsx("img", {
+      "data-testid": testIds.searchResultIcon,
+      src: isSVG(icon) ? base64SVG(icon) : icon,
+      alt: alt
+      // 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: imgStyles
+    }))
+  );
 };
 export const LinkSearchListItem = /*#__PURE__*/forwardRef(({
   item,
@@ -57,6 +67,7 @@ export const LinkSearchListItem = /*#__PURE__*/forwardRef(({
   const container = item.container || null;
   const date = transformTimeStamp(intl, item.lastViewedDate, item.lastUpdatedDate);
   return jsx("div", {
+    // 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: composeListItemStyles(selected),
     role: role,
     id: id,
@@ -73,17 +84,23 @@ export const LinkSearchListItem = /*#__PURE__*/forwardRef(({
   }), jsx("div", {
     css: itemNameStyles
   }, jsx("div", {
-    "data-testid": `${testIds.searchResultItem}-title`,
+    "data-testid": `${testIds.searchResultItem}-title`
+    // 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: listItemNameStyles,
     title: item.name
   }, item.name), jsx("div", {
     "data-testid": `${testIds.searchResultItem}-subtitle`,
     css: listItemContextStyles
-  }, container && jsx("div", {
+  }, container &&
+  // 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: listItemContainerStyles
   }, jsx("span", {
     css: listItemContainerInnerStyles
-  }, container)), date && jsx("div", {
+  }, container)), date &&
+  // 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: listItemContainerInnerStyles
   }, container && jsx(Fragment, null, "\xA0 \u2022\xA0 "), jsx(Fragment, null, date)))));
 });

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

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { B100, B400, B50, N20, N200, N300, N800 } from '@atlaskit/theme/colors';
 import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
@@ -36,18 +37,33 @@ const listItemActive = css({
   '&:hover': {
     backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N20})`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   listItemBoxShadow
 });
 const listItemSelected = css({
   backgroundColor: `var(--ds-background-selected, ${B50})`
-}, listItemBoxShadow);
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+listItemBoxShadow);
 export const composeListItemStyles = (selected = false) => {
-  return css(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
+  return css(
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  listItemBaseStyles,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  !selected && listItemActive,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  selected && listItemSelected,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  listItemFocusStyles);
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const itemNameStyles = css({
   overflow: 'hidden',
   alignContent: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const listItemNameStyles = css({
   color: `var(--ds-text, ${N800})`,
   overflow: 'hidden',
@@ -55,27 +71,36 @@ export const listItemNameStyles = css({
   whiteSpace: 'nowrap',
   lineHeight: '20px'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const listItemContextStyles = css({
   color: `var(--ds-text, ${N300})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: relativeFontSizeToBase16(fontSizeSmall()),
   lineHeight: `${fontSize()}px`,
   display: 'flex'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const listItemContainerStyles = css({
   overflow: 'hidden',
   textOverflow: 'ellipsis'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const listItemContainerInnerStyles = css({
   color: `var(--ds-text-subtlest, ${N200})`,
   whiteSpace: 'nowrap'
 });
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const itemIconStyles = css({
   minWidth: "var(--ds-space-200, 16px)",
   marginTop: "var(--ds-space-050, 4px)",
   marginRight: "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 imgStyles = css({
   maxWidth: "var(--ds-space-200, 16px)"
 });