@atlaskit/link-datasource 4.4.0 → 4.6.1

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/link-datasource
 
+## 4.6.1
+
+### Patch Changes
+
+- [#144847](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/144847)
+  [`00cb7d91843fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00cb7d91843fd) -
+  Internal change to move towards Compiled CSS-in-JS styling.
+- Updated dependencies
+
+## 4.6.0
+
+### Minor Changes
+
+- [#143676](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/143676)
+  [`e0e121346bc0b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e0e121346bc0b) -
+  [ux] Behind fg `platform-linking-visual-refresh-sllv` - Updates styles for modal filters
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.5.0
+
+### Minor Changes
+
+- [#143677](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/143677)
+  [`5ca641aae1cb7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5ca641aae1cb7) -
+  [ux] Behind fg `platform-linking-visual-refresh-sllv` - Updates styles for modal empty states
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.4.0
 
 ### Minor Changes

package/dist/cjs/common/ui/spot/error-state/error/assets/dark.svg

@@ -1,5 +1,8 @@
-<svg width="275" height="275" viewBox="0 0 275 275" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M55.99 215.63L56.08 215.81H218.91L219.01 215.63L137.5 64.9902L55.99 215.63Z" fill="#4B4D51"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M134.115 173.95V118.94H141.445V173.95H134.115Z" fill="#101214"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M136.432 183.039C136.965 182.943 137.474 182.915 137.91 182.915C138.371 182.915 138.828 182.947 139.287 183.018L139.304 183.02L139.321 183.023C142.228 183.498 144.648 185.521 145.234 188.753C145.337 189.301 145.365 189.827 145.365 190.26C145.365 190.596 145.348 190.974 145.295 191.375V191.436L145.237 191.758C144.659 194.981 142.245 197.029 139.321 197.507L139.304 197.51L139.287 197.512C138.828 197.583 138.371 197.615 137.91 197.615C137.471 197.615 136.958 197.586 136.42 197.489C133.551 196.992 131.143 194.987 130.557 191.769C130.455 191.23 130.425 190.726 130.425 190.27C130.425 189.819 130.454 189.299 130.559 188.749C131.152 185.581 133.51 183.531 136.432 183.039ZM137.755 190.251C137.755 190.257 137.755 190.263 137.755 190.27C137.755 190.273 137.755 190.276 137.755 190.279C137.758 190.28 137.762 190.28 137.766 190.28C137.8 190.283 137.848 190.285 137.91 190.285C137.957 190.285 137.998 190.284 138.035 190.282C138.035 190.275 138.035 190.268 138.035 190.26C138.035 190.256 138.035 190.252 138.035 190.248C137.998 190.246 137.957 190.245 137.91 190.245C137.848 190.245 137.8 190.247 137.766 190.25C137.762 190.25 137.758 190.251 137.755 190.251Z" fill="#101214"/>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 275 275">
+	<path fill="#4B4D51" d="M191.87 88.67c-2.28-4.36-5.07-8.68-8.3-12.86-3.27-4.23-6.8-8.07-10.5-11.4-21.6-19.51-49.11-22.5-75.49-8.19a93.066 93.066 0 0 0-12.54 8.22 94.563 94.563 0 0 0-11.53 10.51c-20.39 22.01-24.43 49.35-11.09 75.03 2.3 4.42 5.12 8.81 8.39 13.04 3.23 4.18 6.72 7.96 10.37 11.26 12.5 11.29 27.05 17.01 42.25 17.01 10.9 0 22.13-2.94 33.18-8.88 4.46-2.4 8.86-5.26 13.07-8.52 4.06-3.14 7.79-6.53 11.11-10.07 20.52-21.96 24.56-49.35 11.08-75.14v-.01Zm-30.56 74.37c-3.61 2.79-7.37 5.25-11.17 7.29-21.38 11.48-42.6 9.27-59.76-6.23-3.05-2.76-5.98-5.94-8.72-9.48-2.77-3.59-5.16-7.28-7.08-10.97-10.67-20.53-7.48-41.63 8.98-59.4 2.93-3.17 6.25-6.19 9.86-8.98 3.47-2.69 7.07-5.04 10.7-7.01 8.96-4.86 17.91-7.28 26.57-7.28 11.89 0 23.21 4.56 33.2 13.59 3.09 2.79 6.07 6.03 8.84 9.62 2.73 3.54 5.09 7.18 6.99 10.82 10.77 20.62 7.6 41.73-8.95 59.44-2.81 3.01-6 5.9-9.48 8.59h.02Z"/>
+	<path fill="#4B4D51" d="M179.96 171c-3.54-4.93-7.34-4.9-11.05-2.03-3.48 2.69-4.41 6.33-.7 11.12l4.24 5.48 11.75-9.09-4.24-5.48Z"/>
+	<path fill="#4B4D51" d="m187.155 174.199-17.642 13.64 33.152 42.878 17.642-13.64-33.152-42.878Z"/>
+	<path fill="#7E8188" d="m184.32 176.391-11.97 9.255 11.243 14.54 11.969-9.254-11.242-14.541Z"/>
+	<path fill="#4B4D51" fill-rule="evenodd" d="m157.715 95.826-53.98 53.979-7.07-7.071 53.979-53.98 7.071 7.072Z" clip-rule="evenodd"/>
+	<path fill="#4B4D51" fill-rule="evenodd" d="m150.644 149.805-53.98-53.98 7.071-7.07 53.98 53.979-7.071 7.071Z" clip-rule="evenodd"/>
 </svg>

package/dist/cjs/common/ui/spot/error-state/error/assets/light.svg

@@ -1,5 +1,8 @@
-<svg width="275" height="275" viewBox="0 0 275 275" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M55.99 215.63L56.08 215.81H218.91L219.01 215.63L137.5 64.9902L55.99 215.63Z" fill="#DDDEE1"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M134.115 173.95V118.94H141.445V173.95H134.115Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M136.432 183.039C136.965 182.943 137.474 182.915 137.91 182.915C138.371 182.915 138.828 182.947 139.287 183.018L139.304 183.02L139.321 183.023C142.228 183.498 144.648 185.521 145.234 188.753C145.337 189.301 145.365 189.827 145.365 190.26C145.365 190.596 145.348 190.974 145.295 191.375V191.436L145.237 191.758C144.659 194.981 142.245 197.029 139.321 197.507L139.304 197.51L139.287 197.512C138.828 197.583 138.371 197.615 137.91 197.615C137.471 197.615 136.958 197.586 136.42 197.489C133.551 196.992 131.143 194.987 130.556 191.769C130.455 191.23 130.425 190.726 130.425 190.27C130.425 189.819 130.454 189.299 130.559 188.749C131.152 185.581 133.51 183.531 136.432 183.039ZM137.755 190.251C137.755 190.257 137.755 190.263 137.755 190.27C137.755 190.273 137.755 190.276 137.755 190.279C137.758 190.28 137.762 190.28 137.766 190.28C137.8 190.283 137.848 190.285 137.91 190.285C137.957 190.285 137.998 190.284 138.035 190.282C138.035 190.275 138.035 190.268 138.035 190.26C138.035 190.256 138.035 190.252 138.035 190.248C137.998 190.246 137.957 190.245 137.91 190.245C137.848 190.245 137.8 190.247 137.766 190.25C137.762 190.25 137.758 190.251 137.755 190.251Z" fill="white"/>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 275 275">
+	<path fill="#fff" d="M185.8 91.84c-2.07-3.97-4.61-7.92-7.64-11.84-3.07-3.97-6.31-7.47-9.67-10.51-20.01-18.08-44.6-19.74-67.63-7.25-3.93 2.13-7.81 4.67-11.62 7.61-3.97 3.07-7.54 6.33-10.7 9.74C60.71 98.83 56.14 123 68.5 146.8c2.09 4.02 4.66 8.03 7.73 12.01 3.03 3.92 6.22 7.37 9.54 10.37 19.88 17.95 44.45 19.62 67.59 7.18 4.1-2.2 8.15-4.83 12.12-7.9 3.81-2.94 7.24-6.07 10.29-9.33 17.91-19.17 22.48-43.43 10.01-67.29h.02Z"/>
+	<path fill="#DDDEE1" d="M123.44 191.28c-15.2 0-29.74-5.72-42.25-17.01-3.65-3.3-7.14-7.09-10.37-11.26-3.27-4.23-6.1-8.62-8.39-13.04-13.34-25.67-9.3-53.02 11.09-75.03 3.45-3.72 7.33-7.26 11.53-10.51 4.05-3.13 8.27-5.9 12.54-8.22 26.38-14.31 53.9-11.32 75.49 8.19 3.69 3.34 7.22 7.17 10.5 11.4 3.23 4.17 6.02 8.5 8.3 12.86 13.48 25.79 9.44 53.18-11.08 75.14-3.31 3.55-7.05 6.94-11.11 10.07-4.21 3.25-8.61 6.12-13.07 8.52-11.05 5.94-22.29 8.88-33.18 8.88v.01Zm7.25-130.3c-8.65 0-17.61 2.41-26.57 7.28-3.62 1.97-7.22 4.33-10.7 7.01-3.61 2.79-6.93 5.81-9.86 8.98-16.46 17.77-19.65 38.86-8.98 59.4 1.92 3.69 4.3 7.39 7.08 10.97 2.73 3.53 5.66 6.72 8.72 9.48 17.16 15.5 38.38 17.71 59.76 6.23 3.8-2.04 7.56-4.49 11.17-7.29 3.48-2.69 6.66-5.58 9.48-8.59 16.55-17.71 19.72-38.82 8.95-59.44-1.9-3.64-4.26-7.29-6.99-10.82-2.78-3.59-5.75-6.83-8.84-9.62-10-9.03-21.32-13.59-33.2-13.59h-.02Z"/><path fill="#DDDEE1" d="M179.96 171c-3.54-4.93-7.34-4.9-11.05-2.03-3.48 2.69-4.41 6.33-.7 11.12l4.24 5.48 11.75-9.09-4.24-5.48Z"/>
+	<path fill="#DDDEE1" d="m187.155 174.199-17.642 13.64 33.152 42.878 17.642-13.64-33.152-42.878Z"/>
+	<path fill="#B7B9BE" d="m184.32 176.391-11.97 9.255 11.243 14.54 11.969-9.254-11.242-14.541Z"/>
+	<path fill="#DDDEE1" fill-rule="evenodd" d="m157.715 95.826-53.98 53.979-7.07-7.071 53.979-53.98 7.071 7.072Z" clip-rule="evenodd"/>
+	<path fill="#DDDEE1" fill-rule="evenodd" d="m150.644 149.805-53.98-53.98 7.071-7.07 53.98 53.979-7.071 7.071Z" clip-rule="evenodd"/>
 </svg>

package/dist/cjs/common/ui/spot/error-state/error-old/assets/dark.svg

@@ -0,0 +1,5 @@
+<svg width="275" height="275" viewBox="0 0 275 275" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M55.99 215.63L56.08 215.81H218.91L219.01 215.63L137.5 64.9902L55.99 215.63Z" fill="#4B4D51"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M134.115 173.95V118.94H141.445V173.95H134.115Z" fill="#101214"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M136.432 183.039C136.965 182.943 137.474 182.915 137.91 182.915C138.371 182.915 138.828 182.947 139.287 183.018L139.304 183.02L139.321 183.023C142.228 183.498 144.648 185.521 145.234 188.753C145.337 189.301 145.365 189.827 145.365 190.26C145.365 190.596 145.348 190.974 145.295 191.375V191.436L145.237 191.758C144.659 194.981 142.245 197.029 139.321 197.507L139.304 197.51L139.287 197.512C138.828 197.583 138.371 197.615 137.91 197.615C137.471 197.615 136.958 197.586 136.42 197.489C133.551 196.992 131.143 194.987 130.557 191.769C130.455 191.23 130.425 190.726 130.425 190.27C130.425 189.819 130.454 189.299 130.559 188.749C131.152 185.581 133.51 183.531 136.432 183.039ZM137.755 190.251C137.755 190.257 137.755 190.263 137.755 190.27C137.755 190.273 137.755 190.276 137.755 190.279C137.758 190.28 137.762 190.28 137.766 190.28C137.8 190.283 137.848 190.285 137.91 190.285C137.957 190.285 137.998 190.284 138.035 190.282C138.035 190.275 138.035 190.268 138.035 190.26C138.035 190.256 138.035 190.252 138.035 190.248C137.998 190.246 137.957 190.245 137.91 190.245C137.848 190.245 137.8 190.247 137.766 190.25C137.762 190.25 137.758 190.251 137.755 190.251Z" fill="#101214"/>
+</svg>

package/dist/cjs/common/ui/spot/error-state/error-old/assets/light.svg

@@ -0,0 +1,5 @@
+<svg width="275" height="275" viewBox="0 0 275 275" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M55.99 215.63L56.08 215.81H218.91L219.01 215.63L137.5 64.9902L55.99 215.63Z" fill="#DDDEE1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M134.115 173.95V118.94H141.445V173.95H134.115Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M136.432 183.039C136.965 182.943 137.474 182.915 137.91 182.915C138.371 182.915 138.828 182.947 139.287 183.018L139.304 183.02L139.321 183.023C142.228 183.498 144.648 185.521 145.234 188.753C145.337 189.301 145.365 189.827 145.365 190.26C145.365 190.596 145.348 190.974 145.295 191.375V191.436L145.237 191.758C144.659 194.981 142.245 197.029 139.321 197.507L139.304 197.51L139.287 197.512C138.828 197.583 138.371 197.615 137.91 197.615C137.471 197.615 136.958 197.586 136.42 197.489C133.551 196.992 131.143 194.987 130.556 191.769C130.455 191.23 130.425 190.726 130.425 190.27C130.425 189.819 130.454 189.299 130.559 188.749C131.152 185.581 133.51 183.531 136.432 183.039ZM137.755 190.251C137.755 190.257 137.755 190.263 137.755 190.27C137.755 190.273 137.755 190.276 137.755 190.279C137.758 190.28 137.762 190.28 137.766 190.28C137.8 190.283 137.848 190.285 137.91 190.285C137.957 190.285 137.998 190.284 138.035 190.282C138.035 190.275 138.035 190.268 138.035 190.26C138.035 190.256 138.035 190.252 138.035 190.248C137.998 190.246 137.957 190.245 137.91 190.245C137.848 190.245 137.8 190.247 137.766 190.25C137.762 190.25 137.758 190.251 137.755 190.251Z" fill="white"/>
+</svg>

package/dist/cjs/common/ui/spot/error-state/error-old/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SpotErrorOld = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _renderSvg = require("../../../common/render-svg");
+var _dark = _interopRequireDefault(require("./assets/dark.svg"));
+var _light = _interopRequireDefault(require("./assets/light.svg"));
+var SpotErrorOld = exports.SpotErrorOld = function SpotErrorOld(props) {
+  return /*#__PURE__*/_react.default.createElement(_renderSvg.RenderSVG, (0, _extends2.default)({
+    src: _light.default,
+    srcDark: _dark.default
+  }, props));
+};

package/dist/cjs/common/utils/withFeatureFlaggedComponent.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withFeatureFlaggedComponent = void 0;
+var _react = _interopRequireDefault(require("react"));
+/**
+ * This function is used to switch between two components based on a feature flag
+ * @param ComponentOld
+ * @param ComponentNext
+ * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('my_flag_name')
+ * @returns
+ */
+var withFeatureFlaggedComponent = exports.withFeatureFlaggedComponent = function withFeatureFlaggedComponent(ComponentOld, ComponentNext, featureFlagFn) {
+  return function (props) {
+    // copied from packages/editor/editor-common/src/utils/withFeatureFlaggedComponent.tsx
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    return featureFlagFn() ? /*#__PURE__*/_react.default.createElement(ComponentNext, props) : /*#__PURE__*/_react.default.createElement(ComponentOld, props);
+  };
+};

package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/index.compiled.css

@@ -1,11 +1,21 @@
+._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._19bvoahv{padding-left:var(--ds-space-600,3pc)}
 ._1bah1h6o{justify-content:center}
 ._1e0c1txw{display:flex}
 ._1wpz1h6o{align-self:center}
 ._1y0bdipb font{xsmall:normal 600 14px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 ._4t3i1osq{height:100%}
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._ca0qoahv{padding-top:var(--ds-space-600,3pc)}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._p12f1kdj{max-width:25pc}
 ._pfzw85h9 font{xlarge:normal 600 29px/2pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._u5f3oahv{padding-right:var(--ds-space-600,3pc)}
 ._v2gl1yp8 font{small:normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 ._wtt4ykg7 font{xxlarge:normal 500 35px/40px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 ._x3fx1hgc font{medium:normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}

package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js

@@ -1,6 +1,7 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -10,6 +11,7 @@ require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
+var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _typography = require("@atlaskit/theme/typography");
 var _search = require("../../../../../common/ui/rich-icon/search");
@@ -18,8 +20,11 @@ var _messages = require("./messages");
 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 && {}.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 initialStateViewContainerStyles = null;
+var svgAndTextsWrapperStylesOld = null;
 var svgAndTextsWrapperStyles = null;
+var searchTitleStylesOld = null;
 var searchTitleStyles = null;
+var mainTextStyles = null;
 var AQLSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-assets-query-language-aql/';
 var InitialStateView = exports.InitialStateView = function InitialStateView() {
   var _useIntl = (0, _reactIntlNext.useIntl)(),
@@ -28,14 +33,18 @@ var InitialStateView = exports.InitialStateView = function InitialStateView() {
     "data-testid": "assets-aql-datasource-modal--initial-state-view",
     className: (0, _runtime.ax)(["_1e0c1txw _1bah1h6o _4t3i1osq"])
   }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_y3gn1h6o _1wpz1h6o"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? "_y3gn1h6o _1wpz1h6o _ca0qoahv _n3tdoahv _19bvoahv _u5f3oahv _p12f1kdj" : "_y3gn1h6o _1wpz1h6o"])
   }, (0, _platformFeatureFlags.fg)('bandicoots-update-sllv-icons') ? /*#__PURE__*/React.createElement(_search.RichIconSearch, {
     size: "xlarge",
-    alt: formatMessage(_messages.initialStateViewMessages.searchTitle)
+    alt: formatMessage((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? _messages.initialStateViewMessages.searchTitle : _messages.initialStateViewMessages.searchTitleOld)
   }) : /*#__PURE__*/React.createElement(_crystalBallSvgOld.CrystalBallSVGOld, null), /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_ca0qpxbi _n3tdu2gc _wtt4ykg7 _pfzw85h9 _zzcc1umn _x3fx1hgc _v2gl1yp8 _1y0bdipb _z7oy1jq3"])
-  }, formatMessage(_messages.initialStateViewMessages.searchTitle)), /*#__PURE__*/React.createElement("div", null, formatMessage(_messages.initialStateViewMessages.searchDescription)), /*#__PURE__*/React.createElement("a", {
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? "_11c8lodh _syaz1fxt _ca0q1ejb _n3tdpxbi" : "_ca0qpxbi _n3tdu2gc _wtt4ykg7 _pfzw85h9 _zzcc1umn _x3fx1hgc _v2gl1yp8 _1y0bdipb _z7oy1jq3"])
+  }, formatMessage((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? _messages.initialStateViewMessages.searchTitle : _messages.initialStateViewMessages.searchTitleOld)), /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') && "_syaz1gjq"])
+  }, formatMessage(_messages.initialStateViewMessages.searchDescription)), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(_link.default, {
+    href: AQLSupportDocumentLink
+  }, formatMessage(_messages.initialStateViewMessages.learnMoreLink)) : /*#__PURE__*/React.createElement("a", {
     href: AQLSupportDocumentLink,
     target: "_blank"
-  }, formatMessage(_messages.initialStateViewMessages.learnMoreLink))));
+  }, formatMessage(_messages.initialStateViewMessages.learnMoreLinkOld))));
 };

package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/messages.js

@@ -6,19 +6,29 @@ Object.defineProperty(exports, "__esModule", {
 exports.initialStateViewMessages = void 0;
 var _reactIntlNext = require("react-intl-next");
 var initialStateViewMessages = exports.initialStateViewMessages = (0, _reactIntlNext.defineMessages)({
+  searchTitleOld: {
+    id: 'linkDataSource.assets.configModal.renderAssetsContent.initialStateView.searchTitleOld',
+    description: 'The initial search state title that gives the user some idea about how to get information',
+    defaultMessage: 'Search for objects'
+  },
   searchTitle: {
     id: 'linkDataSource.assets.configModal.renderAssetsContent.initialStateView.searchTitle',
     description: 'The initial search state title that gives the user some idea about how to get information',
-    defaultMessage: 'Search for objects'
+    defaultMessage: 'Search for objects or object types'
   },
   searchDescription: {
     id: 'linkDataSource.assets.configModal.renderAssetsContent.initialStateView.searchDescription',
     description: 'The initial search state helper message displays under the search title',
     defaultMessage: 'Start typing or use AQL to search.'
   },
+  learnMoreLinkOld: {
+    id: 'linkDataSource.assets.configModal.renderAssetsContent.initialStateView.learnMoreLinkOld',
+    description: 'The link that displays under the search description to help people know more about AQL',
+    defaultMessage: 'Learn more about searching with AQL.'
+  },
   learnMoreLink: {
     id: 'linkDataSource.assets.configModal.renderAssetsContent.initialStateView.learnMoreLink',
     description: 'The link that displays under the search description to help people know more about AQL',
-    defaultMessage: 'Learn more about searching with AQL.'
+    defaultMessage: 'Find out more about searching with AQL'
   }
 });

package/dist/cjs/ui/assets-modal/search-container/object-schema-select/index.js

@@ -20,7 +20,7 @@ var _debouncePromise = _interopRequireDefault(require("debounce-promise"));
 var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _form = require("@atlaskit/form");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _select = require("@atlaskit/select");
 var _constants = require("@atlaskit/theme/constants");
@@ -141,7 +141,12 @@ var AssetsObjectSchemaSelect = exports.AssetsObjectSchemaSelect = function Asset
           triggerProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded3);
         return /*#__PURE__*/React.createElement(_new.default, (0, _extends2.default)({}, triggerProps, {
           isSelected: isOpen,
-          iconAfter: _chevronDown.default
+          iconAfter: function iconAfter() {
+            return /*#__PURE__*/React.createElement(_chevronDown.default, {
+              label: "",
+              color: "currentColor"
+            });
+          }
         }), ((_restFieldProps$value = restFieldProps.value) === null || _restFieldProps$value === void 0 ? void 0 : _restFieldProps$value.label) || formatMessage(_messages.objectSchemaSelectMessages.placeholder));
       }
     })) : /*#__PURE__*/React.createElement(_select.AsyncSelect, (0, _extends2.default)({

package/dist/cjs/ui/common/error-state/access-required.compiled.css

@@ -1,6 +1,9 @@
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulppxbi{gap:var(--ds-space-200,1pc)}
+._19pkmgjw{margin-top:var(--ds-space-negative-200,-1pc)}
 ._1e0c1txw{display:flex}
 ._2lx21bp4{flex-direction:column}
 ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
 ._syaznoz8{color:var(--ds-text-subtlest,#505f79)}

package/dist/cjs/ui/common/error-state/access-required.js

@@ -26,7 +26,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var styles = {
   iconContainerStyles: "_otyrpxbi",
   descriptionMessageStyles: "_zulppxbi _1e0c1txw _2lx21bp4",
-  urlStyles: "_11c82smr _syaznoz8"
+  urlStylesOld: "_11c82smr _syaznoz8",
+  urlStyles: "_11c8lodh _syaz1fxt _19pkmgjw"
 };
 var Description = function Description(_ref) {
   var message = _ref.message,
@@ -34,7 +35,7 @@ var Description = function Description(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)([styles.descriptionMessageStyles])
   }, /*#__PURE__*/React.createElement("span", {
-    className: (0, _runtime.ax)([styles.urlStyles])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? styles.urlStyles : styles.urlStylesOld])
   }, url), /*#__PURE__*/React.createElement("span", null, message));
 };
 var noop = function noop() {
@@ -68,7 +69,8 @@ var AccessRequired = exports.AccessRequired = function AccessRequired(_ref3) {
   if (url) {
     return /*#__PURE__*/React.createElement(_emptyState.default, {
       testId: "datasource--access-required-with-url",
-      header: formatMessage(_messages.loadingErrorMessages.accessRequiredWithSite),
+      header: formatMessage((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? _messages.loadingErrorMessages.accessRequiredWithSite : _messages.loadingErrorMessages.accessRequiredWithSiteOld),
+      headingLevel: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? 2 : undefined,
       description: /*#__PURE__*/React.createElement(Description, {
         message: formatMessage(_messages.loadingErrorMessages.accessInstructions),
         url: url

package/dist/cjs/ui/common/error-state/messages.js

@@ -34,10 +34,15 @@ var loadingErrorMessages = exports.loadingErrorMessages = (0, _reactIntlNext.def
     defaultMessage: "You don't have access to the following site:"
   },
   //delete and remove duplicate from title above
+  accessRequiredWithSiteOld: {
+    id: 'linkDataSource.jira-issues.accessRequiredWithSiteOld',
+    description: 'Message letting user know that they do not have access to the site that will be listed below this message',
+    defaultMessage: "You don't have access to the following site:"
+  },
   accessRequiredWithSite: {
     id: 'linkDataSource.jira-issues.accessRequiredWithSite',
     description: 'Message letting user know that they do not have access to the site that will be listed below this message',
-    defaultMessage: "You don't have access to the following site:"
+    defaultMessage: "You don't have access to"
   },
   checkConnectionDuplicate: {
     id: 'linkDataSource.checkConnection',
@@ -66,10 +71,20 @@ var loadingErrorMessages = exports.loadingErrorMessages = (0, _reactIntlNext.def
     defaultMessage: 'No results found'
   },
   //delete and remove duplicate from title above
+  noResultsFoundOld: {
+    id: 'linkDataSource.jira-issues.noResultsFoundOld',
+    description: 'Status message letting the user know their query did not have any results',
+    defaultMessage: 'No results found'
+  },
   noResultsFound: {
     id: 'linkDataSource.jira-issues.noResultsFound',
     description: 'Status message letting the user know their query did not have any results',
-    defaultMessage: 'No results found'
+    defaultMessage: "We couldn't find anything matching your search"
+  },
+  noResultsFoundDescription: {
+    id: 'linkDataSource.jira-issues.noResultsFound.description',
+    description: 'Status message letting the user know their query did not have any results',
+    defaultMessage: 'Try again with a different term.'
   },
   refreshDuplicate: {
     id: 'linkDataSource.refresh',
@@ -99,10 +114,15 @@ var loadingErrorMessages = exports.loadingErrorMessages = (0, _reactIntlNext.def
     defaultMessage: 'Unable to load results'
   },
   //delete and remove duplicate from title above
+  unableToLoadResultsOld: {
+    id: 'linkDataSource.jira-issues.unableToLoadResultsOld',
+    description: 'Error state message letting the user know we were unable the load the requested list of results',
+    defaultMessage: 'Unable to load results'
+  },
   unableToLoadResults: {
     id: 'linkDataSource.jira-issues.unableToLoadResults',
     description: 'Error state message letting the user know we were unable the load the requested list of results',
-    defaultMessage: 'Unable to load results'
+    defaultMessage: 'We ran into an issue trying to fetch results'
   },
   unableToLoadResultsVisualRefreshSllv: {
     id: 'linkDataSource.jira-issues.unableToLoadResults.visual-refresh-sllv',

package/dist/cjs/ui/common/error-state/modal-loading-error.compiled.css

@@ -1,7 +1,14 @@
 
 ._zulp1ejb{gap:var(--ds-space-300,24px)}
+._zulppxbi{gap:var(--ds-space-200,1pc)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._10fp1h6o{justify-self:center}
+._19bvoahv{padding-left:var(--ds-space-600,3pc)}
 ._1e0c11p5{display:grid}
 ._1wpz1h6o{align-self:center}
 ._4cvr1h6o{align-items:center}
-._6a6z1h6o{justify-items:center}
+._6a6z1h6o{justify-items:center}
+._ca0qoahv{padding-top:var(--ds-space-600,3pc)}
+._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
+._p12f1kdj{max-width:25pc}
+._u5f3oahv{padding-right:var(--ds-space-600,3pc)}
+._y3gn1h6o{text-align:center}

package/dist/cjs/ui/common/error-state/modal-loading-error.js

@@ -1,6 +1,7 @@
 /* modal-loading-error.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -10,7 +11,9 @@ require("./modal-loading-error.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
+var _react2 = require("@compiled/react");
 var _reactIntlNext = require("react-intl-next");
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _analytics = require("../../../analytics");
@@ -21,11 +24,14 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 && {}.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 styles = {
   errorContainerStyles: "_zulp1ejb _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5",
-  errorMessageContainerStyles: "_zulpu2gc _4cvr1h6o _6a6z1h6o _1e0c11p5"
+  errorContainerStylesNew: "_zulp1ejb _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5 _ca0qoahv _u5f3oahv _n3tdoahv _19bvoahv _p12f1kdj",
+  errorMessageContainerStylesOld: "_zulpu2gc _4cvr1h6o _6a6z1h6o _1e0c11p5",
+  errorMessageContainerStyles: "_zulppxbi _4cvr1h6o _6a6z1h6o _1e0c11p5 _y3gn1h6o"
 };
 var ModalLoadingError = exports.ModalLoadingError = function ModalLoadingError(_ref) {
   var _ref$errorMessage = _ref.errorMessage,
-    errorMessage = _ref$errorMessage === void 0 ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection) : _ref$errorMessage;
+    errorMessage = _ref$errorMessage === void 0 ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection) : _ref$errorMessage,
+    onRefresh = _ref.onRefresh;
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   (0, _react.useEffect)(function () {
@@ -34,16 +40,27 @@ var ModalLoadingError = exports.ModalLoadingError = function ModalLoadingError(_
     });
   }, [fireEvent]);
   return /*#__PURE__*/React.createElement(_compiled.Box, {
-    xcss: styles.errorContainerStyles,
+    xcss: (0, _react2.cx)((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? styles.errorContainerStylesNew : styles.errorContainerStyles),
     testId: "datasource-modal--loading-error"
   }, (0, _platformFeatureFlags.fg)('bandicoots-update-sllv-icons') ? /*#__PURE__*/React.createElement(_search.SpotErrorSearch, {
     size: 'xlarge',
     alt: ""
   }) : /*#__PURE__*/React.createElement(_loadingErrorSvgOld.LoadingErrorSVGOld, null), /*#__PURE__*/React.createElement(_compiled.Box, {
-    xcss: styles.errorMessageContainerStyles
-  }, /*#__PURE__*/React.createElement(_compiled.Text, {
+    xcss: (0, _react2.cx)((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? styles.errorMessageContainerStyles : styles.errorMessageContainerStylesOld)
+  }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(_compiled.Text, {
+    as: "span",
+    size: "large",
+    weight: "bold"
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadResults)) : /*#__PURE__*/React.createElement(_compiled.Text, {
     size: "small"
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadResults)), /*#__PURE__*/React.createElement(_compiled.Text, {
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadResultsOld)), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(_compiled.Text, {
+    as: "span",
+    size: "medium"
+  }, errorMessage) : /*#__PURE__*/React.createElement(_compiled.Text, {
     as: "p"
-  }, errorMessage)));
+  }, errorMessage), onRefresh && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') && /*#__PURE__*/React.createElement(_new.default, {
+    appearance: "primary",
+    onClick: onRefresh,
+    testId: "datasource-modal--loading-error-refresh"
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.refresh))));
 };

package/dist/cjs/ui/common/error-state/no-results.compiled.css

@@ -1,10 +1,17 @@
 
 ._zulp1ejb{gap:var(--ds-space-300,24px)}
+._zulppxbi{gap:var(--ds-space-200,1pc)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._10fp1h6o{justify-self:center}
 ._18u01jfw{margin-left:var(--ds-space-500,40px)}
+._18u0oahv{margin-left:var(--ds-space-600,3pc)}
 ._19pk1jfw{margin-top:var(--ds-space-500,40px)}
+._19pkoahv{margin-top:var(--ds-space-600,3pc)}
 ._1wpz1h6o{align-self:center}
 ._2hwx1jfw{margin-right:var(--ds-space-500,40px)}
+._2hwxoahv{margin-right:var(--ds-space-600,3pc)}
 ._4cvr1h6o{align-items:center}
 ._6a6z1h6o{justify-items:center}
-._otyr1jfw{margin-bottom:var(--ds-space-500,40px)}
+._otyr1jfw{margin-bottom:var(--ds-space-500,40px)}
+._otyroahv{margin-bottom:var(--ds-space-600,3pc)}
+._p12fko4j{max-width:19pc}
+._y3gn1h6o{text-align:center}