@atlaskit/link-datasource 4.13.6 → 4.14.0

package/dist/cjs/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/cjs/ui/common/initial-state-view/index.js

@@ -13,19 +13,13 @@ var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
 var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
-var _typography = require("@atlaskit/theme/typography");
 var _messages = require("./messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var initialStateViewContainerStyles = null;
 var svgAndTextsWrapperStyles = null;
 var betaTagStyles = null;
-var searchTitleStylesOld = null;
 var searchTitleStyles = null;
-var mainTextStylesOld = null;
 var mainTextStyles = null;
-var learnMoreLinkStyles = null;
 var InitialStateView = exports.InitialStateView = function InitialStateView(_ref) {
   var icon = _ref.icon,
     _ref$showBeta = _ref.showBeta,
@@ -41,25 +35,15 @@ var InitialStateView = exports.InitialStateView = function InitialStateView(_ref
   }, /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_y3gn1h6o _1wpz1h6o _ca0qoahv _n3tdoahv"])
   }, icon, /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.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": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N300, ")"))
-    }
+    className: (0, _runtime.ax)(["_11c8lodh _zulpu2gc _syaz1fxt _ca0q1ejb _n3tdpxbi _1e0c1txw _1bah1h6o _4cvr1h6o"])
   }, showBeta && /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_1e0c1txw"])
   }, /*#__PURE__*/React.createElement(_lozenge.default, {
     appearance: "new"
   }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.initialStateViewMessages.beta))), formatMessage(title)), /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? "_syaz1gjq" : "_syazg0pi"]),
-    style: {
-      "--_1dzgjqk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N300, ")"))
-    }
-  }, formatMessage(description)), learnMoreLink ? (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(_link.default, {
+    className: (0, _runtime.ax)(["_syaz1gjq"])
+  }, formatMessage(description)), learnMoreLink ? /*#__PURE__*/React.createElement(_link.default, {
     href: learnMoreLink.href,
     target: "_blank"
-  }, formatMessage(learnMoreLink.text)) : /*#__PURE__*/React.createElement("a", {
-    href: learnMoreLink.href,
-    target: "_blank",
-    className: (0, _runtime.ax)(["_ca0qpxbi _1e0c1o8l"])
   }, formatMessage(learnMoreLink.text)) : null));
 };

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

@@ -53,8 +53,8 @@ var initialStateViewMessages = exports.initialStateViewMessages = (0, _reactIntl
     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/cjs/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/cjs/ui/common/modal/basic-search-input/index.js

@@ -26,7 +26,6 @@ var styles = {
   searchButtonContainer: "_2hwx12x7"
 };
 var formStyles = null;
-var formWithMaxWidthStylesOld = null;
 var formWithMaxWidthStyles = null;
 var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(_ref) {
   var isDisabled = _ref.isDisabled,
@@ -36,7 +35,6 @@ var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(_ref
     searchTerm = _ref.searchTerm,
     fullWidth = _ref.fullWidth,
     testId = _ref.testId,
-    placeholder = _ref.placeholder,
     ariaLabel = _ref.ariaLabel;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
@@ -52,7 +50,7 @@ var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(_ref
   };
   return /*#__PURE__*/React.createElement("form", {
     onSubmit: handleFormSubmit,
-    className: (0, _runtime.ax)([fullWidth ? "_16jlkb7n _1o9zkb7n _i0dlf1ug" : (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? "_16jlkb7n _1o9zkb7n _i0dlf1ug _p12f1mjv" : "_16jlkb7n _1o9zkb7n _i0dlf1ug _p12fr0r7"])
+    className: (0, _runtime.ax)([fullWidth ? "_16jlkb7n _1o9zkb7n _i0dlf1ug" : "_16jlkb7n _1o9zkb7n _i0dlf1ug _p12f1mjv"])
   }, /*#__PURE__*/React.createElement(_textfield.default, {
     elemAfterInput: (0, _platformFeatureFlags.fg)('replace-legacy-button-in-sllv') ? /*#__PURE__*/React.createElement(_compiled.Box, {
       xcss: styles.searchButtonContainer
@@ -89,9 +87,8 @@ var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(_ref
     }),
     autoFocus: true,
     onChange: onChange,
-    placeholder: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? undefined : formatMessage(placeholder),
     testId: "".concat(testId, "--basic-search-input"),
     value: searchTerm,
-    "aria-label": formatMessage((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? ariaLabel : placeholder)
+    "aria-label": formatMessage(ariaLabel)
   }));
 };

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

@@ -10,7 +10,6 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _css = require("@atlaskit/css");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var styles = {
@@ -22,6 +21,6 @@ var ContentContainer = exports.ContentContainer = function ContentContainer(_ref
   var children = _ref.children,
     withTableBorder = _ref.withTableBorder;
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.contentContainerStyles, withTableBorder && styles.tableContainerStyles, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') && styles.contentContainerRemoveBorderStyles)
+    xcss: (0, _css.cx)(styles.contentContainerStyles, withTableBorder && styles.tableContainerStyles, styles.contentContainerRemoveBorderStyles)
   }, children);
 };

package/dist/cjs/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/cjs/ui/common/modal/display-view-dropdown/display-view-drop-down.js

@@ -16,27 +16,13 @@ var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = require("./messages");
 var _excluded = ["triggerRef"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  dropDownItemGroupStylesOld: "_2rkoglpi _1bsbnklw _4t3i11ux _ca0q1b66 _n3td1b66",
   dropDownItemGroupStyles: "_2rkoglpi _1bsb1pna _4t3i7iqz"
 };
-var InlineIconOld = /*#__PURE__*/_react.default.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none"
-}, /*#__PURE__*/_react.default.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.default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -49,18 +35,6 @@ var InlineIcon = /*#__PURE__*/_react.default.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.default.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 15 15",
-  fill: "none"
-}, /*#__PURE__*/_react.default.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.default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -80,63 +54,39 @@ var DisplayViewDropDown = exports.DisplayViewDropDown = function DisplayViewDrop
     formatMessage = _useIntl.formatMessage;
   var isTable = viewMode === 'table';
   var triggerText = isTable ? formatMessage(_messages.displayViewDropDownMessages.viewModeListLabel) : formatMessage(_messages.displayViewDropDownMessages.viewModeInlineLinkLabel);
-  if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv')) {
-    return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
-      trigger: function trigger(_ref2) {
-        var triggerRef = _ref2.triggerRef,
-          triggerProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-        return /*#__PURE__*/_react.default.createElement(_new.default, (0, _extends2.default)({}, triggerProps, {
-          ref: triggerRef,
-          iconAfter: function iconAfter() {
-            return /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
-              label: "",
-              color: "currentColor",
-              size: "small"
-            });
-          }
-        }), triggerText);
-      },
-      testId: "datasource-modal--view-drop-down"
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.dropDownItemGroupStyles
-    }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
-      testId: "dropdown-item-table",
-      onClick: function onClick() {
-        return onViewModeChange('table');
-      },
-      isSelected: isTable,
-      description: formatMessage(_messages.displayViewDropDownMessages.viewModeListDescription),
-      elemBefore: ListIcon
-    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.displayViewDropDownMessages.viewModeListLabel)), /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
-      testId: "dropdown-item-inline-link",
-      onClick: function onClick() {
-        return onViewModeChange('inline');
-      },
-      isSelected: !isTable,
-      description: formatMessage(_messages.displayViewDropDownMessages.viewModeInlineLinkDescription),
-      elemBefore: InlineIcon
-    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.displayViewDropDownMessages.viewModeInlineLinkLabel)))));
-  }
   return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
-    trigger: triggerText,
+    trigger: function trigger(_ref2) {
+      var triggerRef = _ref2.triggerRef,
+        triggerProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+      return /*#__PURE__*/_react.default.createElement(_new.default, (0, _extends2.default)({}, triggerProps, {
+        ref: triggerRef,
+        iconAfter: function iconAfter() {
+          return /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+            label: "",
+            color: "currentColor",
+            size: "small"
+          });
+        }
+      }), triggerText);
+    },
     testId: "datasource-modal--view-drop-down"
   }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.dropDownItemGroupStylesOld
+    xcss: styles.dropDownItemGroupStyles
   }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
     testId: "dropdown-item-table",
     onClick: function onClick() {
       return onViewModeChange('table');
     },
     isSelected: isTable,
-    description: formatMessage(_messages.displayViewDropDownMessages.viewModeListDescriptionOld),
-    elemBefore: ListIconOld
+    description: formatMessage(_messages.displayViewDropDownMessages.viewModeListDescription),
+    elemBefore: ListIcon
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.displayViewDropDownMessages.viewModeListLabel)), /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
     testId: "dropdown-item-inline-link",
     onClick: function onClick() {
       return onViewModeChange('inline');
     },
     isSelected: !isTable,
-    description: formatMessage(_messages.displayViewDropDownMessages.viewModeInlineLinkDescriptionOld),
-    elemBefore: InlineIconOld
+    description: formatMessage(_messages.displayViewDropDownMessages.viewModeInlineLinkDescription),
+    elemBefore: InlineIcon
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.displayViewDropDownMessages.viewModeInlineLinkLabel)))));
 };

package/dist/cjs/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/cjs/ui/common/modal/mode-switcher/index.js

@@ -10,20 +10,16 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _types = require("../../../../analytics/types");
 var _userInteractions = require("../../../../contexts/user-interactions");
 var _displayViewDropDown = require("../display-view-dropdown/display-view-drop-down");
 var _useViewModeContext2 = require("./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;
@@ -42,10 +38,7 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
   return options.length > 0 ? /*#__PURE__*/_react.default.createElement("fieldset", {
     "data-testid": "mode-toggle-container",
     disabled: isDisabled,
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.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": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20, ")"))
-    }
+    className: (0, _runtime.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,
@@ -56,7 +49,7 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
       key: value,
       content: tooltipText
     }, function (tooltipProps) {
-      return (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({}, tooltipProps, {
+      return /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({}, tooltipProps, {
         key: value,
         "data-testid": "mode-toggle-".concat(value),
         className: (0, _runtime.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"]),
@@ -74,25 +67,6 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
         type: "radio",
         value: value,
         className: (0, _runtime.ax)(["_1e0cglyw"])
-      })) : /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({}, tooltipProps, {
-        key: value,
-        "data-testid": "mode-toggle-".concat(value),
-        className: (0, _runtime.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": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N700, ")")),
-          "--_15egq0b": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")")),
-          "--_t0vtv2": (0, _runtime.ix)("var(--ds-background-input-pressed, ".concat(_colors.N0, ")")),
-          "--_uz32ib": (0, _runtime.ix)("var(--ds-text-disabled, ".concat(_colors.N60, ")"))
-        }
-      }), label, /*#__PURE__*/_react.default.createElement("input", {
-        "aria-checked": isSelected,
-        "aria-disabled": isOptionDisabled,
-        checked: isSelected,
-        disabled: isOptionDisabled,
-        onChange: handleModeChange,
-        type: "radio",
-        value: value,
-        className: (0, _runtime.ax)(["_1e0cglyw"])
       }));
     });
   })) : null;

package/dist/cjs/ui/common/modal/popup-select/control.js

@@ -5,29 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.CustomControlOld = exports.CustomControl = void 0;
+exports.default = exports.CustomControl = void 0;
 require("./control.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _select = require("@atlaskit/select");
-var _colors = require("@atlaskit/theme/colors");
-var _withFeatureFlaggedComponent = require("../../../../common/utils/withFeatureFlaggedComponent");
-var _excluded = ["children"],
-  _excluded2 = ["children"];
-var popupCustomControlStylesOld = function popupCustomControlStylesOld() {
-  return {
-    display: 'flex',
-    padding: "var(--ds-space-050, 4px)",
-    border: 'none',
-    borderBottom: "solid 1px ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
-    minHeight: 'auto'
-  };
-};
-var popupCustomControlStyles = function popupCustomControlStyles() {
+var _excluded = ["children"];
+var getPopupCustomControlStyles = function getPopupCustomControlStyles() {
   return {
     display: 'flex',
     borderRadius: '3px',
@@ -35,31 +22,18 @@ var popupCustomControlStyles = function popupCustomControlStyles() {
     minHeight: 'auto'
   };
 };
-var popupCustomControlOldStyles = {
-  control: "_1u6lglyw"
-};
-var popupCustomControlVisualRefreshStyles = {
+var popupCustomControlStyles = {
   container: "_ca0q1b66 _n3td1b66 _19bvh9hh _u5f3h9hh",
   control: "_1u6lglyw"
 };
-var CustomControlOld = exports.CustomControlOld = function CustomControlOld(_ref) {
+var CustomControl = exports.CustomControl = function CustomControl(_ref) {
   var children = _ref.children,
     innerProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_select.components.Control, (0, _extends2.default)({}, innerProps, {
-    getStyles: popupCustomControlStylesOld,
-    xcss: popupCustomControlOldStyles.control
-  }), children);
-};
-var CustomControl = exports.CustomControl = function CustomControl(_ref2) {
-  var children = _ref2.children,
-    innerProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: popupCustomControlVisualRefreshStyles.container
+    xcss: popupCustomControlStyles.container
   }, /*#__PURE__*/_react.default.createElement(_select.components.Control, (0, _extends2.default)({}, innerProps, {
-    getStyles: popupCustomControlStyles,
-    xcss: popupCustomControlVisualRefreshStyles.control
+    getStyles: getPopupCustomControlStyles,
+    xcss: popupCustomControlStyles.control
   }), children));
 };
-var _default = exports.default = (0, _withFeatureFlaggedComponent.withFeatureFlaggedComponent)(CustomControlOld, CustomControl, function () {
-  return (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv');
-});
+var _default = exports.default = CustomControl;

package/dist/cjs/ui/common/modal/popup-select/{checkbox-option-visual-refresh-sllv.js → custom-checkbox-option.js}

@@ -1,4 +1,4 @@
-/* checkbox-option-visual-refresh-sllv.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* custom-checkbox-option.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,8 +6,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CheckboxOptionVisualRefreshSllv = void 0;
-require("./checkbox-option-visual-refresh-sllv.compiled.css");
+exports.CustomCheckboxOption = void 0;
+require("./custom-checkbox-option.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var checkboxStyles = null;
 var checkboxSelectedStyles = null;
 var checkboxFocusedStyles = null;
-var CheckboxOptionVisualRefreshSllv = exports.CheckboxOptionVisualRefreshSllv = function CheckboxOptionVisualRefreshSllv(_ref) {
+var CustomCheckboxOption = exports.CustomCheckboxOption = function CustomCheckboxOption(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement(_select.CheckboxOption

package/dist/cjs/ui/common/modal/popup-select/dropdownIndicator.js

@@ -10,10 +10,7 @@ require("./dropdownIndicator.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
-var _crossCircle2 = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle"));
-var _search = _interopRequireDefault(require("@atlaskit/icon/core/migration/search"));
-var _search2 = _interopRequireDefault(require("@atlaskit/icon/core/search"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _select = require("@atlaskit/select");
 var styles = {
@@ -21,20 +18,6 @@ var styles = {
 };
 var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
   var selectProps = props.selectProps;
-  var closeIcon = (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
-    label: ""
-  }) : /*#__PURE__*/_react.default.createElement(_crossCircle2.default, {
-    LEGACY_size: "small",
-    label: "",
-    color: "currentColor"
-  });
-  var searchIcon = (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/_react.default.createElement(_search2.default, {
-    label: ""
-  }) : /*#__PURE__*/_react.default.createElement(_search.default, {
-    LEGACY_size: "small",
-    label: "",
-    color: "currentColor"
-  });
   return /*#__PURE__*/_react.default.createElement(_select.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.customDropdownIndicatorStyles,
     onClick: function onClick() {
@@ -45,6 +28,10 @@ var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
         });
       }
     }
-  }, selectProps.inputValue ? closeIcon : searchIcon));
+  }, selectProps.inputValue ? /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
+    label: ""
+  }) : /*#__PURE__*/_react.default.createElement(_search.default, {
+    label: ""
+  })));
 };
 var _default = exports.default = CustomDropdownIndicator;

package/dist/cjs/ui/common/modal/popup-select/footer.compiled.css

@@ -1,11 +1,7 @@
-
-._195gutpp{margin-inline:var(--ds-space-150,9pt)}
-._1mouu2gc{margin-block:var(--ds-space-100,8px)}._15a5nqa1{border-top-style:solid}
+._15a5nqa1{border-top-style:solid}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
 ._1i53b5v6{border-top-color:var(--ds-border,#dfe1e6)}
-._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
-._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
 ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}

package/dist/cjs/ui/common/modal/popup-select/footer.js

@@ -12,14 +12,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@compiled/react");
 var _reactIntlNext = require("react-intl-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("./messages");
 var styles = {
-  footerContainerStylesOld: "_ca0q1b66 _n3td1b66 _uwhke4h9 _15a5nqa1 _1i53b5v6",
   footerContainerStyles: "_ca0qutpp _n3tdutpp _19bvpxbi _u5f3pxbi _uwhke4h9 _15a5nqa1 _1i53b5v6",
-  footerPaginationInfoStylesOld: "_1mouu2gc _195gutpp _syaz131l",
   footerPaginationInfoStyles: "_syaz131l"
 };
 var PopupFooter = function PopupFooter(_ref) {
@@ -31,9 +28,9 @@ var PopupFooter = function PopupFooter(_ref) {
     direction: "row",
     alignItems: "center",
     justifyContent: "end",
-    xcss: (0, _react2.cx)((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? styles.footerContainerStyles : styles.footerContainerStylesOld)
+    xcss: (0, _react2.cx)(styles.footerContainerStyles)
   }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-    xcss: (0, _react2.cx)((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? styles.footerPaginationInfoStyles : styles.footerPaginationInfoStylesOld)
+    xcss: (0, _react2.cx)(styles.footerPaginationInfoStyles)
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.asyncPopupSelectMessages.paginationDetails, {
     values: {
       currentDisplayCount: currentDisplayCount,

package/dist/cjs/ui/common/modal/popup-select/index.js

@@ -16,11 +16,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _reactIntlNext = require("react-intl-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _select = require("@atlaskit/select");
 var _analytics = require("../../../../analytics");
-var _checkboxOptionVisualRefreshSllv = require("./checkbox-option-visual-refresh-sllv");
 var _control = _interopRequireDefault(require("./control"));
+var _customCheckboxOption = require("./custom-checkbox-option");
 var _dropdownIndicator = _interopRequireDefault(require("./dropdownIndicator"));
 var _footer = _interopRequireDefault(require("./footer"));
 var _formatOptionLabel = _interopRequireDefault(require("./formatOptionLabel"));
@@ -189,12 +188,12 @@ var FilterPopupSelect = exports.FilterPopupSelect = function FilterPopupSelect(_
     shouldCloseMenuOnTab: false,
     hideSelectedOptions: false,
     isLoading: showLoading,
-    placeholder: searchPlaceholder && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? searchPlaceholder : formatMessage(_messages.asyncPopupSelectMessages.selectPlaceholder)
+    placeholder: searchPlaceholder ? searchPlaceholder : formatMessage(_messages.asyncPopupSelectMessages.selectPlaceholder)
     // @ts-ignore - https://product-fabric.atlassian.net/browse/DSP-21000
     ,
     menuListProps: menuListProps,
     components: {
-      Option: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? _checkboxOptionVisualRefreshSllv.CheckboxOptionVisualRefreshSllv : _select.CheckboxOption,
+      Option: _customCheckboxOption.CustomCheckboxOption,
       Control: _control.default,
       MenuList: _menuList.default,
       DropdownIndicator: _dropdownIndicator.default,
@@ -202,7 +201,7 @@ var FilterPopupSelect = exports.FilterPopupSelect = function FilterPopupSelect(_
     }
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
     ,
-    styles: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? {
+    styles: {
       container: function container(base) {
         return _objectSpread(_objectSpread({}, base), {}, {
           paddingTop: "var(--ds-space-075, 6px)",
@@ -215,7 +214,7 @@ var FilterPopupSelect = exports.FilterPopupSelect = function FilterPopupSelect(_
           paddingBottom: 0
         });
       }
-    } : undefined,
+    },
     options: sortedOptions,
     value: selectedOptions,
     filterOption: noFilterOptions,