@atlaskit/link-picker 1.37.0 → 1.37.2

package/.eslintrc.js

@@ -1,24 +1,24 @@
 module.exports = {
-  rules: {
-    'import/no-default-export': ['warn'],
-  },
-  overrides: [
-    {
-      files: [
-        '**/__tests__/**/*.{js,ts,tsx}',
-        'examples/**/*.{js,ts,tsx}',
-        'docs/**/*.{js,ts,tsx}',
-        'src/i18n/**/*.{js,ts,tsx}',
-      ],
-      rules: {
-        'import/no-default-export': ['off'],
-      },
-    },
-    {
-      files: ['src/**/*.vr.{js,ts,tsx}'],
-      rules: {
-        '@atlassian/tangerine/import/no-parent-imports': ['off'],
-      },
-    },
-  ],
+	rules: {
+		'import/no-default-export': ['warn'],
+	},
+	overrides: [
+		{
+			files: [
+				'**/__tests__/**/*.{js,ts,tsx}',
+				'examples/**/*.{js,ts,tsx}',
+				'docs/**/*.{js,ts,tsx}',
+				'src/i18n/**/*.{js,ts,tsx}',
+			],
+			rules: {
+				'import/no-default-export': ['off'],
+			},
+		},
+		{
+			files: ['src/**/*.vr.{js,ts,tsx}'],
+			rules: {
+				'@atlassian/tangerine/import/no-parent-imports': ['off'],
+			},
+		},
+	],
 };

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-picker
 
+## 1.37.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.37.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.37.0
 
 ### Minor Changes

package/LICENSE.md

@@ -1,13 +1,11 @@
 Copyright 2022 Atlassian Pty Ltd
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
+compliance with the License. You may obtain a copy of the License at
 
     http://www.apache.org/licenses/LICENSE-2.0
 
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+Unless required by applicable law or agreed to in writing, software distributed under the License is
+distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing permissions and limitations under the
+License.

package/compass.yml

@@ -38,6 +38,5 @@ customFields:
   - name: Test
     type: text
     value: null
-
 # Learn more about formatting compass.yml:
 # https://go.atlassian.com/compass-yml-format

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

@@ -10,6 +10,7 @@ var _react = require("@emotion/react");
 var _styled = require("./styled");
 /* 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
 
 var GenericErrorSVG = exports.GenericErrorSVG = function GenericErrorSVG(props) {
   var id = 'link-picker-ui-generic-error-svg';
@@ -17,7 +18,9 @@ var GenericErrorSVG = exports.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: _styled.genericErrorStyles
   }, props), (0, _react.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/cjs/common/generic-error-svg/styled.js

@@ -5,7 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.genericErrorStyles = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 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
 var genericErrorStyles = exports.genericErrorStyles = (0, _react.css)({
   height: "".concat(HEIGHT, "px"),
   margin: "0 auto ".concat("var(--ds-space-300, 24px)"),

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

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

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

@@ -14,13 +14,16 @@ var _react2 = require("@emotion/react");
 var _styled = require("./styled");
 var _excluded = ["minHeight"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var MinHeightContainer = exports.MinHeightContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var minHeight = _ref.minHeight,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react2.jsx)("div", (0, _extends2.default)({
-    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: _styled.minHeightComponentStyles
   }, props, {
     style: (0, _defineProperty2.default)({}, '--link-picker-min-height', minHeight)

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

@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.minHeightComponentStyles = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var minHeightComponentStyles = exports.minHeightComponentStyles = (0, _react.css)({
   display: 'flex',
   alignItems: 'stretch',

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

@@ -16,6 +16,7 @@ var _minHeightContainer = require("../../../common/ui/min-height-container");
 var _styled = require("../../link-picker/styled");
 var _styled2 = require("./styled");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 
@@ -37,7 +38,9 @@ var ErrorBoundaryFallback = exports.ErrorBoundaryFallback = function ErrorBounda
   var description = intl.formatMessage(messages.description);
   var EmptyStateComponent = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.remove-dst-empty-state') ? _emptyState2.EmptyState : _emptyState.default;
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results')) {
-    return (0, _react.jsx)(_minHeightContainer.MinHeightContainer, {
+    return (0, _react.jsx)(_minHeightContainer.MinHeightContainer
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    , {
       css: _styled2.errorBoundaryFallbackStyles,
       minHeight: _constants.LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
       "data-testid": "link-picker-root-error-boundary-ui"
@@ -49,14 +52,17 @@ var ErrorBoundaryFallback = exports.ErrorBoundaryFallback = function ErrorBounda
       description: description
     }));
   }
-  return (0, _react.jsx)("div", {
-    css: _styled.rootContainerStyles,
-    "data-testid": "link-picker-root-error-boundary-ui"
-  }, (0, _react.jsx)(EmptyStateComponent, {
-    header: header,
-    renderImage: function renderImage() {
-      return (0, _react.jsx)(_genericErrorSvg.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
+    (0, _react.jsx)("div", {
+      css: _styled.rootContainerStyles,
+      "data-testid": "link-picker-root-error-boundary-ui"
+    }, (0, _react.jsx)(EmptyStateComponent, {
+      header: header,
+      renderImage: function renderImage() {
+        return (0, _react.jsx)(_genericErrorSvg.GenericErrorSVG, null);
+      },
+      description: description
+    }))
+  );
 };

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

@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.errorBoundaryFallbackStyles = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var errorBoundaryFallbackStyles = exports.errorBoundaryFallbackStyles = (0, _react.css)({
   lineHeight: 'initial'
 });

package/dist/cjs/ui/index.js

@@ -20,13 +20,13 @@ var _loaderFallback = require("./loader-fallback");
 var _messagesProvider = require("./messages-provider");
 var _styled = require("./styled");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /** @jsx jsx */
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var testIds = exports.testIds = {
   linkPickerRoot: 'link-picker-root'
 };
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.37.0" || '',
+  packageVersion: "1.37.2" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };
@@ -48,6 +48,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 (0, _react2.jsx)("div", (0, _extends2.default)({
     css: _styled.fixedWidthContainerStyles
   }, props));
@@ -67,7 +68,8 @@ var ComposedLinkPicker = /*#__PURE__*/(0, _react.memo)(function (props) {
   return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
     data: PACKAGE_DATA
   }, (0, _react2.jsx)(_sessionProvider.LinkPickerSessionProvider, null, (0, _react2.jsx)(_messagesProvider.MessagesProvider, null, (0, _react2.jsx)("div", {
-    style: (_ref3 = {}, (0, _defineProperty2.default)(_ref3, '--link-picker-width', props.disableWidth ? '100%' : "".concat(_constants.LINK_PICKER_WIDTH_IN_PX, "px")), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-left', (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-right', (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-top', (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-bottom', (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)"), _ref3)
+    style: (_ref3 = {}, (0, _defineProperty2.default)(_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(_constants.LINK_PICKER_WIDTH_IN_PX, "px")), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-left', (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-right', (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-top', (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-bottom', (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)"), _ref3)
   }, (0, _react2.jsx)(RootFixedWidthContainer, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_reactLooselyLazy.LazySuspense, {
     fallback: (0, _react2.jsx)(LoaderFallbackContainer, null, (0, _react2.jsx)(_loaderFallback.LoaderFallback, {
       hideDisplayText: props.hideDisplayText,

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

@@ -10,6 +10,8 @@ var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
 var _styled = require("./styled");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/link-picker';
 var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-jira-create';
 var LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
@@ -43,9 +45,12 @@ var FeatureDiscovery = function FeatureDiscovery(_ref) {
   if (discovered) {
     return children;
   }
-  return (0, _react2.jsx)("span", {
-    css: _styled.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
+    (0, _react2.jsx)("span", {
+      css: _styled.pulseStyles,
+      "data-testid": "".concat(testId, "-discovery")
+    }, children)
+  );
 };
 var _default = exports.default = FeatureDiscovery;

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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.pulseStyles = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var pulseKeyframes = (0, _react.keyframes)({
   to: {
     boxShadow: '0 0 0 7px rgba(0, 0, 0, 0)'
@@ -13,6 +15,8 @@ var pulseKeyframes = (0, _react.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
 var pulseStyles = exports.pulseStyles = (0, _react.css)({
   display: 'inline-flex',
   borderRadius: '3px',

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

@@ -22,6 +22,7 @@ var _styled = require("./styled");
 var _utils = require("./utils");
 var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "createFeatureDiscovery", "customSubmitButtonLabel"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
@@ -91,28 +92,33 @@ var FormFooter = exports.FormFooter = /*#__PURE__*/(0, _react.memo)(function (_r
       "aria-labelledby": isSubmitting ? submitMessageId : undefined
     }, typeof pluginAction.label === 'string' ? pluginAction.label : intl.formatMessage(pluginAction.label));
   };
-  return (0, _react2.jsx)("footer", (0, _extends2.default)({
-    css: _styled.formFooterStyles
-  }, restProps), isSubmitting && (0, _react2.jsx)(_visuallyHidden.default, {
-    role: "status",
-    id: submitMessageId,
-    testId: testIds.submitStatusA11yIndicator
-  }, intl.formatMessage(messages.submittingStatusMessage)), action && (0, _react2.jsx)("div", {
-    css: _styled.formFooterActionStyles
-  }, createFeatureDiscovery ? (0, _react2.jsx)(_featureDiscovery.default, {
-    testId: testIds.actionButtonDiscovery
-  }, createButton(action)) : createButton(action)), (0, _react2.jsx)(_button.ButtonGroup, null, onCancel && (0, _react2.jsx)(_button.default, {
-    appearance: "subtle",
-    onClick: onCancel,
-    testId: testIds.cancelButton,
-    isDisabled: isSubmitting,
-    "aria-labelledby": isSubmitting ? submitMessageId : undefined
-  }, intl.formatMessage(messages.cancelButton)), (0, _react2.jsx)(_loadingButton.default, {
-    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
+    (0, _react2.jsx)("footer", (0, _extends2.default)({
+      css: _styled.formFooterStyles
+    }, restProps), isSubmitting && (0, _react2.jsx)(_visuallyHidden.default, {
+      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
+    (0, _react2.jsx)("div", {
+      css: _styled.formFooterActionStyles
+    }, createFeatureDiscovery ? (0, _react2.jsx)(_featureDiscovery.default, {
+      testId: testIds.actionButtonDiscovery
+    }, createButton(action)) : createButton(action)), (0, _react2.jsx)(_button.ButtonGroup, null, onCancel && (0, _react2.jsx)(_button.default, {
+      appearance: "subtle",
+      onClick: onCancel,
+      testId: testIds.cancelButton,
+      isDisabled: isSubmitting,
+      "aria-labelledby": isSubmitting ? submitMessageId : undefined
+    }, intl.formatMessage(messages.cancelButton)), (0, _react2.jsx)(_loadingButton.default, {
+      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/cjs/ui/link-picker/form-footer/styled.js

@@ -5,10 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.formFooterStyles = exports.formFooterActionStyles = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var formFooterStyles = exports.formFooterStyles = (0, _react.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
 var formFooterActionStyles = exports.formFooterActionStyles = (0, _react.css)({
   marginRight: 'auto'
 });

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

@@ -31,7 +31,7 @@ var _textInput = require("./text-input");
 var _trackMount = require("./track-mount");
 var _utils = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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) { (0, _defineProperty2.default)(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 */
+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) { (0, _defineProperty2.default)(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 */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var testIds = exports.testIds = _objectSpread(_objectSpread(_objectSpread({
   linkPickerRoot: 'link-picker-root',
   linkPicker: 'link-picker',
@@ -314,7 +314,9 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
   // for details: https://a11y-internal.atlassian.net/browse/AK-740
   var screenReaderText = (0, _userAgent.browser)().safari && (0, _utils.getScreenReaderText)(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   return (0, _react2.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: _styled.rootContainerStyles
     // Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
     ,
@@ -382,10 +384,12 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     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) ? _styled.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 && (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.enable-jira-create'),
     customSubmitButtonLabel: customMessages !== null && customMessages !== void 0 && customMessages.submitButtonLabel ? customMessages.submitButtonLabel : undefined
   }));

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

@@ -22,7 +22,7 @@ var _trackTabViewed = require("./track-tab-viewed");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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) { (0, _defineProperty2.default)(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 */
+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) { (0, _defineProperty2.default)(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 */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var testIds = exports.testIds = _objectSpread(_objectSpread(_objectSpread({}, _linkSearchError.testIds), _linkSearchList.testIds), {}, {
   tabsLoadingIndicator: 'link-picker.tabs-loading-indicator',
   tabList: 'link-picker-tabs',
@@ -60,12 +60,16 @@ var SearchResults = exports.SearchResults = function SearchResults(_ref) {
   }));
   return (0, _react2.jsx)(_searchResultsContainer.SearchResultsContainer, (0, _extends2.default)({
     hasTabs: !!tabs.length || isLoadingPlugins
-  }, fixListHeightProps), isLoadingPlugins && !!queryState && (0, _react2.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
+  (0, _react2.jsx)("div", {
     css: _styled.spinnerContainerStyles
   }, (0, _react2.jsx)(_spinner.default, {
     testId: testIds.tabsLoadingIndicator,
     size: "medium"
-  })), !isLoadingPlugins && isActivePlugin && !!queryState && (0, _react2.jsx)(_react.Fragment, null, tabs.length > 0 && (0, _react2.jsx)("div", {
+  })), !isLoadingPlugins && isActivePlugin && !!queryState && (0, _react2.jsx)(_react.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
+  (0, _react2.jsx)("div", {
     css: _styled.tabsWrapperStyles
   }, (0, _react2.jsx)(_tabs.default, {
     id: testIds.tabList,

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

@@ -14,6 +14,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _genericErrorSvg = require("../../../../common/generic-error-svg");
 var _emptyState2 = require("../../../../common/ui/empty-state");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var CONTACT_SUPPORT_LINK = exports.CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({

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

@@ -23,7 +23,7 @@ var _styled2 = require("./styled");
 var _useTrackResultsShown = require("./use-track-results-shown");
 var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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) { (0, _defineProperty2.default)(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 */
+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) { (0, _defineProperty2.default)(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 */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   titleRecentlyViewed: {
     id: 'fabric.linkPicker.listTitle.recentlyViewed',
@@ -106,9 +106,12 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
       if (hasSearchTerm) {
         return (0, _react2.jsx)(_linkSearchNoResults.NoResults, null);
       } else {
-        return (0, _react2.jsx)("div", {
-          css: _styled.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
+          (0, _react2.jsx)("div", {
+            css: _styled.emptyStateNoResultsWrapper
+          }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null)
+        );
       }
     } else {
       return (0, _react2.jsx)(_linkSearchNoResults.NoResults, null);
@@ -116,6 +119,7 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
   }
   if (items && items.length > 0) {
     itemsContent = (0, _react2.jsx)(_react.Fragment, null, (0, _react2.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: _styled2.listTitleStyles,
       id: testIds.resultListTitle,
       "data-testid": testIds.resultListTitle
@@ -129,7 +133,9 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
       "aria-atomic": "true"
     }))), (0, _react2.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: _styled2.listStyles,
       "aria-controls": "fabric.smartcard.linkpicker.suggested.results",
       "aria-labelledby": testIds.resultListTitle,
@@ -157,15 +163,20 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
   }
   if (isLoading) {
     loadingContent = (0, _react2.jsx)(_minHeightContainer.MinHeightContainer, {
-      minHeight: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px',
+      minHeight: (0, _platformFeatureFlags.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: _styled2.spinnerContainerStyles
     }, (0, _react2.jsx)(_spinner.default, {
       testId: testIds.searchResultLoadingIndicator,
       size: "medium"
     }));
   }
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    ref: ref,
-    css: _styled2.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
+    (0, _react2.jsx)("div", (0, _extends2.default)({
+      ref: ref,
+      css: _styled2.listContainerStyles
+    }, restProps), itemsContent, loadingContent)
+  );
 });

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

@@ -13,6 +13,7 @@ var _emptyState2 = require("../../../../../common/ui/empty-state");
 var _noResultsSvg = require("./no-results-svg");
 var _styled = require("./styled");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   noResults: {
@@ -32,15 +33,18 @@ var testIds = exports.testIds = {
 var NoResults = exports.NoResults = function NoResults() {
   var intl = (0, _reactIntlNext.useIntl)();
   var Component = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.remove-dst-empty-state') ? _emptyState2.EmptyState : _emptyState.default;
-  return (0, _react.jsx)("div", {
-    css: _styled.emptyStateWrapperStyles
-  }, (0, _react.jsx)(Component, {
-    testId: testIds.emptyResultPage,
-    header: intl.formatMessage(messages.noResults),
-    headingLevel: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.remove-dst-empty-state') ? undefined : 3,
-    description: intl.formatMessage(messages.noResultsDescription),
-    renderImage: function renderImage() {
-      return (0, _react.jsx)(_noResultsSvg.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
+    (0, _react.jsx)("div", {
+      css: _styled.emptyStateWrapperStyles
+    }, (0, _react.jsx)(Component, {
+      testId: testIds.emptyResultPage,
+      header: intl.formatMessage(messages.noResults),
+      headingLevel: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.remove-dst-empty-state') ? undefined : 3,
+      description: intl.formatMessage(messages.noResultsDescription),
+      renderImage: function renderImage() {
+        return (0, _react.jsx)(_noResultsSvg.NoResultsSVG, null);
+      }
+    }))
+  );
 };

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

@@ -8,10 +8,12 @@ var _react = require("@emotion/react");
 var _styled = require("./styled");
 /* 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
 
 var NoResultsSVG = exports.NoResultsSVG = function NoResultsSVG() {
   var id = 'link-picker-ui-no-results-svg';
   return (0, _react.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: _styled.noResultsSVGStyles,
     height: "120",
     viewBox: "0 0 208 191",

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

@@ -5,7 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.noResultsSVGStyles = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 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
 var noResultsSVGStyles = exports.noResultsSVGStyles = (0, _react.css)({
   height: "".concat(HEIGHT, "px"),
   margin: "0 auto ".concat("var(--ds-space-300, 24px)"),