@atlaskit/inline-edit 13.7.9 → 14.0.1

package/dist/esm/inline-editable-textfield.js

@@ -1,29 +1,26 @@
+/* inline-editable-textfield.tsx generated by @compiled/babel-plugin v0.33.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["errorMessage", "isInvalid"];
+import "./inline-editable-textfield.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useRef } from 'react';
+import { cx } from '@atlaskit/css';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import InlineDialog from '@atlaskit/inline-dialog';
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import Textfield from '@atlaskit/textfield';
 import { R400 } from '@atlaskit/theme/colors';
 import InlineEdit from './inline-edit';
-var errorIconContainerStyles = xcss({
-  lineHeight: '100%',
-  paddingInlineEnd: 'space.075'
-});
-var readViewForTextFieldStyles = xcss({
-  display: 'flex',
-  font: 'font.body',
-  maxWidth: '100%',
-  paddingBlock: 'space.100',
-  paddingInline: 'space.075',
-  wordBreak: 'break-word'
-});
-var compactStyles = xcss({
-  paddingBlock: 'space.050',
-  paddingInline: 'space.075'
-});
+var errorIconContainerStyles = {
+  root: "_vwz41osq _y4ti12x7"
+};
+var readViewForTextFieldStyles = {
+  root: "_11c81oud _1rjcu2gc _18zr12x7 _1e0c1txw _p12f1osq _1nmz1hna"
+};
+var compactStyles = {
+  root: "_1rjc1b66 _18zr12x7"
+};
 var InlineEditableTextfield = function InlineEditableTextfield(props) {
   var _props$isCompact = props.isCompact,
     isCompact = _props$isCompact === void 0 ? false : _props$isCompact,
@@ -54,7 +51,7 @@ var InlineEditableTextfield = function InlineEditableTextfield(props) {
       }, /*#__PURE__*/React.createElement(Textfield, _extends({}, props, {
         ref: textFieldRef,
         elemAfterInput: isInvalid && /*#__PURE__*/React.createElement(Box, {
-          xcss: errorIconContainerStyles
+          xcss: errorIconContainerStyles.root
         }, /*#__PURE__*/React.createElement(ErrorIcon, {
           label: "error",
           primaryColor: "var(--ds-icon-danger, ".concat(R400, ")")
@@ -66,7 +63,7 @@ var InlineEditableTextfield = function InlineEditableTextfield(props) {
     },
     readView: function readView() {
       return /*#__PURE__*/React.createElement(Box, {
-        xcss: [readViewForTextFieldStyles, isCompact && compactStyles],
+        xcss: cx(readViewForTextFieldStyles.root, isCompact && compactStyles.root),
         "data-compact": isCompact,
         testId: testId && "read-view-".concat(testId)
       }, defaultValue || placeholder);

package/dist/esm/internal/buttons.compiled.css

@@ -0,0 +1,18 @@
+._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._2rko1sit{border-radius:var(--ds-border-radius,3px)}
+._152t1osq{inset-block-start:100%}
+._16qs1a23{box-shadow:var(--_3t1odq)}
+._1bsbxy5q{width:var(--ds-space-400,2pc)}
+._1e0c1txw{display:flex}
+._1mpy1b66:last-child{margin-inline-start:var(--ds-space-050,4px)}
+._1nlx13nm>button{background-color:var(--_12yx4z3)}
+._1o9zidpf{flex-shrink:0}
+._1pby1kze{z-index:200}
+._1pfh12x7{margin-block-start:var(--ds-space-075,6px)}
+._bfhk13b4{background-color:var(--_1f6rtr1)}
+._kqswstnw{position:absolute}
+._rjxpidpf{inset-inline-end:0}
+._vchhusvi{box-sizing:border-box}
+._l2uv11wk>button:hover{background-color:var(--_qfu7kd)}
+._7mfvdecw>button:active{background-color:var(--ds-surface-overlay-pressed,rgba(179,212,255,.6))}
+._szlb17km>button:active{color:var(--_1lrmnoy)}

package/dist/esm/internal/buttons.js

@@ -1,86 +1,58 @@
+/* buttons.tsx generated by @compiled/babel-plugin v0.33.0 */
 import _extends from "@babel/runtime/helpers/extends";
+import "./buttons.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
 import { IconButton } from '@atlaskit/button/new';
 import ConfirmIcon from '@atlaskit/icon/glyph/check';
 import CancelIcon from '@atlaskit/icon/glyph/cross';
 import { B400, N0, N20A, N30A, N50A, N60A } from '@atlaskit/theme/colors';
-var buttonsContainerStyles = css({
-  display: 'flex',
-  position: 'absolute',
-  flexShrink: 0,
-  insetBlockStart: '100%',
-  insetInlineEnd: 0,
-  marginBlockStart: "var(--ds-space-075, 6px)"
-});
-var buttonWrapperBaseStyles = css({
-  boxSizing: 'border-box',
-  width: "var(--ds-space-400, 32px)",
-  zIndex: 200,
-  backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
-  borderRadius: "var(--ds-border-radius, 3px)",
-  boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&:last-child': {
-    marginInlineStart: "var(--ds-space-050, 4px)"
-  },
-  '& > button': {
-    backgroundColor: "var(--ds-surface-overlay, ".concat(N20A, ")")
-  },
-  '& > button:hover': {
-    backgroundColor: "var(--ds-surface-overlay-hovered, ".concat(N30A, ")")
-  },
-  '& > button:active': {
-    backgroundColor: "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))",
-    color: "var(--ds-text, ".concat(B400, ")")
-  }
-});
-// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
-// Remove links that the component does not have (such as usage). If there are no links remove them all.
-/**
- * __Buttons__
- *
- * A buttons {description}.
- *
- * - [Examples](https://atlassian.design/components/{packageName}/examples)
- * - [Code](https://atlassian.design/components/{packageName}/code)
- * - [Usage](https://atlassian.design/components/{packageName}/usage)
- */
+var buttonsContainerStyles = null;
+var buttonWrapperBaseStyles = null;
 var Buttons = function Buttons(_ref) {
   var confirmButtonLabel = _ref.confirmButtonLabel,
     cancelButtonLabel = _ref.cancelButtonLabel,
     onMouseDown = _ref.onMouseDown,
     onCancelClick = _ref.onCancelClick,
     testId = _ref.testId;
-  return jsx("div", {
-    css: buttonsContainerStyles
-  }, jsx("div", {
-    css: buttonWrapperBaseStyles,
-    tabIndex: -1
-  }, jsx(IconButton, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1e0c1txw _kqswstnw _1o9zidpf _152t1osq _rjxpidpf _1pfh12x7"])
+  }, /*#__PURE__*/React.createElement("div", {
+    tabIndex: -1,
+    className: ax(["_2rko1sit _11c81oud _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
+    style: {
+      "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
+      "--_3t1odq": ix("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")),
+      "--_12yx4z3": ix("var(--ds-surface-overlay, ".concat(N20A, ")")),
+      "--_qfu7kd": ix("var(--ds-surface-overlay-hovered, ".concat(N30A, ")")),
+      "--_1lrmnoy": ix("var(--ds-text, ".concat(B400, ")"))
+    }
+  }, /*#__PURE__*/React.createElement(IconButton, {
     type: "submit",
     icon: function icon(iconProps) {
-      return jsx(ConfirmIcon, _extends({}, iconProps, {
+      return /*#__PURE__*/React.createElement(ConfirmIcon, _extends({}, iconProps, {
         size: "small"
       }));
     },
     onMouseDown: onMouseDown,
     label: confirmButtonLabel,
     testId: testId && "".concat(testId, "--confirm")
-  })), jsx("div", {
-    css: buttonWrapperBaseStyles,
-    tabIndex: -1
-  }, jsx(IconButton, {
+  })), /*#__PURE__*/React.createElement("div", {
+    tabIndex: -1,
+    className: ax(["_2rko1sit _11c81oud _vchhusvi _1bsbxy5q _1pby1kze _bfhk13b4 _16qs1a23 _1mpy1b66 _1nlx13nm _l2uv11wk _7mfvdecw _szlb17km"]),
+    style: {
+      "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
+      "--_3t1odq": ix("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")),
+      "--_12yx4z3": ix("var(--ds-surface-overlay, ".concat(N20A, ")")),
+      "--_qfu7kd": ix("var(--ds-surface-overlay-hovered, ".concat(N30A, ")")),
+      "--_1lrmnoy": ix("var(--ds-text, ".concat(B400, ")"))
+    }
+  }, /*#__PURE__*/React.createElement(IconButton, {
     icon: function icon(iconProps) {
-      return jsx(CancelIcon, _extends({}, iconProps, {
+      return /*#__PURE__*/React.createElement(CancelIcon, _extends({}, iconProps, {
         size: "small"
       }));
     },

package/dist/esm/internal/read-view.compiled.css

@@ -0,0 +1,28 @@
+
+._18s8ze3t{margin:var(--ds-space-0,0)}
+._1yt4ze3t{padding:var(--ds-space-0,0)}
+._2rko1sit{border-radius:var(--ds-border-radius,3px)}
+._v564thzt{transition:background .2s}
+._14ly1bk5:focus+div{border-width:var(--ds-border-width-outline,2px)}
+._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
+._189e1grb{border-width:var(--ds-border-width-0,0)}
+._1dqoglyw{border-style:none}
+._1dqonqa1{border-style:solid}
+._1h6d1j28{border-color:transparent}
+._1j8znqa1:focus+div{border-style:solid}
+._1xp41p6i:focus+div{border-color:var(--ds-border-focused,#388bff)}
+._12ji1r31{outline-color:currentColor}
+._12y3idpf{outline-width:0}
+._1bsb1osq{width:100%}
+._1bsb1wug{width:auto}
+._1e0c1o8l{display:inline-block}
+._1e0c1ule{display:block}
+._1qu2glyw{outline-style:none}
+._bfhk18uv{background-color:initial}
+._p12f1osq{max-width:100%}
+._r06hglyw{-webkit-appearance:none;appearance:none}
+._vchhusvi{box-sizing:border-box}
+._vwz4kb7n{line-height:1}._128midpf:focus-visible{outline-width:0}
+._mizu1r31:focus-visible{outline-color:currentColor}
+._ra3xglyw:focus-visible{outline-style:none}
+._irr32tgk:hover{background-color:var(--_1y60f1n)}

package/dist/esm/internal/read-view.js

@@ -1,51 +1,15 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* read-view.tsx generated by @compiled/babel-plugin v0.33.0 */
+import "./read-view.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React, { useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { Pressable, xcss } from '@atlaskit/primitives';
+import { Pressable } from '@atlaskit/primitives/compiled';
 import { N30 } from '@atlaskit/theme/colors';
-var readViewContainerStyles = css({
-  lineHeight: 1
-});
-var editButtonStyles = xcss({
-  display: 'block',
-  margin: 'space.0',
-  padding: 'space.0',
-  appearance: 'none',
-  background: 'transparent',
-  border: 0,
-  lineHeight: 1,
-  outline: 0,
-  ':focus-visible': {
-    outline: 0
-  },
-  // @ts-expect-error
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  ':focus + div': {
-    borderColor: 'color.border.focused',
-    borderWidth: 'border.width.outline',
-    borderStyle: 'solid'
-  }
-});
-var readViewWrapperStyles = css({
-  display: 'inline-block',
-  boxSizing: 'border-box',
-  width: 'auto',
-  maxWidth: '100%',
-  border: '2px solid transparent',
-  borderRadius: "var(--ds-border-radius, 3px)",
-  transition: 'background 0.2s',
-  '&:hover': {
-    background: "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")")
-  }
-});
-var readViewFitContainerWidthStyles = css({
-  width: '100%'
-});
+var readViewContainerStyles = null;
+var editButtonStyles = {
+  root: "_18s8ze3t _1yt4ze3t _12ji1r31 _1qu2glyw _12y3idpf _189e1grb _1dqoglyw _1h6d1j28 _1e0c1ule _r06hglyw _bfhk18uv _vwz4kb7n _1xp41p6i _14ly1bk5 _1j8znqa1 _mizu1r31 _ra3xglyw _128midpf"
+};
+var readViewWrapperStyles = null;
+var readViewFitContainerWidthStyles = null;
 var DRAG_THRESHOLD = 5;
 var ReadView = function ReadView(_ref) {
   var editButtonLabel = _ref.editButtonLabel,
@@ -71,16 +35,15 @@ var ReadView = function ReadView(_ref) {
       postReadViewClick();
     }
   };
-  return jsx("div", {
-    css: readViewContainerStyles
-  }, jsx(Pressable, {
-    xcss: editButtonStyles,
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_vwz4kb7n"])
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    xcss: editButtonStyles.root,
     onClick: onEditRequested,
     ref: editButtonRef,
     testId: testId && "".concat(testId, "--edit-button"),
     "aria-label": editButtonLabel
-  }), jsx("div", {
-    css: [readViewWrapperStyles, readViewFitContainerWidth && readViewFitContainerWidthStyles]
+  }), /*#__PURE__*/React.createElement("div", {
     /**
      * It is not normally acceptable to add click handlers to non-interactive elements
      * as this is an accessibility anti-pattern. However, because this instance is
@@ -88,14 +51,18 @@ var ReadView = function ReadView(_ref) {
      * creating an inaccessible custom element, we can add role="presentation" so that
      * there is no negative impacts to assistive technologies.
      * (Why links are embeeded in inline-edit is for another day...)
-     */,
+     */
     role: "presentation",
     onClick: onReadViewClick,
     onMouseDown: function onMouseDown(e) {
       startX.current = e.clientX;
       startY.current = e.clientY;
     },
-    "data-read-view-fit-container-width": readViewFitContainerWidth
+    "data-read-view-fit-container-width": readViewFitContainerWidth,
+    className: ax(["_2rko1sit _v564thzt _1h6d1j28 _1dqonqa1 _189e1bk5 _1e0c1o8l _vchhusvi _1bsb1wug _p12f1osq _irr32tgk", readViewFitContainerWidth && "_1bsb1osq"]),
+    style: {
+      "--_1y60f1n": ix("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"))
+    }
   }, readView()));
 };
 export default ReadView;

package/dist/types/entry-points/types.d.ts

@@ -1 +1 @@
-export type { InlineEditableTextfieldProps, InlineEditProps } from '../types';
+export type { InlineEditableTextfieldProps, InlineEditProps, ExtendedFieldProps } from '../types';

package/dist/types/inline-edit.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type InlineEditProps } from './types';
-declare const InlineEdit: <FieldValue extends unknown = string>(props: InlineEditProps<FieldValue>) => jsx.JSX.Element;
+declare const InlineEdit: <FieldValue extends unknown = string>(props: InlineEditProps<FieldValue>) => JSX.Element;
 export default InlineEdit;

package/dist/types/internal/buttons.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 /// <reference types="react" />
-import { jsx } from '@emotion/react';
 interface ButtonsProp {
     confirmButtonLabel: string;
     cancelButtonLabel: string;
@@ -11,14 +10,5 @@ interface ButtonsProp {
     onCancelClick: (event: React.MouseEvent<HTMLElement>) => void;
     testId?: string;
 }
-/**
- * __Buttons__
- *
- * A buttons {description}.
- *
- * - [Examples](https://atlassian.design/components/{packageName}/examples)
- * - [Code](https://atlassian.design/components/{packageName}/code)
- * - [Usage](https://atlassian.design/components/{packageName}/usage)
- */
-declare const Buttons: ({ confirmButtonLabel, cancelButtonLabel, onMouseDown, onCancelClick, testId, }: ButtonsProp) => jsx.JSX.Element;
+declare const Buttons: ({ confirmButtonLabel, cancelButtonLabel, onMouseDown, onCancelClick, testId, }: ButtonsProp) => JSX.Element;
 export default Buttons;

package/dist/types/internal/read-view.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
 interface ReadViewProps {
     editButtonLabel: string;
     onEditRequested: () => void;
@@ -13,5 +12,5 @@ interface ReadViewProps {
     readView: () => React.ReactNode;
     testId?: string;
 }
-declare const ReadView: ({ editButtonLabel, onEditRequested, postReadViewClick, editButtonRef, readViewFitContainerWidth, readView, testId, }: ReadViewProps) => jsx.JSX.Element;
+declare const ReadView: ({ editButtonLabel, onEditRequested, postReadViewClick, editButtonRef, readViewFitContainerWidth, readView, testId, }: ReadViewProps) => JSX.Element;
 export default ReadView;

package/dist/types-ts4.5/entry-points/types.d.ts

@@ -1 +1 @@
-export type { InlineEditableTextfieldProps, InlineEditProps } from '../types';
+export type { InlineEditableTextfieldProps, InlineEditProps, ExtendedFieldProps } from '../types';

package/dist/types-ts4.5/inline-edit.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type InlineEditProps } from './types';
-declare const InlineEdit: <FieldValue extends unknown = string>(props: InlineEditProps<FieldValue>) => jsx.JSX.Element;
+declare const InlineEdit: <FieldValue extends unknown = string>(props: InlineEditProps<FieldValue>) => JSX.Element;
 export default InlineEdit;

package/dist/types-ts4.5/internal/buttons.d.ts

@@ -3,7 +3,6 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
 interface ButtonsProp {
     confirmButtonLabel: string;
     cancelButtonLabel: string;
@@ -11,14 +10,5 @@ interface ButtonsProp {
     onCancelClick: (event: React.MouseEvent<HTMLElement>) => void;
     testId?: string;
 }
-/**
- * __Buttons__
- *
- * A buttons {description}.
- *
- * - [Examples](https://atlassian.design/components/{packageName}/examples)
- * - [Code](https://atlassian.design/components/{packageName}/code)
- * - [Usage](https://atlassian.design/components/{packageName}/usage)
- */
-declare const Buttons: ({ confirmButtonLabel, cancelButtonLabel, onMouseDown, onCancelClick, testId, }: ButtonsProp) => jsx.JSX.Element;
+declare const Buttons: ({ confirmButtonLabel, cancelButtonLabel, onMouseDown, onCancelClick, testId, }: ButtonsProp) => JSX.Element;
 export default Buttons;

package/dist/types-ts4.5/internal/read-view.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
 interface ReadViewProps {
     editButtonLabel: string;
     onEditRequested: () => void;
@@ -13,5 +12,5 @@ interface ReadViewProps {
     readView: () => React.ReactNode;
     testId?: string;
 }
-declare const ReadView: ({ editButtonLabel, onEditRequested, postReadViewClick, editButtonRef, readViewFitContainerWidth, readView, testId, }: ReadViewProps) => jsx.JSX.Element;
+declare const ReadView: ({ editButtonLabel, onEditRequested, postReadViewClick, editButtonRef, readViewFitContainerWidth, readView, testId, }: ReadViewProps) => JSX.Element;
 export default ReadView;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/inline-edit",
-	"version": "13.7.9",
+	"version": "14.0.1",
 	"description": "An inline edit displays a custom input component that switches between reading and editing on the same page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,20 +34,21 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.1.0",
+		"@atlaskit/analytics-next": "^10.2.0",
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
-		"@atlaskit/form": "^10.6.0",
-		"@atlaskit/icon": "^23.0.0",
-		"@atlaskit/inline-dialog": "^15.3.0",
+		"@atlaskit/css": "^0.7.0",
+		"@atlaskit/form": "^11.0.0",
+		"@atlaskit/icon": "^23.1.0",
+		"@atlaskit/inline-dialog": "^16.0.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^13.3.0",
-		"@atlaskit/textfield": "^6.6.0",
+		"@atlaskit/textfield": "^6.7.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tokens": "^2.5.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
 		"@babel/runtime": "^7.0.0",
-		"@emotion/react": "^11.7.1"
+		"@compiled/react": "^0.18.1"
 	},
 	"peerDependencies": {
 		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -55,15 +56,15 @@
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
-		"@atlaskit/datetime-picker": "^15.9.0",
+		"@atlaskit/datetime-picker": "^15.10.0",
 		"@atlaskit/docs": "*",
 		"@atlaskit/ds-lib": "^3.3.0",
 		"@atlaskit/section-message": "^6.8.0",
-		"@atlaskit/select": "^18.7.0",
+		"@atlaskit/select": "^18.9.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/tag": "^12.6.0",
 		"@atlaskit/tag-group": "^11.0.0",
-		"@atlaskit/textarea": "^5.6.0",
+		"@atlaskit/textarea": "^5.7.0",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/feature-flags-test-utils": "*",
 		"@emotion/styled": "^11.0.0",