@atlaskit/link-datasource 3.13.17 → 3.14.0

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

@@ -75,6 +75,7 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
   var ari = _ref3.ari,
     values = _ref3.values,
     columnKey = _ref3.columnKey,
+    columnTitle = _ref3.columnTitle,
     renderItem = _ref3.renderItem,
     integrationKey = _ref3.integrationKey,
     wrappedColumnKeys = _ref3.wrappedColumnKeys;
@@ -114,6 +115,7 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
     executeFetch: executeFetch,
     readView: readView,
     columnKey: columnKey,
+    columnTitle: columnTitle,
     datasourceTypeWithValues: values
   });
 };
@@ -133,6 +135,7 @@ var toDatasourceTypeWithValues = function toDatasourceTypeWithValues(_ref4) {
 export var TableCellContent = function TableCellContent(_ref5) {
   var id = _ref5.id,
     columnKey = _ref5.columnKey,
+    columnTitle = _ref5.columnTitle,
     columnType = _ref5.columnType,
     renderItem = _ref5.renderItem,
     wrappedColumnKeys = _ref5.wrappedColumnKeys;
@@ -148,6 +151,7 @@ export var TableCellContent = function TableCellContent(_ref5) {
       return /*#__PURE__*/React.createElement(InlineEditableCell, {
         ari: ari,
         columnKey: columnKey,
+        columnTitle: columnTitle,
         renderItem: renderItem,
         integrationKey: integrationKey,
         values: toDatasourceTypeWithValues({
@@ -167,6 +171,7 @@ export var TableCellContent = function TableCellContent(_ref5) {
   }, /*#__PURE__*/React.createElement(ReadOnlyCell, {
     id: id,
     columnKey: columnKey,
+    columnTitle: columnTitle,
     columnType: columnType,
     wrappedColumnKeys: wrappedColumnKeys,
     renderItem: renderItem

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

@@ -4,7 +4,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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, { useCallback, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
+import { useIntl } from 'react-intl-next';
 import AKInlineEdit from '@atlaskit/inline-edit';
 import { Box, xcss } from '@atlaskit/primitives';
 import { useSmartLinkReload } from '@atlaskit/smart-card/hooks';
@@ -15,6 +16,8 @@ import { useDatasourceTableFlag } from '../../../hooks/useDatasourceTableFlag';
 import { useDatasourceActions, useDatasourceItem } from '../../../state';
 import { editType } from '../edit-type';
 import { EmptyAvatar } from '../shared-components/avatar';
+import { getFieldLabelById } from '../utils';
+import { tableCellMessages } from './messages';
 export var InlineEditUFOExperience = 'inline-edit-rendered';
 var editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
@@ -33,6 +36,21 @@ var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
   }
   throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
 };
+var getCurrentFieldLabel = function getCurrentFieldLabel(typedNewValue) {
+  var _typedNewValue$values4, _typedNewValue$values5, _typedNewValue$values6;
+  switch (typedNewValue.type) {
+    case 'string':
+      return typedNewValue.values[0] || '';
+    case 'status':
+      return ((_typedNewValue$values4 = typedNewValue.values[0]) === null || _typedNewValue$values4 === void 0 ? void 0 : _typedNewValue$values4.text) || '';
+    case 'user':
+      return ((_typedNewValue$values5 = typedNewValue.values[0]) === null || _typedNewValue$values5 === void 0 ? void 0 : _typedNewValue$values5.displayName) || '';
+    case 'icon':
+      return ((_typedNewValue$values6 = typedNewValue.values[0]) === null || _typedNewValue$values6 === void 0 ? void 0 : _typedNewValue$values6.text) || '';
+    default:
+      return '';
+  }
+};
 var mapUpdatedItem = function mapUpdatedItem(existingItem, columnKey, newValue) {
   switch (newValue.type) {
     case 'string':
@@ -73,6 +91,7 @@ export var InlineEdit = function InlineEdit(_ref) {
     executeFetch = _ref.executeFetch,
     readView = _ref.readView,
     columnKey = _ref.columnKey,
+    columnTitle = _ref.columnTitle,
     datasourceTypeWithValues = _ref.datasourceTypeWithValues;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -143,13 +162,22 @@ export var InlineEdit = function InlineEdit(_ref) {
       });
     }
   }, [columnKey, entityType, fireEvent, integrationKey]);
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var editButtonLabel = useMemo(function () {
+    return formatMessage(tableCellMessages.editButtonLabel, {
+      fieldName: columnTitle,
+      fieldValue: getCurrentFieldLabel(editValues)
+    });
+  }, [columnTitle, formatMessage, editValues]);
   return /*#__PURE__*/React.createElement(Box, {
     xcss: editContainerStyles
   }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType({
     defaultValue: datasourceTypeWithValues,
     currentValue: editValues,
     setEditValues: setEditValues,
-    executeFetch: executeFetch
+    executeFetch: executeFetch,
+    labelId: getFieldLabelById(columnKey)
   }), {
     hideActionButtons: true,
     readView: editableRenderType({
@@ -162,7 +190,8 @@ export var InlineEdit = function InlineEdit(_ref) {
     onCancel: onCancelEdit,
     onConfirm: function onConfirm() {
       return onCommitUpdate(editValues);
-    }
+    },
+    editButtonLabel: editButtonLabel
   })));
 };
 

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

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var tableCellMessages = defineMessages({
+  editButtonLabel: {
+    id: 'linkDataSource.issue-line-table.edit-button-label.non-final',
+    description: 'Label of inline editable field, used mostly for screen readers. This label is used to describe the field that is editable and can be changed. e.g John Doe, Assignee field',
+    defaultMessage: '{fieldValue}, {fieldName} field'
+  }
+});

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

@@ -1,3 +1,5 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["aria-labelledby"];
 import { DatasourceAction } from '../../analytics/types';
 export var COLUMN_BASE_WIDTH = 8;
 var COLUMN_MIN_WIDTH = COLUMN_BASE_WIDTH * 4;
@@ -52,4 +54,21 @@ export var getColumnAction = function getColumnAction(oldVisibleColumnKeys, newV
   } else {
     return DatasourceAction.COLUMN_REORDERED;
   }
+};
+
+/**
+ * Remove deprecated `aria-labelledby` prop from select component props.
+ */
+export var getCleanedSelectProps = function getCleanedSelectProps(props) {
+  // Component Field auto adds `aria-labelledby` prop, which is deprecated and should not be used - https://hello.jira.atlassian.cloud/browse/ENGHEALTH-14529
+  var removedLabelByProps = props['aria-labelledby'],
+    selectProps = _objectWithoutProperties(props, _excluded);
+  return selectProps;
+};
+
+/**
+ * Create id for table header to be used as aria-labelledby on form fields.
+ */
+export var getFieldLabelById = function getFieldLabelById(fieldId) {
+  return "datasource-header-title-".concat(fieldId);
 };

package/dist/types/ui/issue-like-table/edit-type/icon/index.d.ts

@@ -4,6 +4,7 @@ import { type ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface IconEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'icon'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types/ui/issue-like-table/edit-type/index.d.ts

@@ -3,9 +3,10 @@ import type InlineEdit from '@atlaskit/inline-edit';
 import type { DatasourceType } from '@atlaskit/linking-types';
 import { type ExecuteFetch } from '../../../state/actions';
 import { type DatasourceTypeWithOnlyValues } from '../types';
-export declare const editType: ({ defaultValue, currentValue, setEditValues, executeFetch, }: {
+export declare const editType: ({ defaultValue, currentValue, labelId, setEditValues, executeFetch, }: {
     defaultValue: DatasourceTypeWithOnlyValues;
     currentValue: DatasourceTypeWithOnlyValues;
+    labelId?: string | undefined;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch | undefined;
 }) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;

package/dist/types/ui/issue-like-table/edit-type/status/index.d.ts

@@ -4,6 +4,7 @@ import type { ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface StatusEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'status'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types/ui/issue-like-table/edit-type/text/index.d.ts

@@ -3,6 +3,7 @@ import { type FieldProps } from '@atlaskit/form';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface TextEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'string'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
 }
 declare const TextEditType: (props: TextEditTypeProps) => JSX.Element;

package/dist/types/ui/issue-like-table/edit-type/user/index.d.ts

@@ -4,6 +4,7 @@ import type { ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface UserEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'user'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types/ui/issue-like-table/table-cell-content/index.d.ts

@@ -4,11 +4,12 @@ import { type TableViewPropsRenderType } from '../types';
 interface TableCellContentProps {
     id: string;
     columnKey: string;
+    columnTitle: string;
     columnType: DatasourceType['type'];
     /** Used to retrieve cell content from the store */
     renderItem: TableViewPropsRenderType;
     wrappedColumnKeys: string[] | undefined;
 }
 export declare const ReadOnlyCell: ({ id, columnType, wrappedColumnKeys, renderItem, columnKey, }: TableCellContentProps) => JSX.Element | null;
-export declare const TableCellContent: ({ id, columnKey, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
+export declare const TableCellContent: ({ id, columnKey, columnTitle, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
 export {};

package/dist/types/ui/issue-like-table/table-cell-content/inline-edit.d.ts

@@ -5,10 +5,11 @@ export declare const InlineEditUFOExperience = "inline-edit-rendered";
 interface InlineEditProps {
     ari: string;
     columnKey: string;
+    columnTitle: string;
     readView: React.ReactNode;
     datasourceTypeWithValues: DatasourceTypeWithOnlyValues;
     execute: (value: string | number) => Promise<AtomicActionExecuteResponse>;
     executeFetch?: <E>(inputs: any) => Promise<E>;
 }
-export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
+export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, columnTitle, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
 export {};

package/dist/types/ui/issue-like-table/table-cell-content/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const tableCellMessages: {
+    editButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type FieldProps } from '@atlaskit/form';
 import { DatasourceAction } from '../../analytics/types';
 export declare const COLUMN_BASE_WIDTH = 8;
 export type GetWidthCss = (arg: {
@@ -21,3 +22,22 @@ export declare const getWidthCss: GetWidthCss;
  * The assumption is that since only one action is changed at each time, we don't have to verify the actual contents of the lists.
  */
 export declare const getColumnAction: (oldVisibleColumnKeys: string[], newVisibleColumnKeys: string[]) => DatasourceAction;
+/**
+ * Remove deprecated `aria-labelledby` prop from select component props.
+ */
+export declare const getCleanedSelectProps: (props: Omit<FieldProps<string>, 'value'>) => {
+    name: string;
+    id: string;
+    'aria-describedby'?: string | undefined;
+    'aria-invalid': "true" | "false";
+    onFocus: () => void;
+    onBlur: () => void;
+    onChange: (value: string | import("react").FormEvent<HTMLInputElement>) => void;
+    isDisabled: boolean;
+    isRequired: boolean;
+    isInvalid: boolean;
+};
+/**
+ * Create id for table header to be used as aria-labelledby on form fields.
+ */
+export declare const getFieldLabelById: (fieldId: string) => string;

package/dist/types-ts4.5/ui/issue-like-table/edit-type/icon/index.d.ts

@@ -4,6 +4,7 @@ import { type ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface IconEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'icon'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types-ts4.5/ui/issue-like-table/edit-type/index.d.ts

@@ -3,9 +3,10 @@ import type InlineEdit from '@atlaskit/inline-edit';
 import type { DatasourceType } from '@atlaskit/linking-types';
 import { type ExecuteFetch } from '../../../state/actions';
 import { type DatasourceTypeWithOnlyValues } from '../types';
-export declare const editType: ({ defaultValue, currentValue, setEditValues, executeFetch, }: {
+export declare const editType: ({ defaultValue, currentValue, labelId, setEditValues, executeFetch, }: {
     defaultValue: DatasourceTypeWithOnlyValues;
     currentValue: DatasourceTypeWithOnlyValues;
+    labelId?: string | undefined;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch | undefined;
 }) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;

package/dist/types-ts4.5/ui/issue-like-table/edit-type/status/index.d.ts

@@ -4,6 +4,7 @@ import type { ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface StatusEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'status'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types-ts4.5/ui/issue-like-table/edit-type/text/index.d.ts

@@ -3,6 +3,7 @@ import { type FieldProps } from '@atlaskit/form';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface TextEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'string'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
 }
 declare const TextEditType: (props: TextEditTypeProps) => JSX.Element;

package/dist/types-ts4.5/ui/issue-like-table/edit-type/user/index.d.ts

@@ -4,6 +4,7 @@ import type { ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface UserEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'user'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types-ts4.5/ui/issue-like-table/table-cell-content/index.d.ts

@@ -4,11 +4,12 @@ import { type TableViewPropsRenderType } from '../types';
 interface TableCellContentProps {
     id: string;
     columnKey: string;
+    columnTitle: string;
     columnType: DatasourceType['type'];
     /** Used to retrieve cell content from the store */
     renderItem: TableViewPropsRenderType;
     wrappedColumnKeys: string[] | undefined;
 }
 export declare const ReadOnlyCell: ({ id, columnType, wrappedColumnKeys, renderItem, columnKey, }: TableCellContentProps) => JSX.Element | null;
-export declare const TableCellContent: ({ id, columnKey, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
+export declare const TableCellContent: ({ id, columnKey, columnTitle, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/issue-like-table/table-cell-content/inline-edit.d.ts

@@ -5,10 +5,11 @@ export declare const InlineEditUFOExperience = "inline-edit-rendered";
 interface InlineEditProps {
     ari: string;
     columnKey: string;
+    columnTitle: string;
     readView: React.ReactNode;
     datasourceTypeWithValues: DatasourceTypeWithOnlyValues;
     execute: (value: string | number) => Promise<AtomicActionExecuteResponse>;
     executeFetch?: <E>(inputs: any) => Promise<E>;
 }
-export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
+export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, columnTitle, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/issue-like-table/table-cell-content/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const tableCellMessages: {
+    editButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type FieldProps } from '@atlaskit/form';
 import { DatasourceAction } from '../../analytics/types';
 export declare const COLUMN_BASE_WIDTH = 8;
 export type GetWidthCss = (arg: {
@@ -21,3 +22,22 @@ export declare const getWidthCss: GetWidthCss;
  * The assumption is that since only one action is changed at each time, we don't have to verify the actual contents of the lists.
  */
 export declare const getColumnAction: (oldVisibleColumnKeys: string[], newVisibleColumnKeys: string[]) => DatasourceAction;
+/**
+ * Remove deprecated `aria-labelledby` prop from select component props.
+ */
+export declare const getCleanedSelectProps: (props: Omit<FieldProps<string>, 'value'>) => {
+    name: string;
+    id: string;
+    'aria-describedby'?: string | undefined;
+    'aria-invalid': "true" | "false";
+    onFocus: () => void;
+    onBlur: () => void;
+    onChange: (value: string | import("react").FormEvent<HTMLInputElement>) => void;
+    isDisabled: boolean;
+    isRequired: boolean;
+    isInvalid: boolean;
+};
+/**
+ * Create id for table header to be used as aria-labelledby on form fields.
+ */
+export declare const getFieldLabelById: (fieldId: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.13.17",
+	"version": "3.14.0",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -35,10 +35,10 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
-		"@atlaskit/analytics-next": "^10.1.0",
+		"@atlaskit/analytics-next": "^10.2.0",
 		"@atlaskit/atlassian-context": "^0.0.2",
 		"@atlaskit/avatar": "^21.17.0",
-		"@atlaskit/avatar-group": "^10.0.0",
+		"@atlaskit/avatar-group": "^10.1.0",
 		"@atlaskit/badge": "^16.4.0",
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/datetime-picker": "^15.9.0",
@@ -48,19 +48,19 @@
 		"@atlaskit/flag": "^15.8.0",
 		"@atlaskit/form": "^10.6.0",
 		"@atlaskit/heading": "^4.0.0",
-		"@atlaskit/icon": "^23.0.0",
+		"@atlaskit/icon": "^23.1.0",
 		"@atlaskit/icon-object": "^6.9.0",
 		"@atlaskit/image": "^1.3.0",
 		"@atlaskit/inline-edit": "^13.7.0",
 		"@atlaskit/intl-messages-provider": "^1.0.0",
 		"@atlaskit/jql-ast": "^3.3.0",
-		"@atlaskit/jql-editor": "^4.11.0",
+		"@atlaskit/jql-editor": "^4.12.0",
 		"@atlaskit/jql-editor-autocomplete-rest": "^2.1.0",
 		"@atlaskit/layering": "^0.8.0",
 		"@atlaskit/link-client-extension": "^3.0.0",
 		"@atlaskit/linking-common": "^6.0.0",
 		"@atlaskit/linking-types": "^9.5.0",
-		"@atlaskit/logo": "^15.0.0",
+		"@atlaskit/logo": "^15.1.0",
 		"@atlaskit/lozenge": "^11.12.0",
 		"@atlaskit/modal-dialog": "^12.18.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.5",
@@ -73,7 +73,7 @@
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/react-select": "^1.5.0",
 		"@atlaskit/select": "^18.8.0",
-		"@atlaskit/smart-card": "^32.5.0",
+		"@atlaskit/smart-card": "^32.7.0",
 		"@atlaskit/smart-user-picker": "6.11.2",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tag": "^12.6.0",
@@ -101,7 +101,7 @@
 	"devDependencies": {
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/link-provider": "^1.17.0",
+		"@atlaskit/link-provider": "^1.18.0",
 		"@atlaskit/link-test-helpers": "^7.5.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",