@atlaskit/link-picker 1.37.0 → 1.37.2

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'
 });

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

@@ -5,6 +5,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @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';
@@ -308,7 +310,9 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
   // for details: https://a11y-internal.atlassian.net/browse/AK-740
   var 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
     ,
@@ -376,10 +380,12 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     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 */,
+          the feature flag is enabled */,
     createFeatureDiscovery: (activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) === 'jira' && allowCreateFeatureDiscovery && getBooleanFF('platform.linking-platform.link-picker.enable-jira-create'),
     customSubmitButtonLabel: customMessages !== null && customMessages !== void 0 && customMessages.submitButtonLabel ? customMessages.submitButtonLabel : undefined
   }));

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

@@ -4,6 +4,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @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';
@@ -51,12 +53,16 @@ export var SearchResults = function SearchResults(_ref) {
   }));
   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/esm/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/esm/ui/link-picker/search-results/link-search-list/index.js

@@ -6,6 +6,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @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';
@@ -100,9 +102,12 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
       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);
@@ -110,6 +115,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }
   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
@@ -123,7 +129,9 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
       "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,
@@ -151,15 +159,20 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }
   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/esm/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,15 +25,18 @@ export var testIds = {
 export var NoResults = function NoResults() {
   var intl = useIntl();
   var 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: function renderImage() {
-      return 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: function renderImage() {
+        return jsx(NoResultsSVG, null);
+      }
+    }))
+  );
 };

package/dist/esm/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 var NoResultsSVG = function NoResultsSVG() {
   var 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/esm/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';
 var 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 var noResultsSVGStyles = css({
   height: "".concat(HEIGHT, "px"),
   margin: "0 auto ".concat("var(--ds-space-300, 24px)"),

package/dist/esm/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 var 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 var emptyStateNoResultsWrapper = css({
   minHeight: "var(--ds-space-200, 16px)"
 });

package/dist/esm/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 @@ var ListItemIcon = function ListItemIcon(props) {
   var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
   if (typeof icon !== 'string') {
     var 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 var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var item = _ref.item,
@@ -58,6 +68,7 @@ export var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var container = item.container || null;
   var 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,
@@ -74,17 +85,23 @@ export var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }), jsx("div", {
     css: itemNameStyles
   }, jsx("div", {
-    "data-testid": "".concat(testIds.searchResultItem, "-title"),
+    "data-testid": "".concat(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": "".concat(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/esm/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,19 +37,34 @@ var listItemActive = css({
   '&:hover': {
     backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")")
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   listItemBoxShadow: listItemBoxShadow
 });
 var listItemSelected = css({
   backgroundColor: "var(--ds-background-selected, ".concat(B50, ")")
-}, listItemBoxShadow);
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+listItemBoxShadow);
 export var composeListItemStyles = function composeListItemStyles() {
   var selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 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 var 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 var listItemNameStyles = css({
   color: "var(--ds-text, ".concat(N800, ")"),
   overflow: 'hidden',
@@ -56,27 +72,36 @@ export var 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 var listItemContextStyles = css({
   color: "var(--ds-text, ".concat(N300, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: relativeFontSizeToBase16(fontSizeSmall()),
   lineHeight: "".concat(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 var 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 var listItemContainerInnerStyles = css({
   color: "var(--ds-text-subtlest, ".concat(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 var 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 var imgStyles = css({
   maxWidth: "var(--ds-space-200, 16px)"
 });

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

@@ -1,8 +1,10 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { typography } from '@atlaskit/theme';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var listContainerStyles = css({
   width: '100%',
   paddingTop: 0,
@@ -13,11 +15,15 @@ export var listContainerStyles = css({
   display: 'flex',
   flexDirection: 'column'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var spinnerContainerStyles = css({
   flexGrow: 1,
   flexDirection: 'column',
   alignItems: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var listStyles = css({
   padding: "var(--ds-space-0, 0px)",
   marginTop: "var(--ds-space-0, 0px)",
@@ -26,6 +32,8 @@ export var listStyles = css({
   marginRight: 'calc(-1 * var(--link-picker-padding-right))',
   listStyle: 'none'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 export var listTitleStyles = css(typography.h100(), {
   textTransform: 'uppercase',
   marginTop: 0,

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

@@ -5,6 +5,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 /** @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';
@@ -114,36 +116,41 @@ export var ScrollingTabList = function 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: function onClick() {
-      return 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: function onClick() {
-      return 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: function onClick() {
+        return 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: function onClick() {
+        return scrollForward(ref);
+      }
+    }))))
+  );
 };