@atlaskit/link-datasource 4.4.0 → 4.6.1

package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.js

@@ -1,7 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import NewButton from '@atlaskit/button/new';
 import Button from '@atlaskit/button/standard-button';
-import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
+import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
+import ChevronDownIconOld from '@atlaskit/icon/utility/migration/chevron-down';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const PopupTrigger = ({
   triggerProps,
   isSelected,
@@ -9,6 +12,17 @@ export const PopupTrigger = ({
   selectedLabel,
   onClick
 }) => {
+  if (fg('platform-linking-visual-refresh-sllv')) {
+    return /*#__PURE__*/React.createElement(NewButton, _extends({}, triggerProps, {
+      testId: 'confluence-search-modal--date-range-button',
+      onClick: onClick,
+      isSelected: isSelected,
+      iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
+        label: "",
+        color: "currentColor"
+      })
+    }), labelPrefix, selectedLabel ? `: ${selectedLabel}` : '');
+  }
   return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
     testId: 'confluence-search-modal--date-range-button',
     onClick: onClick,
@@ -21,7 +35,7 @@ export const PopupTrigger = ({
         display: 'flex',
         alignItems: 'center'
       }
-    }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
+    }, /*#__PURE__*/React.createElement(ChevronDownIconOld, {
       LEGACY_size: "medium",
       label: "",
       color: "currentColor"

package/dist/es2019/ui/confluence-search-modal/confluence-search-container/index.compiled.css

@@ -1 +1,2 @@
-._16jlkb7n{flex-grow:1}
+._16jlkb7n{flex-grow:1}
+._1bsb1osq{width:100%}

package/dist/es2019/ui/confluence-search-modal/confluence-search-container/index.js

@@ -2,8 +2,10 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
 import { BasicSearchInput } from '../../common/modal/basic-search-input';
 import { FILTER_SELECTION_DEBOUNCE_MS } from '../../common/modal/popup-select/constants';
 import BasicFilters from '../basic-filters';
@@ -11,6 +13,7 @@ import { useBasicFilterHydration } from '../basic-filters/hooks/useBasicFilterHy
 import { CLOLBasicFilters } from '../basic-filters/types';
 import { searchMessages } from './messages';
 const styles = {
+  basicSearchInputBoxStyles: "_1bsb1osq",
   basicSearchInputContainerStyles: "_16jlkb7n"
 };
 const ConfluenceSearchContainer = ({
@@ -43,6 +46,9 @@ const ConfluenceSearchContainer = ({
       to: lastModifiedTo
     }]
   } : {});
+  const {
+    formatMessage
+  } = useIntl();
   const handleSearchChange = useCallback(e => {
     const rawSearch = e.currentTarget.value;
     setSearchBarSearchString(rawSearch);
@@ -88,7 +94,9 @@ const ConfluenceSearchContainer = ({
       });
     }
   }, [users, status, filterSelections.lastModified]);
-  return /*#__PURE__*/React.createElement(Flex, {
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.basicSearchInputBoxStyles
+  }, /*#__PURE__*/React.createElement(Flex, {
     alignItems: "center",
     xcss: styles.basicSearchInputContainerStyles
   }, /*#__PURE__*/React.createElement(BasicSearchInput, {
@@ -98,12 +106,17 @@ const ConfluenceSearchContainer = ({
     onSearch: onSearch,
     searchTerm: searchBarSearchString,
     placeholder: searchMessages.searchLabel,
+    ariaLabel: searchMessages.searchLabel,
     fullWidth: false
   }), /*#__PURE__*/React.createElement(BasicFilters, {
     cloudId: cloudId,
     selections: filterSelections,
     onChange: handleBasicFilterSelectionChange,
     isHydrating: status === 'loading'
-  }));
+  })), fg('platform-linking-visual-refresh-sllv') && /*#__PURE__*/React.createElement(Text, {
+    size: "small",
+    color: "color.text.subtlest",
+    testId: "confluence-search-placeholder"
+  }, formatMessage(searchMessages.searchLabel)));
 };
 export default ConfluenceSearchContainer;

package/dist/es2019/ui/confluence-search-modal/modal/index.js

@@ -6,6 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment, useCallback, useEffect, useMemo, useRef } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
+import LinkComponent from '@atlaskit/link';
 import { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
@@ -212,6 +213,20 @@ export const PlainConfluenceSearchConfigModal = props => {
   }, [currentViewMode, fireInlineViewedEvent, fireTableViewedEvent, status]);
   const renderTableModalContent = useCallback(() => {
     if (status === 'rejected') {
+      if (selectedConfluenceSite && fg('platform-linking-visual-refresh-sllv')) {
+        return /*#__PURE__*/React.createElement(ModalLoadingError, {
+          errorMessage: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, confluenceSearchModalMessages.checkConnectionWithSource, {
+            values: {
+              a: urlText => /*#__PURE__*/React.createElement(LinkComponent, {
+                href: selectedConfluenceSite.url
+              }, urlText)
+            }
+          })),
+          onRefresh: () => reset({
+            shouldForceRequest: true
+          })
+        });
+      }
       return /*#__PURE__*/React.createElement(ModalLoadingError, null);
     } else if (status === 'unauthorized') {
       return /*#__PURE__*/React.createElement(AccessRequired, {
@@ -240,7 +255,7 @@ export const PlainConfluenceSearchConfigModal = props => {
     }, /*#__PURE__*/React.createElement(DatasourcesTableInModalPreview, {
       testId: "confluence-search-datasource-table"
     }));
-  }, [status, resolvedWithNoResults, columns.length, selectedConfluenceSiteUrl, urlBeingEdited, hasConfluenceSearchParams, formatMessage]);
+  }, [status, resolvedWithNoResults, columns.length, selectedConfluenceSiteUrl, urlBeingEdited, hasConfluenceSearchParams, formatMessage, reset, selectedConfluenceSite]);
   const renderInlineLinkModalContent = useCallback(() => {
     if (status === 'unauthorized') {
       return /*#__PURE__*/React.createElement(AccessRequired, {

package/dist/es2019/ui/confluence-search-modal/modal/messages.js

@@ -44,5 +44,10 @@ export const confluenceSearchModalMessages = defineMessages({
     id: 'linkDataSource.confluence-search.configmodal.placeholder.issues',
     description: 'Placeholder text that will be placed next to a count of confluence search results',
     defaultMessage: '### Results'
+  },
+  checkConnectionWithSource: {
+    id: 'linkDataSource.confluence-search.checkConnectionWithSource',
+    description: 'Instructions to let the user know how to resolve the error that occured, or click the link provided to open the query in Jira',
+    defaultMessage: 'Check your connection and refresh, or <a>open this project in Confluence</a> to review.'
   }
 });

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.js

@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import isEqual from 'lodash/isEqual';
 import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { FilterPopupSelect } from '../../../../common/modal/popup-select';
 import { SEARCH_DEBOUNCE_MS } from '../../../../common/modal/popup-select/constants';
 import { useFilterOptions } from '../../hooks/useFilterOptions';
@@ -85,7 +86,7 @@ const AsyncPopupSelect = ({
   const filterName = `jlol-basic-filter-${filterType}`;
   const shouldShowFooter = (status === 'resolved' || isLoadingMore) && filterOptionsLength > 0; // footer should not disappear when there is an inline spinner for loading more data
   const shouldDisplayShowMoreButton = status === 'resolved' && !!pageCursor && !areAllResultsLoaded;
-  const triggerButtonLabel = formatMessage(asyncPopupSelectMessages[`${filterType}Label`]);
+  const triggerButtonLabel = formatMessage(!fg('platform-linking-visual-refresh-sllv') && filterType === 'type' ? asyncPopupSelectMessages.typeLabelOld : asyncPopupSelectMessages[`${filterType}Label`]);
   return /*#__PURE__*/React.createElement(FilterPopupSelect, {
     filterName: filterName,
     status: status,
@@ -97,6 +98,7 @@ const AsyncPopupSelect = ({
     selectedOptions: selectedOptions,
     options: popupSelectOptions,
     buttonLabel: triggerButtonLabel,
+    searchPlaceholder: fg('platform-linking-visual-refresh-sllv') ? formatMessage(asyncPopupSelectMessages[`${filterType}SearchPlaceholder`]) : undefined,
     onInputChange: handleInputChange,
     onSelectionChange: handleOptionSelection,
     onMenuOpen: handleMenuOpen,

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/messages.js

@@ -13,11 +13,36 @@ export const asyncPopupSelectMessages = defineMessages({
   typeLabel: {
     id: 'linkDataSource.basic-filter.type.label',
     description: 'Label to be displayed for type filter dropdown button.',
+    defaultMessage: 'Work type'
+  },
+  typeLabelOld: {
+    id: 'linkDataSource.basic-filter.type.labelOld',
+    description: 'Label to be displayed for type filter dropdown button.',
     defaultMessage: 'Type'
   },
   assigneeLabel: {
     id: 'linkDataSource.basic-filter.assignee.label',
     description: 'Label to be displayed for assignee filter dropdown button.',
     defaultMessage: 'Assignee'
+  },
+  projectSearchPlaceholder: {
+    id: 'linkDataSource.basic-filter.project.searchPlaceholder',
+    description: 'Placeholder to be displayed for project filter dropdown search input.',
+    defaultMessage: 'Search for projects'
+  },
+  statusSearchPlaceholder: {
+    id: 'linkDataSource.basic-filter.status.searchPlaceholder',
+    description: 'Placeholder to be displayed for status filter dropdown search input.',
+    defaultMessage: 'Search for status'
+  },
+  typeSearchPlaceholder: {
+    id: 'linkDataSource.basic-filter.type.searchPlaceholder',
+    description: 'Placeholder to be displayed for work type filter dropdown search input.',
+    defaultMessage: 'Search for work type'
+  },
+  assigneeSearchPlaceholder: {
+    id: 'linkDataSource.basic-filter.assignee.searchPlaceholder',
+    description: 'Placeholder to be displayed for assignee filter dropdown search input.',
+    defaultMessage: 'Search for assignee'
   }
 });

package/dist/es2019/ui/jira-issues-modal/jira-search-container/index.compiled.css

@@ -1,4 +1,7 @@
 ._16jlkb7n{flex-grow:1}
+._19pk1b66{margin-top:var(--ds-space-050,4px)}
+._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._1tket9kd{min-height:72px}
-._4cvr1q9y{align-items:baseline}
+._4cvr1q9y{align-items:baseline}
+._4cvr1y6m{align-items:flex-start}

package/dist/es2019/ui/jira-issues-modal/jira-search-container/index.js

@@ -4,7 +4,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { BasicSearchInput } from '../../common/modal/basic-search-input';
 import { basicSearchInputMessages } from '../../common/modal/basic-search-input/messages';
@@ -17,8 +18,11 @@ import { JiraJQLEditor } from '../jql-editor';
 import { buildJQL } from './buildJQL';
 import { modeSwitcherMessages } from './messages';
 const styles = {
+  basicSearchInputBoxStyles: "_1bsb1osq",
   basicSearchInputContainerStyles: "_16jlkb7n",
-  inputContainerStyles: "_4cvr1q9y _1e0c1txw _1tket9kd"
+  inputContainerStylesOld: "_4cvr1q9y _1e0c1txw _1tket9kd",
+  inputContainerStyles: "_4cvr1y6m _1e0c1txw _1tket9kd",
+  modeSwitcherContainerStyles: "_19pk1b66"
 };
 export const DEFAULT_JQL_QUERY = 'ORDER BY created DESC';
 export const ALLOWED_ORDER_BY_KEYS = ['key', 'summary', 'assignee', 'status', 'created'];
@@ -171,9 +175,51 @@ export const JiraSearchContainer = props => {
       setCloudId(currentCloudId);
     }
   }, [currentCloudId, cloudId, setSearchBarJql]);
+  if (fg('platform-linking-visual-refresh-sllv')) {
+    return /*#__PURE__*/React.createElement("div", {
+      "data-testid": "jira-search-container",
+      className: ax([styles.inputContainerStyles])
+    }, currentSearchMethod === 'basic' && /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.basicSearchInputBoxStyles
+    }, /*#__PURE__*/React.createElement(Flex, {
+      alignItems: "center",
+      xcss: styles.basicSearchInputContainerStyles
+    }, /*#__PURE__*/React.createElement(BasicSearchInput, {
+      isSearching: isSearching,
+      onChange: handleBasicSearchChange,
+      onSearch: handleSearch,
+      searchTerm: basicSearchTerm,
+      placeholder: basicSearchInputMessages.basicTextSearchLabel,
+      ariaLabel: basicSearchInputMessages.basicTextSearchLabel,
+      testId: "jira-datasource-modal",
+      fullWidth: false
+    }), /*#__PURE__*/React.createElement(BasicFilters, {
+      jql: searchBarJql,
+      site: site,
+      onChange: handleBasicFilterSelectionChange,
+      selections: filterSelections,
+      isJQLHydrating: basicFilterHydrationStatus === 'loading'
+    })), currentSearchMethod === 'basic' && /*#__PURE__*/React.createElement(Text, {
+      size: "small",
+      color: "color.text.subtlest",
+      testId: "jira-search-placeholder"
+    }, formatMessage(basicSearchInputMessages.basicTextSearchLabel))), currentSearchMethod === 'jql' && /*#__PURE__*/React.createElement(JiraJQLEditor, {
+      cloudId: cloudId || '',
+      isSearching: isSearching,
+      onChange: onQueryChange,
+      onSearch: handleSearch,
+      query: searchBarJql
+    }), /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.modeSwitcherContainerStyles
+    }, /*#__PURE__*/React.createElement(ModeSwitcher, {
+      onOptionValueChange: onSearchMethodChange,
+      selectedOptionValue: currentSearchMethod,
+      options: modeSwitcherOptions
+    })));
+  }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "jira-search-container",
-    className: ax([styles.inputContainerStyles])
+    className: ax([styles.inputContainerStylesOld])
   }, currentSearchMethod === 'basic' && /*#__PURE__*/React.createElement(Flex, {
     alignItems: "center",
     xcss: styles.basicSearchInputContainerStyles
@@ -183,6 +229,7 @@ export const JiraSearchContainer = props => {
     onSearch: handleSearch,
     searchTerm: basicSearchTerm,
     placeholder: basicSearchInputMessages.basicTextSearchLabel,
+    ariaLabel: basicSearchInputMessages.basicTextSearchLabel,
     testId: "jira-datasource-modal",
     fullWidth: false
   }), /*#__PURE__*/React.createElement(BasicFilters, {

package/dist/es2019/ui/jira-issues-modal/modal/index.js

@@ -4,6 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
+import LinkComponent from '@atlaskit/link';
 import { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
@@ -261,12 +262,29 @@ const PlainJiraIssuesConfigModal = props => {
   const renderIssuesModeContent = useCallback(() => {
     const selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     const getDescriptionMessage = () => {
+      if (currentSearchMethod === 'basic' && fg('platform-linking-visual-refresh-sllv')) {
+        return initialStateViewMessages.searchDescriptionForBasicSearchVisualRefreshSllv;
+      }
       if (fg('confluence-issue-terminology-refresh')) {
         return currentSearchMethod === 'jql' ? initialStateViewMessages.searchDescriptionForJQLSearchIssueTermRefresh : initialStateViewMessages.searchDescriptionForBasicSearchIssueTermRefresh;
       }
       return currentSearchMethod === 'jql' ? initialStateViewMessages.searchDescriptionForJQLSearch : initialStateViewMessages.searchDescriptionForBasicSearch;
     };
     if (status === 'rejected' && jqlUrl) {
+      if (fg('platform-linking-visual-refresh-sllv')) {
+        return /*#__PURE__*/React.createElement(ModalLoadingError, {
+          errorMessage: jqlUrl ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, modalMessages.checkConnectionWithSourceVisualRefreshSllv, {
+            values: {
+              a: urlText => /*#__PURE__*/React.createElement(LinkComponent, {
+                href: jqlUrl
+              }, urlText)
+            }
+          })) : undefined,
+          onRefresh: () => reset({
+            shouldForceRequest: true
+          })
+        });
+      }
       return /*#__PURE__*/React.createElement(ModalLoadingError, {
         errorMessage: jqlUrl ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, modalMessages.checkConnectionWithSource, {
           values: {
@@ -296,6 +314,9 @@ const PlainJiraIssuesConfigModal = props => {
         title: fg('confluence-issue-terminology-refresh') ? modalMessages.searchJiraTitleIssueTermRefresh : modalMessages.searchJiraTitle,
         description: getDescriptionMessage(),
         learnMoreLink: currentSearchMethod === 'jql' ? {
+          href: jqlSupportDocumentLink,
+          text: initialStateViewMessages.learnMoreLinkOld
+        } : fg('platform-linking-visual-refresh-sllv') ? {
           href: jqlSupportDocumentLink,
           text: initialStateViewMessages.learnMoreLink
         } : undefined
@@ -306,7 +327,7 @@ const PlainJiraIssuesConfigModal = props => {
     }, /*#__PURE__*/React.createElement(DatasourcesTableInModalPreview, {
       testId: "jira-datasource-table"
     }));
-  }, [columns.length, currentSearchMethod, formatMessage, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
+  }, [columns.length, currentSearchMethod, formatMessage, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited, reset]);
   const siteSelectorLabel = useMemo(() => {
     if (fg('confluence-issue-terminology-refresh')) {
       return availableSites && availableSites.length > 1 ? modalMessages.insertIssuesTitleManySitesIssueTermRefresh : modalMessages.insertIssuesTitleIssueTermRefresh;
@@ -384,7 +405,7 @@ const PlainJiraIssuesConfigModal = props => {
     testId: "jira-datasource-modal--insert-button",
     url: urlToInsert,
     getAnalyticsPayload: getInsertButtonAnalyticsPayload
-  }, fg('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertIssuesButtonTextIssueTermRefresh) : /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertIssuesButtonText))))));
+  }, fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertIssuesButtonTextIssueTermSllv) : fg('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertIssuesButtonTextIssueTermRefresh) : /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertIssuesButtonText))))));
 };
 const ConnectedJiraIssueConfigModal = createDatasourceModal({
   isValidParameters,

package/dist/es2019/ui/jira-issues-modal/modal/messages.js

@@ -91,11 +91,21 @@ export const modalMessages = defineMessages({
     description: 'Instructions to let the user know how to resolve the error that occured, or click the link provided to open the query in Jira',
     defaultMessage: 'Check your connection and refresh, or <a>open this query in Jira</a> to review.'
   },
+  checkConnectionWithSourceVisualRefreshSllv: {
+    id: 'linkDataSource.jira-issues.checkConnectionWithSource.visual-refresh-sllv',
+    description: 'Instructions to let the user know how to resolve the error that occured, or click the link provided to open the query in Jira',
+    defaultMessage: 'Check your connection and refresh, or <a>open this project in Jira</a> to review.'
+  },
   insertIssuesButtonTextIssueTermRefresh: {
     id: 'linkDataSource.jira-issues.configmodal.insertIssuesButtonText-issue-term-refresh',
     description: 'Button text to insert the displayed content',
     defaultMessage: 'Insert work items'
   },
+  insertIssuesButtonTextIssueTermSllv: {
+    id: 'linkDataSource.jira-issues.configmodal.insertIssuesButtonText-issue-term-sllv',
+    description: 'Button text to insert the displayed content',
+    defaultMessage: 'Insert results'
+  },
   insertIssuesTitleIssueTermRefresh: {
     id: 'linkDataSource.jira-issues.configmodal.insertIssuesTitle-issue-term-refresh',
     description: 'Title for the Jira Issues Datasource config modal',

package/dist/esm/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/esm/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/esm/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/esm/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/esm/common/ui/spot/error-state/error-old/index.js

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { RenderSVG } from '../../../common/render-svg';
+import Dark from './assets/dark.svg';
+import Light from './assets/light.svg';
+export var SpotErrorOld = function SpotErrorOld(props) {
+  return /*#__PURE__*/React.createElement(RenderSVG, _extends({
+    src: Light,
+    srcDark: Dark
+  }, props));
+};

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

@@ -0,0 +1,17 @@
+import React from '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
+ */
+export var 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.createElement(ComponentNext, props) : /*#__PURE__*/React.createElement(ComponentOld, props);
+  };
+};

package/dist/esm/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/esm/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js

@@ -3,14 +3,18 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useIntl } from 'react-intl-next';
+import Link from '@atlaskit/link';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { fontFallback } from '@atlaskit/theme/typography';
 import { RichIconSearch } from '../../../../../common/ui/rich-icon/search';
 import { CrystalBallSVGOld } from './assets/crystal-ball-svg-old';
 import { initialStateViewMessages } from './messages';
 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/';
 export var InitialStateView = function InitialStateView() {
   var _useIntl = useIntl(),
@@ -19,14 +23,18 @@ export var InitialStateView = function InitialStateView() {
     "data-testid": "assets-aql-datasource-modal--initial-state-view",
     className: ax(["_1e0c1txw _1bah1h6o _4t3i1osq"])
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_y3gn1h6o _1wpz1h6o"])
+    className: ax([fg('platform-linking-visual-refresh-sllv') ? "_y3gn1h6o _1wpz1h6o _ca0qoahv _n3tdoahv _19bvoahv _u5f3oahv _p12f1kdj" : "_y3gn1h6o _1wpz1h6o"])
   }, fg('bandicoots-update-sllv-icons') ? /*#__PURE__*/React.createElement(RichIconSearch, {
     size: "xlarge",
-    alt: formatMessage(initialStateViewMessages.searchTitle)
+    alt: formatMessage(fg('platform-linking-visual-refresh-sllv') ? initialStateViewMessages.searchTitle : initialStateViewMessages.searchTitleOld)
   }) : /*#__PURE__*/React.createElement(CrystalBallSVGOld, null), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_ca0qpxbi _n3tdu2gc _wtt4ykg7 _pfzw85h9 _zzcc1umn _x3fx1hgc _v2gl1yp8 _1y0bdipb _z7oy1jq3"])
-  }, formatMessage(initialStateViewMessages.searchTitle)), /*#__PURE__*/React.createElement("div", null, formatMessage(initialStateViewMessages.searchDescription)), /*#__PURE__*/React.createElement("a", {
+    className: ax([fg('platform-linking-visual-refresh-sllv') ? "_11c8lodh _syaz1fxt _ca0q1ejb _n3tdpxbi" : "_ca0qpxbi _n3tdu2gc _wtt4ykg7 _pfzw85h9 _zzcc1umn _x3fx1hgc _v2gl1yp8 _1y0bdipb _z7oy1jq3"])
+  }, formatMessage(fg('platform-linking-visual-refresh-sllv') ? initialStateViewMessages.searchTitle : initialStateViewMessages.searchTitleOld)), /*#__PURE__*/React.createElement("div", {
+    className: ax([fg('platform-linking-visual-refresh-sllv') && "_syaz1gjq"])
+  }, formatMessage(initialStateViewMessages.searchDescription)), fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(Link, {
+    href: AQLSupportDocumentLink
+  }, formatMessage(initialStateViewMessages.learnMoreLink)) : /*#__PURE__*/React.createElement("a", {
     href: AQLSupportDocumentLink,
     target: "_blank"
-  }, formatMessage(initialStateViewMessages.learnMoreLink))));
+  }, formatMessage(initialStateViewMessages.learnMoreLinkOld))));
 };

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

@@ -1,18 +1,28 @@
 import { defineMessages } from 'react-intl-next';
 export var initialStateViewMessages = 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/esm/ui/assets-modal/search-container/object-schema-select/index.js

@@ -17,7 +17,7 @@ import debounce from 'debounce-promise';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import { Field } from '@atlaskit/form';
-import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
+import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { AsyncSelect, PopupSelect } from '@atlaskit/select';
 import { layers } from '@atlaskit/theme/constants';
@@ -132,7 +132,12 @@ export var AssetsObjectSchemaSelect = function AssetsObjectSchemaSelect(_ref2) {
           triggerProps = _objectWithoutProperties(_ref5, _excluded3);
         return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
           isSelected: isOpen,
-          iconAfter: ChevronDownIcon
+          iconAfter: function iconAfter() {
+            return /*#__PURE__*/React.createElement(ChevronDownIcon, {
+              label: "",
+              color: "currentColor"
+            });
+          }
         }), ((_restFieldProps$value = restFieldProps.value) === null || _restFieldProps$value === void 0 ? void 0 : _restFieldProps$value.label) || formatMessage(objectSchemaSelectMessages.placeholder));
       }
     })) : /*#__PURE__*/React.createElement(AsyncSelect, _extends({

package/dist/esm/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)}