@atlaskit/link-datasource 4.13.6 → 4.14.0

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

@@ -22,17 +22,6 @@ export var loadingErrorMessages = defineMessages({
     description: 'Message letting user know that they do not have access to this content',
     defaultMessage: "You don't have access to this content"
   },
-  accessRequiredWithSiteDuplicate: {
-    id: 'linkDataSource.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:"
-  },
-  //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',
@@ -59,17 +48,6 @@ export var loadingErrorMessages = defineMessages({
     description: 'Instructions to let the user know how to resolve the network error that occurred or to try again at a different time',
     defaultMessage: 'Check your connection and refresh, or try again later.'
   },
-  noResultsFoundDuplicate: {
-    id: 'linkDataSource.noResultsFound',
-    description: 'Status message letting the user know their query did not have any results',
-    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',
@@ -96,33 +74,11 @@ export var loadingErrorMessages = defineMessages({
     description: 'Error state message letting the user know we were unable the load the requested list of items',
     defaultMessage: 'Unable to load items'
   },
-  // TODO Delete when cleaning platform-linking-visual-refresh-sllv
-  unableToLoadItemsOld: {
-    id: 'linkDataSource.jira-issues.unableToLoadItems',
-    description: 'Error state message letting the user know we were unable the load the requested list of items',
-    defaultMessage: 'Unable to load items'
-  },
-  unableToLoadResultsDuplicate: {
-    id: 'linkDataSource.unableToLoadResults',
-    description: 'Error state message letting the user know we were unable the load the requested list of results',
-    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: 'We ran into an issue trying to fetch results'
   },
-  unableToLoadResultsVisualRefreshSllv: {
-    id: 'linkDataSource.jira-issues.unableToLoadResults.visual-refresh-sllv',
-    description: 'Error state message letting the user know we were unable the load the requested list of results',
-    defaultMessage: 'We ran into an issue trying to fetch results'
-  },
   // delete once EDM-9407 is merged
   noAccessToJiraSitesTitle: {
     id: 'linkDataSource.jira-issues.no.jira.sites.access.title',

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

@@ -1,7 +1,6 @@
 
 ._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}
+._zulppxbi{gap:var(--ds-space-200,1pc)}._10fp1h6o{justify-self:center}
 ._19bvoahv{padding-left:var(--ds-space-600,3pc)}
 ._1e0c11p5{display:grid}
 ._1wpz1h6o{align-self:center}

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

@@ -6,15 +6,12 @@ import { useEffect } from 'react';
 import { cx } from '@compiled/react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { SpotErrorSearch } from '../../../common/ui/spot/error-state/search';
 import { loadingErrorMessages } from './messages';
 var styles = {
-  errorContainerStyles: "_zulp1ejb _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5",
-  errorContainerStylesNew: "_zulp1ejb _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5 _ca0qoahv _u5f3oahv _n3tdoahv _19bvoahv _p12f1kdj",
-  errorMessageContainerStylesOld: "_zulpu2gc _4cvr1h6o _6a6z1h6o _1e0c11p5",
+  errorContainerStyles: "_zulp1ejb _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5 _ca0qoahv _u5f3oahv _n3tdoahv _19bvoahv _p12f1kdj",
   errorMessageContainerStyles: "_zulppxbi _4cvr1h6o _6a6z1h6o _1e0c11p5 _y3gn1h6o"
 };
 export var ModalLoadingError = function ModalLoadingError(_ref) {
@@ -29,25 +26,21 @@ export var ModalLoadingError = function ModalLoadingError(_ref) {
     });
   }, [fireEvent]);
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(fg('platform-linking-visual-refresh-sllv') ? styles.errorContainerStylesNew : styles.errorContainerStyles),
+    xcss: cx(styles.errorContainerStyles),
     testId: "datasource-modal--loading-error"
   }, /*#__PURE__*/React.createElement(SpotErrorSearch, {
     size: 'xlarge',
     alt: ""
   }), /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(fg('platform-linking-visual-refresh-sllv') ? styles.errorMessageContainerStyles : styles.errorMessageContainerStylesOld)
-  }, fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(Text, {
+    xcss: cx(styles.errorMessageContainerStyles)
+  }, /*#__PURE__*/React.createElement(Text, {
     as: "span",
     size: "large",
     weight: "bold"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.unableToLoadResults)) : /*#__PURE__*/React.createElement(Text, {
-    size: "small"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.unableToLoadResultsOld)), fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.unableToLoadResults)), /*#__PURE__*/React.createElement(Text, {
     as: "span",
     size: "medium"
-  }, errorMessage) : /*#__PURE__*/React.createElement(Text, {
-    as: "p"
-  }, errorMessage), onRefresh && fg('platform-linking-visual-refresh-sllv') && /*#__PURE__*/React.createElement(Button, {
+  }, errorMessage), onRefresh && /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     onClick: onRefresh,
     testId: "datasource-modal--loading-error-refresh"

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

@@ -1,17 +1,12 @@
 
 ._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)}
+._zulppxbi{gap:var(--ds-space-200,1pc)}._10fp1h6o{justify-self:center}
 ._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)}
 ._otyroahv{margin-bottom:var(--ds-space-600,3pc)}
 ._p12fko4j{max-width:19pc}
 ._y3gn1h6o{text-align:center}

package/dist/esm/ui/common/error-state/no-results.js

@@ -5,16 +5,13 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useEffect } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Grid, Text } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { SpotSearchNoResult } from '../../../common/ui/spot/error-state/search-no-result';
 import { loadingErrorMessages } from './messages';
 var styles = {
-  noResultsContainerStylesOld: "_zulp1ejb _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _19pk1jfw _2hwx1jfw _otyr1jfw _18u01jfw",
   noResultsContainerStyles: "_4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _19pkoahv _2hwxoahv _otyroahv _18u0oahv",
   noResultsContentStyles: "_zulp1ejb _4cvr1h6o _6a6z1h6o _p12fko4j",
-  noResultsMessageContainerStylesOld: "_zulpu2gc _4cvr1h6o _6a6z1h6o",
   noResultsMessageContainerStyles: "_zulppxbi _4cvr1h6o _6a6z1h6o _y3gn1h6o"
 };
 export var NoResults = function NoResults(_ref) {
@@ -26,43 +23,25 @@ export var NoResults = function NoResults(_ref) {
   useEffect(function () {
     fireEvent('ui.emptyResult.shown.datasource', {});
   }, [fireEvent]);
-  if (fg('platform-linking-visual-refresh-sllv')) {
-    return /*#__PURE__*/React.createElement(Grid, {
-      xcss: styles.noResultsContainerStyles,
-      testId: "datasource-modal--no-results"
-    }, /*#__PURE__*/React.createElement(Grid, {
-      xcss: styles.noResultsContentStyles
-    }, /*#__PURE__*/React.createElement(SpotSearchNoResult, {
-      size: 'xlarge',
-      alt: formatMessage(loadingErrorMessages.noResultsFound)
-    }), /*#__PURE__*/React.createElement(Grid, {
-      xcss: styles.noResultsMessageContainerStyles
-    }, /*#__PURE__*/React.createElement(Text, {
-      as: "span",
-      size: "large",
-      weight: "bold"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.noResultsFound)), /*#__PURE__*/React.createElement(Text, {
-      as: "span",
-      size: "medium"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.noResultsFoundDescription)), onRefresh && /*#__PURE__*/React.createElement(Button, {
-      appearance: "primary",
-      onClick: onRefresh
-    }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.refresh)))));
-  }
   return /*#__PURE__*/React.createElement(Grid, {
-    xcss: styles.noResultsContainerStylesOld,
+    xcss: styles.noResultsContainerStyles,
     testId: "datasource-modal--no-results"
+  }, /*#__PURE__*/React.createElement(Grid, {
+    xcss: styles.noResultsContentStyles
   }, /*#__PURE__*/React.createElement(SpotSearchNoResult, {
     size: 'xlarge',
-    alt: formatMessage(loadingErrorMessages.noResultsFoundOld)
+    alt: formatMessage(loadingErrorMessages.noResultsFound)
   }), /*#__PURE__*/React.createElement(Grid, {
-    xcss: styles.noResultsMessageContainerStylesOld
+    xcss: styles.noResultsMessageContainerStyles
   }, /*#__PURE__*/React.createElement(Text, {
     as: "span",
     size: "large",
     weight: "bold"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.noResultsFoundOld)), onRefresh && /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.noResultsFound)), /*#__PURE__*/React.createElement(Text, {
+    as: "span",
+    size: "medium"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.noResultsFoundDescription)), onRefresh && /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     onClick: onRefresh
-  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.refresh))));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.refresh)))));
 };

package/dist/esm/ui/common/initial-state-view/index.compiled.css

@@ -1,25 +1,14 @@
 ._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._1bah1h6o{justify-content:center}
-._1e0c1o8l{display:inline-block}
 ._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}
 ._4cvr1h6o{align-items:center}
 ._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)}
-._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)}
-._syazg0pi{color:var(--_1dzgjqk)}
-._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}
-._y3gn1h6o{text-align:center}
-._z7oy1jq3 font{xxsmall:normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
-._zzcc1umn font{large:normal 500 24px/28px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
+._y3gn1h6o{text-align:center}

package/dist/esm/ui/common/initial-state-view/index.js

@@ -5,18 +5,12 @@ import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Link from '@atlaskit/link';
 import Lozenge from '@atlaskit/lozenge';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { N300 } from '@atlaskit/theme/colors';
-import { fontFallback } from '@atlaskit/theme/typography';
 import { initialStateViewMessages } from './messages';
 var initialStateViewContainerStyles = null;
 var svgAndTextsWrapperStyles = null;
 var betaTagStyles = null;
-var searchTitleStylesOld = null;
 var searchTitleStyles = null;
-var mainTextStylesOld = null;
 var mainTextStyles = null;
-var learnMoreLinkStyles = null;
 export var InitialStateView = function InitialStateView(_ref) {
   var icon = _ref.icon,
     _ref$showBeta = _ref.showBeta,
@@ -32,25 +26,15 @@ export var InitialStateView = function InitialStateView(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: ax(["_y3gn1h6o _1wpz1h6o _ca0qoahv _n3tdoahv"])
   }, icon, /*#__PURE__*/React.createElement("div", {
-    className: ax([fg('platform-linking-visual-refresh-sllv') ? "_11c8lodh _zulpu2gc _syaz1fxt _ca0q1ejb _n3tdpxbi _1e0c1txw _1bah1h6o _4cvr1h6o" : "_zulpu2gc _syazg0pi _ca0qpxbi _n3tdu2gc _1e0c1txw _1bah1h6o _4cvr1h6o _wtt4ykg7 _pfzw85h9 _zzcc1umn _x3fx1hgc _v2gl1yp8 _1y0bdipb _z7oy1jq3"]),
-    style: {
-      "--_1dzgjqk": ix("var(--ds-text-subtlest, ".concat(N300, ")"))
-    }
+    className: ax(["_11c8lodh _zulpu2gc _syaz1fxt _ca0q1ejb _n3tdpxbi _1e0c1txw _1bah1h6o _4cvr1h6o"])
   }, showBeta && /*#__PURE__*/React.createElement("div", {
     className: ax(["_1e0c1txw"])
   }, /*#__PURE__*/React.createElement(Lozenge, {
     appearance: "new"
   }, /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.beta))), formatMessage(title)), /*#__PURE__*/React.createElement("div", {
-    className: ax([fg('platform-linking-visual-refresh-sllv') ? "_syaz1gjq" : "_syazg0pi"]),
-    style: {
-      "--_1dzgjqk": ix("var(--ds-text-subtlest, ".concat(N300, ")"))
-    }
-  }, formatMessage(description)), learnMoreLink ? fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(Link, {
+    className: ax(["_syaz1gjq"])
+  }, formatMessage(description)), learnMoreLink ? /*#__PURE__*/React.createElement(Link, {
     href: learnMoreLink.href,
     target: "_blank"
-  }, formatMessage(learnMoreLink.text)) : /*#__PURE__*/React.createElement("a", {
-    href: learnMoreLink.href,
-    target: "_blank",
-    className: ax(["_ca0qpxbi _1e0c1o8l"])
   }, formatMessage(learnMoreLink.text)) : null));
 };

package/dist/esm/ui/common/initial-state-view/messages.js

@@ -47,8 +47,8 @@ export var initialStateViewMessages = defineMessages({
     description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
     defaultMessage: 'Search by keyword for work items to insert.'
   },
-  searchDescriptionForBasicSearchVisualRefreshSllv: {
-    id: 'linkDataSource.modal-initial-state.searchDescription-basic.visualRefreshSllv',
+  searchDescriptionForBasicSearchSllv: {
+    id: 'linkDataSource.modal-initial-state.searchDescription-basic.Sllv',
     description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
     defaultMessage: 'Start typing or use JQL to search.'
   }

package/dist/esm/ui/common/modal/basic-search-input/index.compiled.css

@@ -2,5 +2,4 @@
 ._1o9zkb7n{flex-shrink:1}
 ._2hwx12x7{margin-right:var(--ds-space-075,6px)}
 ._i0dlf1ug{flex-basis:0%}
-._p12f1mjv{max-width:300px}
-._p12fr0r7{max-width:250px}
+._p12f1mjv{max-width:300px}

package/dist/esm/ui/common/modal/basic-search-input/index.js

@@ -17,7 +17,6 @@ var styles = {
   searchButtonContainer: "_2hwx12x7"
 };
 var formStyles = null;
-var formWithMaxWidthStylesOld = null;
 var formWithMaxWidthStyles = null;
 export var BasicSearchInput = function BasicSearchInput(_ref) {
   var isDisabled = _ref.isDisabled,
@@ -27,7 +26,6 @@ export var BasicSearchInput = function BasicSearchInput(_ref) {
     searchTerm = _ref.searchTerm,
     fullWidth = _ref.fullWidth,
     testId = _ref.testId,
-    placeholder = _ref.placeholder,
     ariaLabel = _ref.ariaLabel;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
@@ -43,7 +41,7 @@ export var BasicSearchInput = function BasicSearchInput(_ref) {
   };
   return /*#__PURE__*/React.createElement("form", {
     onSubmit: handleFormSubmit,
-    className: ax([fullWidth ? "_16jlkb7n _1o9zkb7n _i0dlf1ug" : fg('platform-linking-visual-refresh-sllv') ? "_16jlkb7n _1o9zkb7n _i0dlf1ug _p12f1mjv" : "_16jlkb7n _1o9zkb7n _i0dlf1ug _p12fr0r7"])
+    className: ax([fullWidth ? "_16jlkb7n _1o9zkb7n _i0dlf1ug" : "_16jlkb7n _1o9zkb7n _i0dlf1ug _p12f1mjv"])
   }, /*#__PURE__*/React.createElement(Textfield, {
     elemAfterInput: fg('replace-legacy-button-in-sllv') ? /*#__PURE__*/React.createElement(Box, {
       xcss: styles.searchButtonContainer
@@ -80,9 +78,8 @@ export var BasicSearchInput = function BasicSearchInput(_ref) {
     }),
     autoFocus: true,
     onChange: onChange,
-    placeholder: fg('platform-linking-visual-refresh-sllv') ? undefined : formatMessage(placeholder),
     testId: "".concat(testId, "--basic-search-input"),
     value: searchTerm,
-    "aria-label": formatMessage(fg('platform-linking-visual-refresh-sllv') ? ariaLabel : placeholder)
+    "aria-label": formatMessage(ariaLabel)
   }));
 };

package/dist/esm/ui/common/modal/content-container/index.js

@@ -3,7 +3,6 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@atlaskit/css';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { N40 } from '@atlaskit/theme/colors';
 var styles = {
@@ -15,6 +14,6 @@ export var ContentContainer = function ContentContainer(_ref) {
   var children = _ref.children,
     withTableBorder = _ref.withTableBorder;
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.contentContainerStyles, withTableBorder && styles.tableContainerStyles, fg('platform-linking-visual-refresh-sllv') && styles.contentContainerRemoveBorderStyles)
+    xcss: cx(styles.contentContainerStyles, withTableBorder && styles.tableContainerStyles, styles.contentContainerRemoveBorderStyles)
   }, children);
 };

package/dist/esm/ui/common/modal/display-view-dropdown/display-view-drop-down.compiled.css

@@ -1,7 +1,3 @@
 
 ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._1bsb1pna{width:420px}
-._1bsbnklw{width:20pc}
-._4t3i11ux{height:140px}
-._4t3i7iqz{height:87pt}
-._ca0q1b66{padding-top:var(--ds-space-050,4px)}
-._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._4t3i7iqz{height:87pt}

package/dist/esm/ui/common/modal/display-view-dropdown/display-view-drop-down.js

@@ -9,25 +9,11 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { displayViewDropDownMessages } from './messages';
 var styles = {
-  dropDownItemGroupStylesOld: "_2rkoglpi _1bsbnklw _4t3i11ux _ca0q1b66 _n3td1b66",
   dropDownItemGroupStyles: "_2rkoglpi _1bsb1pna _4t3i7iqz"
 };
-var InlineIconOld = /*#__PURE__*/React.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none"
-}, /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M4 9C2.89543 9 2 9.67155 2 10.5V13.5C2 14.3285 2.89543 15 4 15H20C21.1046 15 22 14.3285 22 13.5V10.5C22 9.67155 21.1046 9 20 9H4ZM4.22222 11.25C4.22222 10.5 4.22222 10.5 5 10.5H7C7.55556 10.5 7.55556 10.5 7.55556 11.25V13C7.55556 13.5 7.55556 13.5 7 13.5H5C4.22222 13.5 4.22222 13.5 4.22222 13V11.25ZM9 12C9 11.7929 9.2239 11.625 9.5 11.625H19.5C19.7761 11.625 20 11.7929 20 12C20 12.2071 19.7761 12.375 19.5 12.375H9.5C9.2239 12.375 9 12.2071 9 12Z",
-  fill: 'currentColor'
-}));
 var InlineIcon = /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -40,18 +26,6 @@ var InlineIcon = /*#__PURE__*/React.createElement("svg", {
   d: "M6 10.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2.5v-3H6Zm4 0v3h8a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-8ZM4 11a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2Z",
   clipRule: "evenodd"
 }));
-var ListIconOld = /*#__PURE__*/React.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 15 15",
-  fill: "none"
-}, /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M0 2C0 0.89543 0.895431 0 2 0H13C14.1046 0 15 0.895431 15 2V13C15 14.1046 14.1046 15 13 15H2C0.89543 15 0 14.1046 0 13V2ZM5 6C5 5.44772 5.44772 5 6 5L12 5C12.5523 5 13 5.44772 13 6C13 6.55229 12.5523 7 12 7L6 7C5.44772 7 5 6.55228 5 6ZM6 8C5.44772 8 5 8.44771 5 9C5 9.55228 5.44772 10 6 10L12 10C12.5523 10 13 9.55229 13 9C13 8.44772 12.5523 8 12 8L6 8ZM5 12C5 11.4477 5.44772 11 6 11L12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13L6 13C5.44772 13 5 12.5523 5 12ZM3 7C3.55228 7 4 6.55228 4 6C4 5.44772 3.55228 5 3 5C2.44772 5 2 5.44772 2 6C2 6.55228 2.44772 7 3 7ZM5 3C5 2.44772 5.44772 2 6 2L12 2C12.5523 2 13 2.44772 13 3C13 3.55229 12.5523 4 12 4L6 4C5.44772 4 5 3.55228 5 3ZM3 4C3.55228 4 4 3.55228 4 3C4 2.44772 3.55228 2 3 2C2.44772 2 2 2.44772 2 3C2 3.55228 2.44772 4 3 4ZM4 9C4 9.55229 3.55228 10 3 10C2.44772 10 2 9.55229 2 9C2 8.44771 2.44772 8 3 8C3.55228 8 4 8.44771 4 9ZM3 13C3.55228 13 4 12.5523 4 12C4 11.4477 3.55228 11 3 11C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13Z",
-  fill: 'currentColor'
-}));
 var ListIcon = /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -71,63 +45,39 @@ export var DisplayViewDropDown = function DisplayViewDropDown(_ref) {
     formatMessage = _useIntl.formatMessage;
   var isTable = viewMode === 'table';
   var triggerText = isTable ? formatMessage(displayViewDropDownMessages.viewModeListLabel) : formatMessage(displayViewDropDownMessages.viewModeInlineLinkLabel);
-  if (fg('platform-linking-visual-refresh-sllv')) {
-    return /*#__PURE__*/React.createElement(DropdownMenu, {
-      trigger: function trigger(_ref2) {
-        var triggerRef = _ref2.triggerRef,
-          triggerProps = _objectWithoutProperties(_ref2, _excluded);
-        return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
-          ref: triggerRef,
-          iconAfter: function iconAfter() {
-            return /*#__PURE__*/React.createElement(ChevronDownIcon, {
-              label: "",
-              color: "currentColor",
-              size: "small"
-            });
-          }
-        }), triggerText);
-      },
-      testId: "datasource-modal--view-drop-down"
-    }, /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.dropDownItemGroupStyles
-    }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
-      testId: "dropdown-item-table",
-      onClick: function onClick() {
-        return onViewModeChange('table');
-      },
-      isSelected: isTable,
-      description: formatMessage(displayViewDropDownMessages.viewModeListDescription),
-      elemBefore: ListIcon
-    }, /*#__PURE__*/React.createElement(FormattedMessage, displayViewDropDownMessages.viewModeListLabel)), /*#__PURE__*/React.createElement(DropdownItem, {
-      testId: "dropdown-item-inline-link",
-      onClick: function onClick() {
-        return onViewModeChange('inline');
-      },
-      isSelected: !isTable,
-      description: formatMessage(displayViewDropDownMessages.viewModeInlineLinkDescription),
-      elemBefore: InlineIcon
-    }, /*#__PURE__*/React.createElement(FormattedMessage, displayViewDropDownMessages.viewModeInlineLinkLabel)))));
-  }
   return /*#__PURE__*/React.createElement(DropdownMenu, {
-    trigger: triggerText,
+    trigger: function trigger(_ref2) {
+      var triggerRef = _ref2.triggerRef,
+        triggerProps = _objectWithoutProperties(_ref2, _excluded);
+      return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
+        ref: triggerRef,
+        iconAfter: function iconAfter() {
+          return /*#__PURE__*/React.createElement(ChevronDownIcon, {
+            label: "",
+            color: "currentColor",
+            size: "small"
+          });
+        }
+      }), triggerText);
+    },
     testId: "datasource-modal--view-drop-down"
   }, /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.dropDownItemGroupStylesOld
+    xcss: styles.dropDownItemGroupStyles
   }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
     testId: "dropdown-item-table",
     onClick: function onClick() {
       return onViewModeChange('table');
     },
     isSelected: isTable,
-    description: formatMessage(displayViewDropDownMessages.viewModeListDescriptionOld),
-    elemBefore: ListIconOld
+    description: formatMessage(displayViewDropDownMessages.viewModeListDescription),
+    elemBefore: ListIcon
   }, /*#__PURE__*/React.createElement(FormattedMessage, displayViewDropDownMessages.viewModeListLabel)), /*#__PURE__*/React.createElement(DropdownItem, {
     testId: "dropdown-item-inline-link",
     onClick: function onClick() {
       return onViewModeChange('inline');
     },
     isSelected: !isTable,
-    description: formatMessage(displayViewDropDownMessages.viewModeInlineLinkDescriptionOld),
-    elemBefore: InlineIconOld
+    description: formatMessage(displayViewDropDownMessages.viewModeInlineLinkDescription),
+    elemBefore: InlineIcon
   }, /*#__PURE__*/React.createElement(FormattedMessage, displayViewDropDownMessages.viewModeInlineLinkLabel)))));
 };

package/dist/esm/ui/common/modal/mode-switcher/index.compiled.css

@@ -1,14 +1,11 @@
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko1b66{border-radius:var(--ds-space-050,4px)}
-._zulp1b66{gap:var(--ds-space-050,4px)}
 ._zulpv77o{gap:var(--ds-space-025,2px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d1j28{border-color:transparent}
 ._1h6d1yqz{border-color:var(--ds-border-selected,#0c66e4)}
 ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
-._16qs1jze{box-shadow:var(--ds-shadow-overflow,0 0 1px rgba(9,30,66,.12),0 0 8px rgba(9,30,66,.16))}
 ._18u0v47k{margin-left:var(--ds-space-250,20px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
@@ -17,16 +14,12 @@
 ._1e0c1txw{display:flex}
 ._1e0cglyw{display:none}
 ._1j55105o:disabled{opacity:.5}
-._1p1dangw{text-transform:uppercase}
 ._1tke1tcg{min-height:24px}
 ._4cvr1h6o{align-items:center}
 ._4t3izwfg{height:2pc}
 ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
-._bfhkkwt5{background-color:var(--_t0vtv2)}
-._bfhklslw{background-color:var(--_1jkcdu5)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
-._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
@@ -40,5 +33,4 @@
 ._d0altlke:hover{cursor:pointer}
 ._irr31j28:hover{background-color:transparent}
 ._irr3fg4m:hover{background-color:var(--ds-background-selected,#e9f2ff)}
-._irr3kwt5:hover{background-color:var(--_t0vtv2)}
 ._irr3u7au:hover{background-color:var(--_15egq0b)}

package/dist/esm/ui/common/modal/mode-switcher/index.js

@@ -3,20 +3,16 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { N0, N20, N30A, N60, N700 } from '@atlaskit/theme/colors';
+import { N30A, N60, N700 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { DatasourceAction } from '../../../../analytics/types';
 import { useUserInteractions } from '../../../../contexts/user-interactions';
 import { DisplayViewDropDown } from '../display-view-dropdown/display-view-drop-down';
 import { useViewModeContext } from './useViewModeContext';
-var modeSwitcherStylesOld = null;
 var modeSwitcherStyles = null;
 var compactModeSwitcherStyles = null;
 var modeInputStyles = null;
-var modeSwitcherLabelStylesOld = null;
 var modeSwitcherLabelStyles = null;
-var modeSwitcherLabelSelectedStylesOld = null;
 var modeSwitcherLabelSelectedStyles = null;
 var modeSwitcherLabelDisabledStyles = null;
 var modeSwitcherDisabledStyles = null;
@@ -35,10 +31,7 @@ export var ModeSwitcher = function ModeSwitcher(props) {
   return options.length > 0 ? /*#__PURE__*/React.createElement("fieldset", {
     "data-testid": "mode-toggle-container",
     disabled: isDisabled,
-    className: ax([fg('platform-linking-visual-refresh-sllv') ? "_2rko1b66 _1h6dmuej _189ee4h9 _1dqonqa1 _4cvr1h6o _vchhusvi _1e0c116y _u5f31b66 _19bv1b66 _18u0v47k _4t3izwfg _1j55105o" : "_2rko1b66 _zulp1b66 _4cvr1h6o _bfhklslw _vchhusvi _1e0c116y _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _18u0v47k _1j55105o", isCompact && "_zulpv77o _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66"]),
-    style: {
-      "--_1jkcdu5": ix("var(--ds-background-neutral, ".concat(N20, ")"))
-    }
+    className: ax(["_2rko1b66 _1h6dmuej _189ee4h9 _1dqonqa1 _4cvr1h6o _vchhusvi _1e0c116y _u5f31b66 _19bv1b66 _18u0v47k _4t3izwfg _1j55105o", isCompact && "_zulpv77o _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66"])
   }, options.map(function (_ref) {
     var value = _ref.value,
       label = _ref.label,
@@ -49,7 +42,7 @@ export var ModeSwitcher = function ModeSwitcher(props) {
       key: value,
       content: tooltipText
     }, function (tooltipProps) {
-      return fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement("label", _extends({}, tooltipProps, {
+      return /*#__PURE__*/React.createElement("label", _extends({}, tooltipProps, {
         key: value,
         "data-testid": "mode-toggle-".concat(value),
         className: ax(["_11c82smr _2rko1b66 _1h6d1j28 _189ee4h9 _1dqonqa1 _syaziwyp _vchhusvi _k48p1wq8 _u5f3utpp _19bvutpp _1tke1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _d0altlke _irr3u7au", isCompact && "_ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", isSelected && "_2rko1b66 _1h6d1yqz _bfhkfg4m _syazaqb7 _d0altlke _irr3fg4m", isDisabled && "_irr31j28 _d0al13gf", isOptionDisabled && "_syaz111d", isOptionDisabled && "_irr31j28 _d0al13gf"]),
@@ -67,25 +60,6 @@ export var ModeSwitcher = function ModeSwitcher(props) {
         type: "radio",
         value: value,
         className: ax(["_1e0cglyw"])
-      })) : /*#__PURE__*/React.createElement("label", _extends({}, tooltipProps, {
-        key: value,
-        "data-testid": "mode-toggle-".concat(value),
-        className: ax(["_11c8dcr7 _2rko1b66 _syaziwyp _k48p1pd9 _1p1dangw _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _d0altlke _irr3u7au", isCompact && "_ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", isSelected && "_2rko1b66 _bfhkkwt5 _16qs1jze _d0altlke _irr3kwt5", isDisabled && "_irr31j28 _d0al13gf", isOptionDisabled && "_syaz111d", isOptionDisabled && "_irr31j28 _d0al13gf"]),
-        style: {
-          "--_k4gmmg": ix("var(--ds-text-subtlest, ".concat(N700, ")")),
-          "--_15egq0b": ix("var(--ds-background-neutral-subtle-hovered, ".concat(N30A, ")")),
-          "--_t0vtv2": ix("var(--ds-background-input-pressed, ".concat(N0, ")")),
-          "--_uz32ib": ix("var(--ds-text-disabled, ".concat(N60, ")"))
-        }
-      }), label, /*#__PURE__*/React.createElement("input", {
-        "aria-checked": isSelected,
-        "aria-disabled": isOptionDisabled,
-        checked: isSelected,
-        disabled: isOptionDisabled,
-        onChange: handleModeChange,
-        type: "radio",
-        value: value,
-        className: ax(["_1e0cglyw"])
       }));
     });
   })) : null;