@atlaskit/link-datasource 1.24.3 → 1.24.5

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/link-datasource
 
+## 1.24.5
+
+### Patch Changes
+
+- [#83176](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83176) [`5c64e4657ef3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5c64e4657ef3) - [ux] Minor changes to replace deprecated font tokens with new tokens. There may be some very slight differences in font size if the previous value was incorrectly applied, and slight differences in line height to match the new typography system.
+- Updated dependencies
+
+## 1.24.4
+
+### Patch Changes
+
+- [#83188](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83188) [`cd5d06cd3329`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cd5d06cd3329) - Minor adjustments to improve compatibility with React 18
+
 ## 1.24.3
 
 ### Patch Changes

package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js

@@ -20,9 +20,7 @@ var svgAndTextsWrapperStyles = (0, _react.css)({
   alignSelf: 'center'
 });
 var searchTitleStyles = (0, _react.css)({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)",
-  lineHeight: "var(--ds-font-lineHeight-300, 24px)",
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   paddingTop: "var(--ds-space-200, 16px)",
   paddingBottom: "var(--ds-space-100, 8px)"
 });

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

@@ -18,8 +18,7 @@ var _messages = require("./messages");
 
 var urlStyles = (0, _react2.css)({
   color: "var(--ds-text-subtlest, ".concat(_colors.N400, ")"),
-  fontSize: "var(--ds-font-size-100, 14px)",
-  lineHeight: "var(--ds-font-lineHeight-200, 20px)"
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 var descriptionMessageStyles = (0, _react2.css)({
   display: 'flex',

package/dist/cjs/ui/common/error-state/loading-error.js

@@ -26,8 +26,7 @@ var errorMessageContainerStyles = (0, _react2.css)({
   placeItems: 'center'
 });
 var errorMessageStyles = (0, _react2.css)({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)"
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 var errorDescriptionStyles = (0, _react2.css)({
   margin: 0

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

@@ -26,8 +26,7 @@ var errorMessageContainerStyles = (0, _react2.css)({
   placeItems: 'center'
 });
 var errorMessageStyles = (0, _react2.css)({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)"
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 var errorDescriptionStyles = (0, _react2.css)({
   margin: 0

package/dist/cjs/ui/common/error-state/no-instances.js

@@ -12,8 +12,7 @@ var _noInstancesSvg = require("./no-instances-svg");
 /** @jsx jsx */
 
 var titleStyles = (0, _react.css)({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)",
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   marginTop: "var(--ds-space-200, 16px)"
 });
 var descriptionStyles = (0, _react.css)({

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

@@ -25,8 +25,7 @@ var noResultsMessageContainerStyles = (0, _react2.css)({
   placeItems: 'center'
 });
 var noResultsMessageStyles = (0, _react2.css)({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)"
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 var NoResults = exports.NoResults = function NoResults(_ref) {
   var onRefresh = _ref.onRefresh;

package/dist/cjs/ui/issue-like-table/column-picker/concatenated-menu-list.js

@@ -16,9 +16,8 @@ var _excluded = ["children"];
 var SELECT_ITEMS_MAXIMUM_THRESHOLD = exports.SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
 var messageStyles = (0, _react.css)({
   color: "var(--ds-text-subtle, #44546F)",
-  fontSize: "var(--ds-font-size-050, 11px)",
-  fontWeight: "var(--ds-font-weight-regular, 400)",
-  lineHeight: "var(--ds-font-lineHeight-100, 14px)"
+  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)",
+  fontWeight: "var(--ds-font-weight-regular, 400)"
 });
 var ConcatenatedMenuList = exports.ConcatenatedMenuList = function ConcatenatedMenuList(_ref) {
   var children = _ref.children,

package/dist/cjs/ui/issue-like-table/drag-column-preview.js

@@ -35,7 +35,7 @@ var tableStyles = (0, _react2.css)({
   background: "var(--ds-surface, #FFF)",
   borderCollapse: 'separate',
   borderSpacing: 0,
-  fontSize: "var(--ds-font-size-100, 14px)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   maxWidth: maxWidth
 });
 var DragColumnPreview = exports.DragColumnPreview = function DragColumnPreview(_ref) {

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

@@ -71,7 +71,7 @@ var truncateStyles = (0, _react2.css)({
   whiteSpace: 'nowrap'
 });
 var TableCell = _styled.default.td((_styled$td = {}, (0, _defineProperty2.default)(_styled$td, "".concat((0, _styled2.withTablePluginBodyPrefix)()), {
-  fontSize: _styled2.fieldTextFontSize,
+  font: _styled2.fieldTextFontSize,
   padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
   border: 0,
   minWidth: 'auto',
@@ -195,7 +195,7 @@ var noDefaultBorderStyles = (0, _react2.css)({
   borderBottom: 0
 });
 var headerStyles = (0, _react2.css)({
-  fontSize: "var(--ds-font-size-075, 12px)",
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-medium, 500)"
 });
 var headingHoverEffectStyles = (0, _react2.css)({

package/dist/cjs/ui/issue-like-table/styled.js

@@ -10,11 +10,11 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
 var _styled$th;
 var ScrollableContainerHeight = exports.ScrollableContainerHeight = 590;
-var fieldTextFontSize = exports.fieldTextFontSize = "var(--ds-font-size-100, 14px)";
+var fieldTextFontSize = exports.fieldTextFontSize = "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)";
 var Table = exports.Table = _styled.default.table({
   width: '100%'
 });
-var lineHeight = "var(--ds-font-lineHeight-300, 24px)";
+var lineHeight = '24px';
 var verticalPadding = "var(--ds-space-025, 2px)";
 
 /**

package/dist/cjs/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.js

@@ -94,6 +94,7 @@ var useFilterOptions = exports.useFilterOptions = function useFilterOptions(_ref
             cloudId: cloudId,
             jql: '',
             jqlTerm: filterType,
+            // @ts-expect-error - Type 'string | undefined' is not assignable to type 'string'
             searchString: searchString,
             pageCursor: pageCursor
           });

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

@@ -32,9 +32,7 @@ var betaTagStyles = (0, _react2.css)({
 });
 var searchTitleStyles = (0, _react2.css)({
   color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")"),
-  fontWeight: "var(--ds-font-weight-medium, 500)",
-  fontSize: "var(--ds-font-size-300, 20px)",
-  lineHeight: "var(--ds-font-lineHeight-300, 24px)",
+  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   paddingTop: "var(--ds-space-200, 16px)",
   paddingBottom: "var(--ds-space-100, 8px)",
   display: 'flex',

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

@@ -18,9 +18,8 @@ var _excluded = ["width"];
 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; }
 var selectStyles = (0, _react2.css)({
-  fontSize: "var(--ds-font-size-100, 14px)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-medium, 500)",
-  lineHeight: "var(--ds-font-lineHeight-200, 20px)",
   zIndex: _zindex.siteSelectorIndex
 });
 var JiraSiteSelector = exports.JiraSiteSelector = function JiraSiteSelector(props) {

package/dist/es2019/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js

@@ -14,9 +14,7 @@ const svgAndTextsWrapperStyles = css({
   alignSelf: 'center'
 });
 const searchTitleStyles = css({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)",
-  lineHeight: "var(--ds-font-lineHeight-300, 24px)",
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   paddingTop: "var(--ds-space-200, 16px)",
   paddingBottom: "var(--ds-space-100, 8px)"
 });

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

@@ -10,8 +10,7 @@ import { AccessRequiredSVG } from './access-required-svg';
 import { loadingErrorMessages } from './messages';
 const urlStyles = css({
   color: `var(--ds-text-subtlest, ${N400})`,
-  fontSize: "var(--ds-font-size-100, 14px)",
-  lineHeight: "var(--ds-font-lineHeight-200, 20px)"
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 const descriptionMessageStyles = css({
   display: 'flex',

package/dist/es2019/ui/common/error-state/loading-error.js

@@ -18,8 +18,7 @@ const errorMessageContainerStyles = css({
   placeItems: 'center'
 });
 const errorMessageStyles = css({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)"
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 const errorDescriptionStyles = css({
   margin: 0

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

@@ -18,8 +18,7 @@ const errorMessageContainerStyles = css({
   placeItems: 'center'
 });
 const errorMessageStyles = css({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)"
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 const errorDescriptionStyles = css({
   margin: 0

package/dist/es2019/ui/common/error-state/no-instances.js

@@ -5,8 +5,7 @@ import { Flex, xcss } from '@atlaskit/primitives';
 import { loadingErrorMessages } from './messages';
 import { NoInstancesSvg } from './no-instances-svg';
 const titleStyles = css({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)",
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   marginTop: "var(--ds-space-200, 16px)"
 });
 const descriptionStyles = css({

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

@@ -17,8 +17,7 @@ const noResultsMessageContainerStyles = css({
   placeItems: 'center'
 });
 const noResultsMessageStyles = css({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)"
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 export const NoResults = ({
   onRefresh

package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.js

@@ -7,9 +7,8 @@ import { columnPickerMessages } from './messages';
 export const SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
 const messageStyles = css({
   color: "var(--ds-text-subtle, #44546F)",
-  fontSize: "var(--ds-font-size-050, 11px)",
-  fontWeight: "var(--ds-font-weight-regular, 400)",
-  lineHeight: "var(--ds-font-lineHeight-100, 14px)"
+  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)",
+  fontWeight: "var(--ds-font-weight-regular, 400)"
 });
 export const ConcatenatedMenuList = ({
   children,

package/dist/es2019/ui/issue-like-table/drag-column-preview.js

@@ -32,7 +32,7 @@ const tableStyles = css({
   background: "var(--ds-surface, #FFF)",
   borderCollapse: 'separate',
   borderSpacing: 0,
-  fontSize: "var(--ds-font-size-100, 14px)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   maxWidth
 });
 export const DragColumnPreview = ({

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

@@ -60,7 +60,7 @@ const truncateStyles = css({
 });
 const TableCell = styled.td({
   [`${withTablePluginBodyPrefix()}`]: {
-    fontSize: fieldTextFontSize,
+    font: fieldTextFontSize,
     padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`,
     border: 0,
     minWidth: 'auto',
@@ -223,7 +223,7 @@ const noDefaultBorderStyles = css({
   borderBottom: 0
 });
 const headerStyles = css({
-  fontSize: "var(--ds-font-size-075, 12px)",
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-medium, 500)"
 });
 const headingHoverEffectStyles = css({

package/dist/es2019/ui/issue-like-table/styled.js

@@ -1,11 +1,11 @@
 import styled from '@emotion/styled';
 import { N40 } from '@atlaskit/theme/colors';
 export const ScrollableContainerHeight = 590;
-export const fieldTextFontSize = "var(--ds-font-size-100, 14px)";
+export const fieldTextFontSize = "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)";
 export const Table = styled.table({
   width: '100%'
 });
-const lineHeight = "var(--ds-font-lineHeight-300, 24px)";
+const lineHeight = '24px';
 const verticalPadding = "var(--ds-space-025, 2px)";
 
 /**

package/dist/es2019/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.js

@@ -46,6 +46,7 @@ export const useFilterOptions = ({
         cloudId,
         jql: '',
         jqlTerm: filterType,
+        // @ts-expect-error - Type 'string | undefined' is not assignable to type 'string'
         searchString,
         pageCursor
       });

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

@@ -25,9 +25,7 @@ const betaTagStyles = css({
 });
 const searchTitleStyles = css({
   color: `var(--ds-text-subtlest, ${N300})`,
-  fontWeight: "var(--ds-font-weight-medium, 500)",
-  fontSize: "var(--ds-font-size-300, 20px)",
-  lineHeight: "var(--ds-font-lineHeight-300, 24px)",
+  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   paddingTop: "var(--ds-space-200, 16px)",
   paddingBottom: "var(--ds-space-100, 8px)",
   display: 'flex',

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

@@ -6,9 +6,8 @@ import Select from '@atlaskit/select';
 import { siteSelectorIndex } from '../../../common/zindex';
 import { siteSelectorMessages } from './messages';
 const selectStyles = css({
-  fontSize: "var(--ds-font-size-100, 14px)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-medium, 500)",
-  lineHeight: "var(--ds-font-lineHeight-200, 20px)",
   zIndex: siteSelectorIndex
 });
 export const JiraSiteSelector = props => {

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

@@ -14,9 +14,7 @@ var svgAndTextsWrapperStyles = css({
   alignSelf: 'center'
 });
 var searchTitleStyles = css({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)",
-  lineHeight: "var(--ds-font-lineHeight-300, 24px)",
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   paddingTop: "var(--ds-space-200, 16px)",
   paddingBottom: "var(--ds-space-100, 8px)"
 });

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

@@ -10,8 +10,7 @@ import { AccessRequiredSVG } from './access-required-svg';
 import { loadingErrorMessages } from './messages';
 var urlStyles = css({
   color: "var(--ds-text-subtlest, ".concat(N400, ")"),
-  fontSize: "var(--ds-font-size-100, 14px)",
-  lineHeight: "var(--ds-font-lineHeight-200, 20px)"
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 var descriptionMessageStyles = css({
   display: 'flex',

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

@@ -18,8 +18,7 @@ var errorMessageContainerStyles = css({
   placeItems: 'center'
 });
 var errorMessageStyles = css({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)"
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 var errorDescriptionStyles = css({
   margin: 0

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

@@ -18,8 +18,7 @@ var errorMessageContainerStyles = css({
   placeItems: 'center'
 });
 var errorMessageStyles = css({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)"
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 var errorDescriptionStyles = css({
   margin: 0

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

@@ -5,8 +5,7 @@ import { Flex, xcss } from '@atlaskit/primitives';
 import { loadingErrorMessages } from './messages';
 import { NoInstancesSvg } from './no-instances-svg';
 var titleStyles = css({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)",
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   marginTop: "var(--ds-space-200, 16px)"
 });
 var descriptionStyles = css({

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

@@ -17,8 +17,7 @@ var noResultsMessageContainerStyles = css({
   placeItems: 'center'
 });
 var noResultsMessageStyles = css({
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  fontSize: "var(--ds-font-size-200, 16px)"
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 export var NoResults = function NoResults(_ref) {
   var onRefresh = _ref.onRefresh;

package/dist/esm/ui/issue-like-table/column-picker/concatenated-menu-list.js

@@ -9,9 +9,8 @@ import { columnPickerMessages } from './messages';
 export var SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
 var messageStyles = css({
   color: "var(--ds-text-subtle, #44546F)",
-  fontSize: "var(--ds-font-size-050, 11px)",
-  fontWeight: "var(--ds-font-weight-regular, 400)",
-  lineHeight: "var(--ds-font-lineHeight-100, 14px)"
+  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)",
+  fontWeight: "var(--ds-font-weight-regular, 400)"
 });
 export var ConcatenatedMenuList = function ConcatenatedMenuList(_ref) {
   var children = _ref.children,

package/dist/esm/ui/issue-like-table/drag-column-preview.js

@@ -27,7 +27,7 @@ var tableStyles = css({
   background: "var(--ds-surface, #FFF)",
   borderCollapse: 'separate',
   borderSpacing: 0,
-  fontSize: "var(--ds-font-size-100, 14px)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   maxWidth: maxWidth
 });
 export var DragColumnPreview = function DragColumnPreview(_ref) {

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

@@ -64,7 +64,7 @@ var truncateStyles = css({
   whiteSpace: 'nowrap'
 });
 var TableCell = styled.td((_styled$td = {}, _defineProperty(_styled$td, "".concat(withTablePluginBodyPrefix()), {
-  fontSize: fieldTextFontSize,
+  font: fieldTextFontSize,
   padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
   border: 0,
   minWidth: 'auto',
@@ -188,7 +188,7 @@ var noDefaultBorderStyles = css({
   borderBottom: 0
 });
 var headerStyles = css({
-  fontSize: "var(--ds-font-size-075, 12px)",
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-medium, 500)"
 });
 var headingHoverEffectStyles = css({

package/dist/esm/ui/issue-like-table/styled.js

@@ -3,11 +3,11 @@ var _styled$th;
 import styled from '@emotion/styled';
 import { N40 } from '@atlaskit/theme/colors';
 export var ScrollableContainerHeight = 590;
-export var fieldTextFontSize = "var(--ds-font-size-100, 14px)";
+export var fieldTextFontSize = "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)";
 export var Table = styled.table({
   width: '100%'
 });
-var lineHeight = "var(--ds-font-lineHeight-300, 24px)";
+var lineHeight = '24px';
 var verticalPadding = "var(--ds-space-025, 2px)";
 
 /**

package/dist/esm/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.js

@@ -87,6 +87,7 @@ export var useFilterOptions = function useFilterOptions(_ref) {
             cloudId: cloudId,
             jql: '',
             jqlTerm: filterType,
+            // @ts-expect-error - Type 'string | undefined' is not assignable to type 'string'
             searchString: searchString,
             pageCursor: pageCursor
           });

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

@@ -25,9 +25,7 @@ var betaTagStyles = css({
 });
 var searchTitleStyles = css({
   color: "var(--ds-text-subtlest, ".concat(N300, ")"),
-  fontWeight: "var(--ds-font-weight-medium, 500)",
-  fontSize: "var(--ds-font-size-300, 20px)",
-  lineHeight: "var(--ds-font-lineHeight-300, 24px)",
+  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   paddingTop: "var(--ds-space-200, 16px)",
   paddingBottom: "var(--ds-space-100, 8px)",
   display: 'flex',

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

@@ -11,9 +11,8 @@ import Select from '@atlaskit/select';
 import { siteSelectorIndex } from '../../../common/zindex';
 import { siteSelectorMessages } from './messages';
 var selectStyles = css({
-  fontSize: "var(--ds-font-size-100, 14px)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-medium, 500)",
-  lineHeight: "var(--ds-font-lineHeight-200, 20px)",
   zIndex: siteSelectorIndex
 });
 export var JiraSiteSelector = function JiraSiteSelector(props) {

package/dist/types/ui/issue-like-table/draggable-table-heading.d.ts

@@ -5,7 +5,7 @@ interface DraggableTableHeadingProps {
     children: ReactNode;
     id: string;
     index: number;
-    tableId: Symbol;
+    tableId: symbol;
     dndPreviewHeight: number;
     dragPreview: React.ReactNode;
     width: number;

package/dist/types/ui/issue-like-table/styled.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const ScrollableContainerHeight = 590;
-export declare const fieldTextFontSize: "var(--ds-font-size-100)";
+export declare const fieldTextFontSize: "var(--ds-font-body)";
 export declare const Table: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/dist/types-ts4.5/ui/issue-like-table/draggable-table-heading.d.ts

@@ -5,7 +5,7 @@ interface DraggableTableHeadingProps {
     children: ReactNode;
     id: string;
     index: number;
-    tableId: Symbol;
+    tableId: symbol;
     dndPreviewHeight: number;
     dragPreview: React.ReactNode;
     width: number;

package/dist/types-ts4.5/ui/issue-like-table/styled.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const ScrollableContainerHeight = 590;
-export declare const fieldTextFontSize: "var(--ds-font-size-100)";
+export declare const fieldTextFontSize: "var(--ds-font-body)";
 export declare const Table: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.24.3",
+  "version": "1.24.5",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
     "@atlaskit/dropdown-menu": "^12.8.0",
     "@atlaskit/editor-prosemirror": "3.0.0",
     "@atlaskit/empty-state": "^7.7.0",
-    "@atlaskit/form": "^9.0.3",
+    "@atlaskit/form": "^9.1.0",
     "@atlaskit/heading": "^2.1.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/icon-object": "^6.3.0",
@@ -56,7 +56,7 @@
     "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.5",
     "@atlaskit/platform-feature-flags": "^0.2.4",
-    "@atlaskit/pragmatic-drag-and-drop": "^1.0.0",
+    "@atlaskit/pragmatic-drag-and-drop": "^1.1.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.0.0",