@atlaskit/link-datasource 7.5.0 → 7.5.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-datasource
 
+## 7.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.5.0
 
 ### Minor Changes

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

@@ -19,7 +19,8 @@ var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state/empty-st
 var _auth2 = require("@atlaskit/outbound-auth-flow-client/auth");
 var _error = require("@atlaskit/outbound-auth-flow-client/error");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _anchor = require("@atlaskit/primitives/compiled/anchor");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _analytics = require("../../../analytics");
 var _useErrorLogger2 = _interopRequireDefault(require("../../../hooks/useErrorLogger"));
 var _messages = require("./messages");
@@ -92,14 +93,14 @@ var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthR
   var renderAuthDescription = function renderAuthDescription() {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatMessage((0, _fg.fg)('product-terminology-refresh') ? _messages.loadingErrorMessages.authScreenDescriptionTextAppify : _messages.loadingErrorMessages.authScreenDescriptionText, {
       providerName: providerName
-    }), ' ', /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
+    }), ' ', /*#__PURE__*/_react.default.createElement(_anchor.Anchor, {
       href: learnMoreAboutSmartLinksUrl,
       target: "_blank",
       rel: "noreferrer noopener"
     }, formatMessage(_messages.loadingErrorMessages.learnMoreAboutSmartLinks)));
   };
   var renderAuthConnectButton = function renderAuthConnectButton() {
-    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    return /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: styles.buttonContainer
     }, /*#__PURE__*/_react.default.createElement(_button.default, {
       onClick: onAuthRequest,

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

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
 var _link = _interopRequireDefault(require("@atlaskit/link/link"));
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/new/lozenge"));
 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;

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

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
 var _css = require("@atlaskit/css");
 var _peopleGroup = _interopRequireDefault(require("@atlaskit/icon/core/people-group"));
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/new/lozenge"));
 var _box = require("@atlaskit/primitives/compiled/box");
 var _flex = require("@atlaskit/primitives/compiled/flex");
 var styles = {

package/dist/cjs/ui/common/modal/search-count/ItemCountWrapper.js

@@ -10,7 +10,7 @@ require("./ItemCountWrapper.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _flex = require("@atlaskit/primitives/compiled/flex");
 var _link = _interopRequireDefault(require("@atlaskit/smart-card/link"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -22,7 +22,7 @@ var ItemCountWrapper = exports.ItemCountWrapper = function ItemCountWrapper(_ref
     additionalStyles = _ref.styles,
     children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  return /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     testId: testId,
     xcss: styles.searchCountStyles,
     alignItems: "center"

package/dist/cjs/ui/confluence-search-modal/modal/PlainConfluenceSearchConfigModal.js

@@ -21,7 +21,8 @@ var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-bo
 var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-footer"));
 var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
 var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _flex = require("@atlaskit/primitives/compiled/flex");
 var _analytics = require("../../../analytics");
 var _types = require("../../../analytics/types");
 var _search = require("../../../common/ui/rich-icon/search");
@@ -341,16 +342,16 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
   }, /*#__PURE__*/_react.default.createElement(_datasourceModal.DatasourceModal, {
     testId: "confluence-search-datasource-modal",
     onClose: onCancel
-  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, null, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, null, /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     gap: "space.200",
     justifyContent: "space-between",
     xcss: styles.flexStyles
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  }, /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     justifyContent: "end",
     xcss: styles.viewModeContainer
   }, !hasNoConfluenceSites && /*#__PURE__*/_react.default.createElement(_DatasourceViewModeDropDown.DatasourceViewModeDropDown, null), /*#__PURE__*/_react.default.createElement(_closeButton.CloseButton, {
     onClick: onCancel
-  })), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  })), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     justifyContent: "start",
     xcss: styles.modalTitleContainer
   }, /*#__PURE__*/_react.default.createElement(_modalTitle.default, null, /*#__PURE__*/_react.default.createElement(_siteSelector.SiteSelector, {
@@ -360,7 +361,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     testId: "confluence-search-datasource-modal--site-selector",
     label: siteSelectorLabel,
     disableSiteSelector: disableSiteSelector
-  }))))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, !hasNoConfluenceSites ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }))))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, !hasNoConfluenceSites ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: styles.inputContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_confluenceSearchContainer.default, {
     isSearching: status === 'loading',

package/dist/cjs/ui/issue-like-table/column-picker/index.js

@@ -22,7 +22,7 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-d
 var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
 var _tableColumnsDistribute = _interopRequireDefault(require("@atlaskit/icon/core/table-columns-distribute"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _filters = require("@atlaskit/react-select/filters");
 var _popupSelect = require("@atlaskit/select/popup-select");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
@@ -185,7 +185,7 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
               size: "small"
             });
           }
-        }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+        }), /*#__PURE__*/_react.default.createElement(_box.Box, {
           as: "span",
           xcss: styles.customizeIcon
         }, /*#__PURE__*/_react.default.createElement(_customize.default, {

package/dist/cjs/ui/issue-like-table/edit-type/status/index.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _layering = require("@atlaskit/layering/layering");
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/new/lozenge"));
 var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _failUfoExperience = require("../../../../analytics/ufoExperiences/failUfoExperience");

package/dist/cjs/ui/issue-like-table/issue-like-data-table-view.js

@@ -31,7 +31,8 @@ var _reorderWithEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/util/re
 var _autoScroller = require("@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll/auto-scroller");
 var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
 var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _inline = require("@atlaskit/primitives/compiled/inline");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _startUfoExperience = require("../../analytics/ufoExperiences/startUfoExperience");
 var _succeedUfoExperience = require("../../analytics/ufoExperiences/succeedUfoExperience");
@@ -359,7 +360,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
       key: 'loading',
       cells: headerColumns.map(function (column) {
         return {
-          content: /*#__PURE__*/React.createElement(_compiled.Box, {
+          content: /*#__PURE__*/React.createElement(_box.Box, {
             paddingInline: "space.100"
           }, /*#__PURE__*/React.createElement(_skeleton.Skeleton, {
             borderRadius: "var(--ds-radius-large, 8px)",
@@ -712,7 +713,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
         })
       }, heading);
     }
-  }), onVisibleColumnKeysChange && (shouldShowTableSettingsMenu ? /*#__PURE__*/React.createElement(ColumnPickerHeaderWithSettings, null, /*#__PURE__*/React.createElement(_compiled.Inline, {
+  }), onVisibleColumnKeysChange && (shouldShowTableSettingsMenu ? /*#__PURE__*/React.createElement(ColumnPickerHeaderWithSettings, null, /*#__PURE__*/React.createElement(_inline.Inline, {
     alignBlock: "center",
     alignInline: "end",
     space: "space.050"

package/dist/cjs/ui/issue-like-table/render-type/date-range/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.DATERANGE_TYPE_TEST_ID = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _getFormattedDateRange = require("./getFormattedDateRange");
 var DATERANGE_TYPE_TEST_ID = exports.DATERANGE_TYPE_TEST_ID = 'link-datasource-render-type--daterange';
 var DateRangeRenderType = function DateRangeRenderType(_ref) {
@@ -21,7 +21,7 @@ var DateRangeRenderType = function DateRangeRenderType(_ref) {
   if (formattedString === '') {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
-  return /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  return /*#__PURE__*/_react.default.createElement(_text.Text, {
     testId: testId
   }, formattedString);
 };

package/dist/cjs/ui/issue-like-table/render-type/date-time/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.DATETIME_TYPE_TEST_ID = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _getFormattedDate = require("./getFormattedDate");
 var DATETIME_TYPE_TEST_ID = exports.DATETIME_TYPE_TEST_ID = 'link-datasource-render-type--datetime';
 var DateTimeRenderType = function DateTimeRenderType(_ref) {
@@ -21,7 +21,7 @@ var DateTimeRenderType = function DateTimeRenderType(_ref) {
   if (formattedString === '') {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
-  return /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  return /*#__PURE__*/_react.default.createElement(_text.Text, {
     testId: testId
   }, formattedString);
 };

package/dist/cjs/ui/issue-like-table/render-type/status/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.STATUS_TYPE_TEST_ID = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/new/lozenge"));
 var STATUS_TYPE_TEST_ID = exports.STATUS_TYPE_TEST_ID = 'link-datasource-render-type--status';
 var StatusRenderType = function StatusRenderType(_ref) {
   var text = _ref.text,

package/dist/cjs/ui/issue-like-table/render-type/text/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TEXT_TYPE_TEST_ID = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _text = require("@atlaskit/primitives/compiled/text");
 var TEXT_TYPE_TEST_ID = exports.TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
 var TextRenderType = function TextRenderType(_ref) {
   var text = _ref.text,
@@ -15,7 +15,7 @@ var TextRenderType = function TextRenderType(_ref) {
   if (!(text && typeof text === 'string')) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_text.Text, {
     testId: testId
   }, text), /*#__PURE__*/_react.default.createElement("br", null));
 };

package/dist/cjs/ui/issue-like-table/render-type/user/index.js

@@ -16,7 +16,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _reactIntl = require("react-intl");
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group/avatar-group"));
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _widthObserver = require("@atlaskit/width-detector/width-observer");
 var _messages = require("./messages");
 var _excluded = ["as", "style"];
@@ -68,10 +68,10 @@ var UserType = function UserType(_ref2) {
       _ref3$testId = _ref3.testId,
       testId = _ref3$testId === void 0 ? USER_TYPE_TEST_ID : _ref3$testId,
       children = _ref3.children;
-    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    return /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: styles.userWrapperStyles,
       testId: testId
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    }, /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: styles.avatarWrapperStyles
     }, /*#__PURE__*/_react.default.createElement(_avatar.default, {
       appearance: "circle",
@@ -97,7 +97,7 @@ var UserType = function UserType(_ref2) {
         testId: "".concat(testId, "--avatar")
       };
     });
-    return /*#__PURE__*/_react.default.createElement(AvatarGroupWrapperStyles, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    return /*#__PURE__*/_react.default.createElement(AvatarGroupWrapperStyles, null, /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: styles.widthObserverWrapperStyles
     }, /*#__PURE__*/_react.default.createElement(_widthObserver.WidthObserver, {
       setWidth: setWidth

package/dist/cjs/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _inlineEdit = _interopRequireDefault(require("@atlaskit/inline-edit/inline-edit"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _useSmartLinkReload = require("@atlaskit/smart-card/hook/use-smart-link-reload");
 var _analytics = require("../../../analytics");
 var _startUfoExperience = require("../../../analytics/ufoExperiences/startUfoExperience");
@@ -197,7 +197,7 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
       fieldValue: getCurrentFieldLabel(editValues)
     });
   }, [columnTitle, formatMessage, editValues]);
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: styles.editContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_inlineEdit.default, (0, _extends2.default)({}, (0, _editType.editType)({
     defaultValue: datasourceTypeWithValues,

package/dist/cjs/ui/issue-like-table/table-cell-content/table-cell-content.js

@@ -10,7 +10,7 @@ require("./table-cell-content.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _state = require("../../../state");
 var _useExecuteAtomicAction = require("../../../state/actions/useExecuteAtomicAction");
 var _isEditTypeSelectable = require("../edit-type/isEditTypeSelectable");
@@ -49,7 +49,7 @@ var InlineEditableCell = function InlineEditableCell(_ref) {
     columnKey: columnKey,
     datasourceTypeWithValues: values,
     wrappedColumnKeys: wrappedColumnKeys
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
     testId: "inline-edit-read-view",
     paddingInline: isEditable ? 'space.075' : 'space.100',
     paddingBlock: "space.050",
@@ -129,7 +129,7 @@ var TableCellContent = exports.TableCellContent = function TableCellContent(_ref
       });
     }
   }
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     testId: "inline-edit-read-view",
     paddingInline: "space.100",
     paddingBlock: "space.050",

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

@@ -24,7 +24,7 @@ var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-
 var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
 var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _flex = require("@atlaskit/primitives/compiled/flex");
 var _analytics = require("../../../analytics");
 var _constants = require("../../../analytics/constants");
 var _types = require("../../../analytics/types");
@@ -402,16 +402,16 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     testId: "jira-datasource-modal",
     onClose: onCancel,
     shouldReturnFocus: shouldReturnFocus
-  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, null, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, null, /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     gap: "space.200",
     justifyContent: "space-between",
     xcss: styles.flexStyles
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  }, /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     justifyContent: "end",
     xcss: styles.viewModeContainer
   }, !hasNoJiraSites && /*#__PURE__*/_react.default.createElement(_DatasourceViewModeDropDown.DatasourceViewModeDropDown, null), /*#__PURE__*/_react.default.createElement(_closeButton.CloseButton, {
     onClick: onCancel
-  })), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  })), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     justifyContent: "start",
     xcss: styles.modalTitleContainer
   }, /*#__PURE__*/_react.default.createElement(_modalTitle.default, null, /*#__PURE__*/_react.default.createElement(_siteSelector.SiteSelector, {

package/dist/es2019/ui/common/error-state/provider-auth-required.js

@@ -8,7 +8,8 @@ import EmptyState from '@atlaskit/empty-state/empty-state';
 import { auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client/auth';
 import { AuthError } from '@atlaskit/outbound-auth-flow-client/error';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Anchor, Box } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import useErrorLogger from '../../../hooks/useErrorLogger';
 import { loadingErrorMessages } from './messages';

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

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage, useIntl } from 'react-intl';
 import Link from '@atlaskit/link/link';
-import Lozenge from '@atlaskit/lozenge/lozenge';
+import Lozenge from '@atlaskit/lozenge/new/lozenge';
 import { initialStateViewMessages } from './messages';
 const initialStateViewContainerStyles = null;
 const svgAndTextsWrapperStyles = null;

package/dist/es2019/ui/common/modal/popup-select/formatOptionLabel.js

@@ -5,7 +5,7 @@ import React from 'react';
 import Avatar from '@atlaskit/avatar/avatar';
 import { cx } from '@atlaskit/css';
 import PeopleGroupIcon from '@atlaskit/icon/core/people-group';
-import Lozenge from '@atlaskit/lozenge/lozenge';
+import Lozenge from '@atlaskit/lozenge/new/lozenge';
 import { Box } from '@atlaskit/primitives/compiled/box';
 import { Flex } from '@atlaskit/primitives/compiled/flex';
 const styles = {

package/dist/es2019/ui/common/modal/search-count/ItemCountWrapper.js

@@ -2,7 +2,7 @@
 import "./ItemCountWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import LinkUrl from '@atlaskit/smart-card/link';
 const styles = {
   searchCountStyles: "_16jlkb7n _1o9zkb7n _i0dlf1ug"

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

@@ -12,7 +12,8 @@ import ModalBody from '@atlaskit/modal-dialog/modal-body';
 import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
 import ModalHeader from '@atlaskit/modal-dialog/modal-header';
 import ModalTitle from '@atlaskit/modal-dialog/modal-title';
-import { Box, Flex } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { DatasourceAction, DatasourceSearchMethod } from '../../../analytics/types';
 import { RichIconSearch } from '../../../common/ui/rich-icon/search';

package/dist/es2019/ui/issue-like-table/column-picker/index.js

@@ -11,7 +11,7 @@ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
 import TableColumnsDistributeIcon from '@atlaskit/icon/core/table-columns-distribute';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { createFilter } from '@atlaskit/react-select/filters';
 import { PopupSelect } from '@atlaskit/select/popup-select';
 import Tooltip from '@atlaskit/tooltip/Tooltip';

package/dist/es2019/ui/issue-like-table/edit-type/status/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { Layering } from '@atlaskit/layering/layering';
-import Lozenge from '@atlaskit/lozenge/lozenge';
+import Lozenge from '@atlaskit/lozenge/new/lozenge';
 import Select from '@atlaskit/select/default';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { failUfoExperience } from '../../../../analytics/ufoExperiences/failUfoExperience';

package/dist/es2019/ui/issue-like-table/issue-like-data-table-view.js

@@ -20,7 +20,8 @@ import { reorderWithEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/r
 import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll/auto-scroller';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
-import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { startUfoExperience } from '../../analytics/ufoExperiences/startUfoExperience';
 import { succeedUfoExperience } from '../../analytics/ufoExperiences/succeedUfoExperience';

package/dist/es2019/ui/issue-like-table/render-type/date-range/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { getFormattedDateRange } from './getFormattedDateRange';
 export const DATERANGE_TYPE_TEST_ID = 'link-datasource-render-type--daterange';
 const DateRangeRenderType = ({

package/dist/es2019/ui/issue-like-table/render-type/date-time/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { getFormattedDate } from './getFormattedDate';
 export const DATETIME_TYPE_TEST_ID = 'link-datasource-render-type--datetime';
 const DateTimeRenderType = ({

package/dist/es2019/ui/issue-like-table/render-type/status/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Lozenge from '@atlaskit/lozenge/lozenge';
+import Lozenge from '@atlaskit/lozenge/new/lozenge';
 export const STATUS_TYPE_TEST_ID = 'link-datasource-render-type--status';
 const StatusRenderType = ({
   text,

package/dist/es2019/ui/issue-like-table/render-type/text/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 export const TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
 const TextRenderType = ({
   text,

package/dist/es2019/ui/issue-like-table/render-type/user/index.js

@@ -7,7 +7,7 @@ import React, { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import AvatarGroup from '@atlaskit/avatar-group/avatar-group';
 import Avatar from '@atlaskit/avatar/avatar';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { WidthObserver } from '@atlaskit/width-detector/width-observer';
 import { userTypeMessages } from './messages';
 const styles = {

package/dist/es2019/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
 import AKInlineEdit from '@atlaskit/inline-edit/inline-edit';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { useSmartLinkReload } from '@atlaskit/smart-card/hook/use-smart-link-reload';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { startUfoExperience } from '../../../analytics/ufoExperiences/startUfoExperience';

package/dist/es2019/ui/issue-like-table/table-cell-content/table-cell-content.js

@@ -3,7 +3,7 @@ import "./table-cell-content.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { useDatasourceItem } from '../../../state';
 import { useExecuteAtomicAction } from '../../../state/actions/useExecuteAtomicAction';
 import { isEditTypeSelectable } from '../edit-type/isEditTypeSelectable';

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

@@ -16,7 +16,7 @@ import ModalHeader from '@atlaskit/modal-dialog/modal-header';
 import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { EVENT_CHANNEL } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay } from '../../../analytics/types';

package/dist/esm/ui/common/error-state/provider-auth-required.js

@@ -11,7 +11,8 @@ import EmptyState from '@atlaskit/empty-state/empty-state';
 import { auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client/auth';
 import { AuthError } from '@atlaskit/outbound-auth-flow-client/error';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Anchor, Box } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import useErrorLogger from '../../../hooks/useErrorLogger';
 import { loadingErrorMessages } from './messages';

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

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage, useIntl } from 'react-intl';
 import Link from '@atlaskit/link/link';
-import Lozenge from '@atlaskit/lozenge/lozenge';
+import Lozenge from '@atlaskit/lozenge/new/lozenge';
 import { initialStateViewMessages } from './messages';
 var initialStateViewContainerStyles = null;
 var svgAndTextsWrapperStyles = null;

package/dist/esm/ui/common/modal/popup-select/formatOptionLabel.js

@@ -5,7 +5,7 @@ import React from 'react';
 import Avatar from '@atlaskit/avatar/avatar';
 import { cx } from '@atlaskit/css';
 import PeopleGroupIcon from '@atlaskit/icon/core/people-group';
-import Lozenge from '@atlaskit/lozenge/lozenge';
+import Lozenge from '@atlaskit/lozenge/new/lozenge';
 import { Box } from '@atlaskit/primitives/compiled/box';
 import { Flex } from '@atlaskit/primitives/compiled/flex';
 var styles = {

package/dist/esm/ui/common/modal/search-count/ItemCountWrapper.js

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import LinkUrl from '@atlaskit/smart-card/link';
 var styles = {
   searchCountStyles: "_16jlkb7n _1o9zkb7n _i0dlf1ug"

package/dist/esm/ui/confluence-search-modal/modal/PlainConfluenceSearchConfigModal.js

@@ -15,7 +15,8 @@ import ModalBody from '@atlaskit/modal-dialog/modal-body';
 import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
 import ModalHeader from '@atlaskit/modal-dialog/modal-header';
 import ModalTitle from '@atlaskit/modal-dialog/modal-title';
-import { Box, Flex } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { DatasourceAction, DatasourceSearchMethod } from '../../../analytics/types';
 import { RichIconSearch } from '../../../common/ui/rich-icon/search';

package/dist/esm/ui/issue-like-table/column-picker/index.js

@@ -15,7 +15,7 @@ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
 import TableColumnsDistributeIcon from '@atlaskit/icon/core/table-columns-distribute';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { createFilter } from '@atlaskit/react-select/filters';
 import { PopupSelect } from '@atlaskit/select/popup-select';
 import Tooltip from '@atlaskit/tooltip/Tooltip';

package/dist/esm/ui/issue-like-table/edit-type/status/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { Layering } from '@atlaskit/layering/layering';
-import Lozenge from '@atlaskit/lozenge/lozenge';
+import Lozenge from '@atlaskit/lozenge/new/lozenge';
 import Select from '@atlaskit/select/default';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { failUfoExperience } from '../../../../analytics/ufoExperiences/failUfoExperience';

package/dist/esm/ui/issue-like-table/issue-like-data-table-view.js

@@ -34,7 +34,8 @@ import { reorderWithEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/r
 import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll/auto-scroller';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
-import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { startUfoExperience } from '../../analytics/ufoExperiences/startUfoExperience';
 import { succeedUfoExperience } from '../../analytics/ufoExperiences/succeedUfoExperience';

package/dist/esm/ui/issue-like-table/render-type/date-range/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { getFormattedDateRange } from './getFormattedDateRange';
 export var DATERANGE_TYPE_TEST_ID = 'link-datasource-render-type--daterange';
 var DateRangeRenderType = function DateRangeRenderType(_ref) {

package/dist/esm/ui/issue-like-table/render-type/date-time/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { getFormattedDate } from './getFormattedDate';
 export var DATETIME_TYPE_TEST_ID = 'link-datasource-render-type--datetime';
 var DateTimeRenderType = function DateTimeRenderType(_ref) {

package/dist/esm/ui/issue-like-table/render-type/status/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Lozenge from '@atlaskit/lozenge/lozenge';
+import Lozenge from '@atlaskit/lozenge/new/lozenge';
 export var STATUS_TYPE_TEST_ID = 'link-datasource-render-type--status';
 var StatusRenderType = function StatusRenderType(_ref) {
   var text = _ref.text,

package/dist/esm/ui/issue-like-table/render-type/text/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 export var TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
 var TextRenderType = function TextRenderType(_ref) {
   var text = _ref.text,

package/dist/esm/ui/issue-like-table/render-type/user/index.js

@@ -10,7 +10,7 @@ import React, { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import AvatarGroup from '@atlaskit/avatar-group/avatar-group';
 import Avatar from '@atlaskit/avatar/avatar';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { WidthObserver } from '@atlaskit/width-detector/width-observer';
 import { userTypeMessages } from './messages';
 var styles = {

package/dist/esm/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -10,7 +10,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useCallback, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
 import AKInlineEdit from '@atlaskit/inline-edit/inline-edit';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { useSmartLinkReload } from '@atlaskit/smart-card/hook/use-smart-link-reload';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { startUfoExperience } from '../../../analytics/ufoExperiences/startUfoExperience';

package/dist/esm/ui/issue-like-table/table-cell-content/table-cell-content.js

@@ -3,7 +3,7 @@ import "./table-cell-content.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { useDatasourceItem } from '../../../state';
 import { useExecuteAtomicAction } from '../../../state/actions/useExecuteAtomicAction';
 import { isEditTypeSelectable } from '../edit-type/isEditTypeSelectable';

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

@@ -20,7 +20,7 @@ import ModalHeader from '@atlaskit/modal-dialog/modal-header';
 import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { EVENT_CHANNEL } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay } from '../../../analytics/types';

package/examples-helpers/buildIssueLikeTable.tsx

@@ -10,7 +10,7 @@ import { jsx, styled } from '@compiled/react';
 import IntlMessagesProvider from '@atlaskit/intl-messages-provider/main';
 import { SmartCardProvider } from '@atlaskit/link-provider/smart-card-provider';
 import { mockDatasourceFetchRequests } from '@atlaskit/link-test-helpers/datasource';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 
 import { fetchMessagesForLocale } from '../src/common/utils/locale/fetch-messages-for-locale';
 import { DatasourceExperienceIdProvider } from '../src/contexts/datasource-experience-id/datasource-experience-id-provider';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "7.5.0",
+	"version": "7.5.1",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -71,18 +71,18 @@
 		"@atlaskit/linking-types": "^16.0.0",
 		"@atlaskit/logo": "^23.3.0",
 		"@atlaskit/lozenge": "^17.0.0",
-		"@atlaskit/modal-dialog": "^17.0.0",
+		"@atlaskit/modal-dialog": "^17.1.0",
 		"@atlaskit/object": "^2.3.0",
 		"@atlaskit/outbound-auth-flow-client": "^4.2.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/platform-feature-flags-react": "^1.2.0",
-		"@atlaskit/popup": "^9.0.0",
+		"@atlaskit/popup": "^10.0.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^4.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^3.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^3.2.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^4.2.0",
-		"@atlaskit/primitives": "^22.5.0",
+		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-select": "^4.12.0",
 		"@atlaskit/select": "^23.1.0",
@@ -121,7 +121,7 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/code": "^20.0.0",
-		"@atlaskit/json-ld-types": "^2.0.0",
+		"@atlaskit/json-ld-types": "^2.1.0",
 		"@atlaskit/link-test-helpers": "^11.2.0",
 		"@atlaskit/radio": "^10.2.0",
 		"@atlaskit/ssr": "workspace:^",