@atlaskit/smart-card 34.7.0 → 34.8.0

package/dist/cjs/view/LinkUrl/LinkWarningModal/index.js

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,58 +7,62 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = require("../../../messages");
-var _styled = require("./styled");
+var _WarningModalOld = _interopRequireDefault(require("./WarningModalOld"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var WarningModal = function WarningModal(props) {
+var breakWordsCss = null;
+var WarningModalNew = function WarningModalNew(props) {
   var isOpen = props.isOpen,
     unsafeLinkText = props.unsafeLinkText,
     url = props.url,
     onClose = props.onClose,
     onContinue = props.onContinue,
     intl = props.intl;
-  var content = (0, _react.jsx)(_modalDialog.ModalTransition, null, isOpen && (0, _react.jsx)(_modalDialog.default, {
+  var content = /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(_modalDialog.default, {
     onClose: onClose,
     testId: "link-with-safety-warning"
-  }, (0, _react.jsx)(_modalDialog.ModalHeader, null, (0, _react.jsx)(_modalDialog.ModalTitle, {
+  }, /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, {
     appearance: "warning"
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.check_this_link))), (0, _react.jsx)(_modalDialog.ModalBody, null, (0, _react.jsx)("div", {
-    css: _styled.breakWordsCss
-  }, url && unsafeLinkText && (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.link_safety_warning_message, {
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.check_this_link))), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_o5726vc6 _1nmz9jpi"])
+  }, url && unsafeLinkText && /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.link_safety_warning_message, {
     values: {
       unsafeLinkText: unsafeLinkText,
       a: function a() {
-        return (0, _react.jsx)("a", {
+        return /*#__PURE__*/React.createElement("a", {
           href: url,
           target: "_blank",
           rel: "noopener noreferrer"
         }, url);
       }
     }
-  })))), (0, _react.jsx)(_modalDialog.ModalFooter, null, (0, _react.jsx)(_standardButton.default, {
+  })))), /*#__PURE__*/React.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/React.createElement(_standardButton.default, {
     appearance: "subtle",
     onClick: onClose
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.go_back)), (0, _react.jsx)(_standardButton.default, {
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.go_back)), /*#__PURE__*/React.createElement(_standardButton.default, {
     appearance: "warning",
     onClick: onContinue,
     autoFocus: true
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.continue)))));
-  return intl ? content : (0, _react.jsx)(_reactIntlNext.IntlProvider, {
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.continue)))));
+  return intl ? content : /*#__PURE__*/React.createElement(_reactIntlNext.IntlProvider, {
     locale: "en"
   }, content);
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(WarningModal, {
+var Component = function Component(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(WarningModalNew, props);
+  }
+  return /*#__PURE__*/React.createElement(_WarningModalOld.default, props);
+};
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(Component, {
   enforceContext: false
 });

package/dist/cjs/view/LinkUrl/LinkWarningModal/styled.js

@@ -7,6 +7,9 @@ exports.breakWordsCss = void 0;
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var breakWordsCss = exports.breakWordsCss = (0, _react.css)({
   whiteSpace: 'pre-line',

package/dist/cjs/view/LinkUrl/index.js

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.7.0",
+  packageVersion: "34.8.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/RelatedLinksModal/components/EmptyState.compiled.css

@@ -0,0 +1,12 @@
+
+._zulpu2gc{gap:var(--ds-space-100,8px)}._18u01ejb{margin-left:var(--ds-space-300,24px)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
+._1bah1h6o{justify-content:center}
+._1e0c1txw{display:flex}
+._2hwx1ejb{margin-right:var(--ds-space-300,24px)}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}
+._otyr1ejb{margin-bottom:var(--ds-space-300,24px)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._y3gn1h6o{text-align:center}

package/dist/cjs/view/RelatedLinksModal/components/EmptyState.js

@@ -1,41 +1,43 @@
+/* EmptyState.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EmptyState = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.EmptyStateNew = exports.EmptyState = void 0;
+require("./EmptyState.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _primitives = require("@atlaskit/primitives");
-var emptyStateStyles = (0, _primitives.xcss)({
-  alignItems: 'center',
-  display: 'flex',
-  flexDirection: 'column',
-  gap: 'space.100',
-  height: '100%',
-  justifyContent: 'center',
-  marginLeft: 'space.300',
-  marginRight: 'space.300',
-  textAlign: 'center'
-});
-var descriptionStyles = (0, _primitives.xcss)({
-  marginTop: 'space.0',
-  marginBottom: 'space.300',
-  color: 'color.text'
-});
-var EmptyState = exports.EmptyState = function EmptyState(_ref) {
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _EmptyStateOld = require("./EmptyStateOld");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var styles = {
+  emptyState: "_zulpu2gc _4cvr1h6o _1e0c1txw _2lx21bp4 _4t3i1osq _1bah1h6o _18u01ejb _2hwx1ejb _y3gn1h6o",
+  description: "_19pkze3t _otyr1ejb _syaz1fxt"
+};
+var EmptyStateNew = exports.EmptyStateNew = function EmptyStateNew(_ref) {
   var testId = _ref.testId,
     header = _ref.header,
     description = _ref.description,
     renderImage = _ref.renderImage;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: emptyStateStyles,
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.emptyState,
     testId: testId
-  }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/_react.default.createElement(_heading.default, {
+  }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/React.createElement(_heading.default, {
     size: "small"
-  }, header), description && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, header), description && /*#__PURE__*/React.createElement(_compiled.Box, {
     as: "p",
-    xcss: descriptionStyles
+    xcss: styles.description
   }, description));
+};
+var EmptyState = exports.EmptyState = function EmptyState(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(EmptyStateNew, props);
+  }
+  return /*#__PURE__*/React.createElement(_EmptyStateOld.EmptyStateOld, props);
 };

package/dist/cjs/view/RelatedLinksModal/components/EmptyStateOld.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmptyStateOld = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _primitives = require("@atlaskit/primitives");
+var emptyStateStyles = (0, _primitives.xcss)({
+  alignItems: 'center',
+  display: 'flex',
+  flexDirection: 'column',
+  gap: 'space.100',
+  height: '100%',
+  justifyContent: 'center',
+  marginLeft: 'space.300',
+  marginRight: 'space.300',
+  textAlign: 'center'
+});
+var descriptionStyles = (0, _primitives.xcss)({
+  marginTop: 'space.0',
+  marginBottom: 'space.300',
+  color: 'color.text'
+});
+var EmptyStateOld = exports.EmptyStateOld = function EmptyStateOld(_ref) {
+  var testId = _ref.testId,
+    header = _ref.header,
+    description = _ref.description,
+    renderImage = _ref.renderImage;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: emptyStateStyles,
+    testId: testId
+  }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/_react.default.createElement(_heading.default, {
+    size: "small"
+  }, header), description && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    as: "p",
+    xcss: descriptionStyles
+  }, description));
+};

package/dist/cjs/view/RelatedLinksModal/components/RelatedLinksBaseModal.compiled.css

@@ -0,0 +1 @@
+._4t3i1i94{height:396px}

package/dist/cjs/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -1,3 +1,4 @@
+/* RelatedLinksBaseModal.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,22 +7,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./RelatedLinksBaseModal.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../messages");
 var _RelatedLinksBaseModalOld = _interopRequireDefault(require("./RelatedLinksBaseModalOld"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var styles = {
+  box: "_4t3i1i94"
+};
 var fixedWidth = 'small'; // pre-defined 400px by Atlaskit
 
-var boxStyles = (0, _primitives.xcss)({
-  height: '396px' // Specified by the designer as this will display 5 incoming links and 2 outgoing links
-});
 var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
   var onClose = _ref.onClose,
     showModal = _ref.showModal,
@@ -40,25 +44,25 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
     });
     onClose === null || onClose === void 0 || onClose();
   }, [fireEvent, onClose]);
-  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, showModal && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
+  return /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, showModal && /*#__PURE__*/React.createElement(_modalDialog.default, {
     testId: "related-links-modal",
     onClose: closeHandler,
     width: fixedWidth,
     autoFocus: false,
     shouldReturnFocus: false,
     onOpenComplete: openCompleteHandler
-  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_modal_title))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: boxStyles
-  }, children)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
+  }, /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_modal_title))), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.box
+  }, children)), /*#__PURE__*/React.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/React.createElement(_new.default, {
     appearance: "primary",
     onClick: closeHandler
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.close)))));
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.close)))));
 };
 var RelatedLinksBaseModalExported = function RelatedLinksBaseModalExported(props) {
   if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/_react.default.createElement(RelatedLinksBaseModal, props);
+    return /*#__PURE__*/React.createElement(RelatedLinksBaseModal, props);
   } else {
-    return /*#__PURE__*/_react.default.createElement(_RelatedLinksBaseModalOld.default, props);
+    return /*#__PURE__*/React.createElement(_RelatedLinksBaseModalOld.default, props);
   }
 };
 var _default = exports.default = RelatedLinksBaseModalExported;

package/dist/cjs/view/RelatedLinksModal/components/related-link-item/index.compiled.css

@@ -1,4 +1,8 @@
+
 ._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._zulputpp{gap:var(--ds-space-150,9pt)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
-._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._8vu4iti9:hover{border-radius:var(--ds-border-radius-100,4px)}._10swu2gc:hover{padding-inline:var(--ds-space-100,8px)}
+._1mxox0bf:hover{margin-inline:var(--ds-space-negative-100,-8px)}
+._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}

package/dist/cjs/view/RelatedLinksModal/components/related-link-item/index.js

@@ -11,20 +11,12 @@ require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../../../constants");
 var _index = require("../../../../index");
 var _RelatedLinkItemOld = _interopRequireDefault(require("./RelatedLinkItemOld"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var hoverStyles = (0, _primitives.xcss)({
-  ':hover': {
-    backgroundColor: 'color.background.input.hovered',
-    borderRadius: 'border.radius.100',
-    marginInline: 'space.negative.100',
-    paddingInline: 'space.100'
-  }
-});
+var hoverStyle = null;
 var relatedLinkItemStyles = null;
 var RelatedLinkItem = function RelatedLinkItem(_ref) {
   var url = _ref.url,
@@ -41,9 +33,9 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
     clickableContainer: true,
     size: _index.SmartLinkSize.Large
   };
-  return /*#__PURE__*/React.createElement(_primitives.Box, {
-    testId: testId,
-    xcss: hoverStyles
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testId": testId,
+    className: (0, _runtime.ax)(["_8vu4iti9 _1mxox0bf _10swu2gc _irr31d5g"])
   }, /*#__PURE__*/React.createElement(_index.Card, {
     appearance: "block",
     ui: ui,

package/dist/cjs/view/RelatedLinksModal/components/related-links-list/index.compiled.css

@@ -0,0 +1,4 @@
+._11c816g6{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
+._1q511b66{padding-block-start:var(--ds-space-050,4px)}

package/dist/cjs/view/RelatedLinksModal/components/related-links-list/index.js

@@ -1,51 +1,51 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = require("../../../../messages");
 var _relatedLinkItem = _interopRequireDefault(require("../related-link-item"));
 var _RelatedLinksListOld = _interopRequireDefault(require("./RelatedLinksListOld"));
-var sectionTitleStyles = (0, _primitives.xcss)({
-  font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
-});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var styles = {
+  sectionTitle: "_11c816g6 _1q511b66",
+  boxStyle: "_11c81vlj _1rjcu2gc"
+};
 var RelatedLinksList = function RelatedLinksList(_ref) {
   var urls = _ref.urls,
     title = _ref.title,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+  return /*#__PURE__*/React.createElement(_compiled.Stack, {
     testId: testId
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    paddingBlockStart: "space.050",
-    xcss: sectionTitleStyles
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, title)), urls.length > 0 && /*#__PURE__*/_react.default.createElement(_primitives.Box, null, urls.map(function (url, idx) {
-    return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+  }, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.sectionTitle
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, title)), urls.length > 0 && /*#__PURE__*/React.createElement(_compiled.Box, null, urls.map(function (url, idx) {
+    return /*#__PURE__*/React.createElement(_compiled.Stack, {
       key: "".concat(idx, "-").concat(url)
-    }, /*#__PURE__*/_react.default.createElement(_relatedLinkItem.default, {
+    }, /*#__PURE__*/React.createElement(_relatedLinkItem.default, {
       url: url,
       testId: "".concat(testId, "-item-").concat(idx)
     }));
-  })), urls.length === 0 &&
-  /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  _react.default.createElement(_primitives.Box, {
-    paddingBlock: "space.100",
-    xcss: (0, _primitives.xcss)({
-      font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
-    })
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_not_found)));
+  })), urls.length === 0 && /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.boxStyle
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_not_found)));
 };
 var RelatedLinksListExported = function RelatedLinksListExported(props) {
   if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/_react.default.createElement(RelatedLinksList, props);
+    return /*#__PURE__*/React.createElement(RelatedLinksList, props);
   } else {
-    return /*#__PURE__*/_react.default.createElement(_RelatedLinksListOld.default, props);
+    return /*#__PURE__*/React.createElement(_RelatedLinksListOld.default, props);
   }
 };
 var _default = exports.default = RelatedLinksListExported;

package/dist/cjs/view/RelatedLinksModal/views/resolved/index.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = require("../../../../messages");
 var _relatedLinksList = _interopRequireDefault(require("../../components/related-links-list"));
 var _ResolvedOld = _interopRequireDefault(require("./ResolvedOld"));
@@ -17,7 +17,7 @@ var RelatedLinksResolvedView = function RelatedLinksResolvedView(_ref) {
     incomingLinks = _ref$incomingLinks === void 0 ? [] : _ref$incomingLinks,
     _ref$outgoingLinks = _ref.outgoingLinks,
     outgoingLinks = _ref$outgoingLinks === void 0 ? [] : _ref$outgoingLinks;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     space: "space.150"
   }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: {

package/dist/cjs/view/RelatedLinksModal/views/resolving/RelatedLinksResolvingViewOld.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var style = (0, _primitives.xcss)({
+  alignItems: 'center',
+  display: 'flex',
+  flexDirection: 'column',
+  height: '100%',
+  justifyContent: 'center'
+});
+var RelatedLinksResolvingViewOld = function RelatedLinksResolvingViewOld() {
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: style,
+    testId: "related-links-resolving-view"
+  }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+    size: 'large',
+    testId: "related-links-resolving-view-spinner"
+  }));
+};
+var _default = exports.default = RelatedLinksResolvingViewOld;

package/dist/cjs/view/RelatedLinksModal/views/resolving/index.compiled.css

@@ -0,0 +1,5 @@
+._1bah1h6o{justify-content:center}
+._1e0c1txw{display:flex}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}

package/dist/cjs/view/RelatedLinksModal/views/resolving/index.js

@@ -1,27 +1,37 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _primitives = require("@atlaskit/primitives");
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var style = (0, _primitives.xcss)({
-  alignItems: 'center',
-  display: 'flex',
-  flexDirection: 'column',
-  height: '100%',
-  justifyContent: 'center'
-});
-var RelatedLinksResolvingView = function RelatedLinksResolvingView() {
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: style,
+var _RelatedLinksResolvingViewOld = _interopRequireDefault(require("./RelatedLinksResolvingViewOld"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var styles = {
+  style: "_4cvr1h6o _1e0c1txw _2lx21bp4 _4t3i1osq _1bah1h6o"
+};
+var RelatedLinksResolvingViewNew = function RelatedLinksResolvingViewNew() {
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.style,
     testId: "related-links-resolving-view"
-  }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
-    size: 'large',
+  }, /*#__PURE__*/React.createElement(_spinner.default, {
+    size: "large",
     testId: "related-links-resolving-view-spinner"
   }));
 };
+var RelatedLinksResolvingView = function RelatedLinksResolvingView() {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(RelatedLinksResolvingViewNew, null);
+  }
+  return /*#__PURE__*/React.createElement(_RelatedLinksResolvingViewOld.default, null);
+};
 var _default = exports.default = RelatedLinksResolvingView;

package/dist/cjs/view/common/Icon.compiled.css

@@ -0,0 +1,6 @@
+._1bah1h6o{justify-content:center}
+._1bsb7vkz{width:1pc}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._4t3i7vkz{height:1pc}
+._4t3igktf{height:20px}