@atlaskit/textfield 5.3.4 → 5.3.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/textfield
 
+## 5.3.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 5.3.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.3.4
 
 ### Patch Changes

package/dist/cjs/component-tokens.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transparent = exports.textColor = exports.subtleBorderColorHover = exports.placeholderTextColor = exports.disabledTextColor = exports.disabledBackgroundColor = exports.defaultBorderColorFocus = exports.defaultBorderColor = exports.defaultBackgroundColorHover = exports.defaultBackgroundColorFocus = exports.defaultBackgroundColor = void 0;
-
 var _colors = require("@atlaskit/theme/colors");
-
 var disabledBackgroundColor = {
   light: "var(--ds-background-disabled, ".concat(_colors.N10, ")"),
   dark: "var(--ds-background-disabled, ".concat(_colors.DN10, ")")

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "default", {
     return _textField.default;
   }
 });
-
 var _textField = _interopRequireDefault(require("./text-field"));
-
 var _styles = require("./styles");

package/dist/cjs/styles.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.textFieldColors = exports.inputStyles = exports.containerStyles = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var componentTokens = _interopRequireWildcard(require("./component-tokens"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var fontSize = (0, _constants.fontSize)();
 var gridSize = (0, _constants.gridSize)();
 var disabledRules = {
@@ -91,7 +80,6 @@ var borderColorHover = {
   subtle: componentTokens.subtleBorderColorHover,
   none: componentTokens.transparent
 };
-
 var getContainerTextBgAndBorderColor = function getContainerTextBgAndBorderColor(appearance, mode) {
   return {
     backgroundColor: backgroundColor[appearance][mode],
@@ -133,7 +121,6 @@ var getContainerTextBgAndBorderColor = function getContainerTextBgAndBorderColor
     }
   };
 };
-
 var widthMap = {
   xsmall: 80,
   small: 160,
@@ -141,11 +128,9 @@ var widthMap = {
   large: 320,
   xlarge: 480
 };
-
 var getMaxWidth = function getMaxWidth(width) {
   return !width ? "100%" : width in widthMap ? widthMap[width] : +width;
 };
-
 var containerStyles = function containerStyles(appearance, mode, width) {
   return _objectSpread(_objectSpread({
     alignItems: 'center'
@@ -166,9 +151,7 @@ var containerStyles = function containerStyles(appearance, mode, width) {
     pointerEvents: 'auto'
   });
 };
-
 exports.containerStyles = containerStyles;
-
 var inputStyles = function inputStyles(mode) {
   return {
     backgroundColor: 'transparent',
@@ -218,9 +201,9 @@ var inputStyles = function inputStyles(mode) {
       }
     }
   };
-}; // TODO: Remove when removing legacy theming.
-
+};
 
+// TODO: Remove when removing legacy theming.
 exports.inputStyles = inputStyles;
 var textFieldColors = {
   backgroundColor: backgroundColor,

package/dist/cjs/text-field.js

@@ -1,76 +1,57 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _components = require("@atlaskit/theme/components");
-
 var _styles = require("./styles");
-
 var _excluded = ["appearance", "isCompact", "isDisabled", "isInvalid", "isRequired", "isReadOnly", "isMonospaced", "width", "elemAfterInput", "elemBeforeInput", "testId", "onFocus", "onBlur", "onMouseDown", "className"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var analyticsParams = {
   componentName: 'textField',
   packageName: "@atlaskit/textfield",
-  packageVersion: "5.3.4"
+  packageVersion: "5.3.6"
 };
 var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? 'standard' : _props$appearance,
-      _props$isCompact = props.isCompact,
-      isCompact = _props$isCompact === void 0 ? false : _props$isCompact,
-      _props$isDisabled = props.isDisabled,
-      isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
-      _props$isInvalid = props.isInvalid,
-      isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid,
-      _props$isRequired = props.isRequired,
-      isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
-      _props$isReadOnly = props.isReadOnly,
-      isReadOnly = _props$isReadOnly === void 0 ? false : _props$isReadOnly,
-      _props$isMonospaced = props.isMonospaced,
-      isMonospaced = _props$isMonospaced === void 0 ? false : _props$isMonospaced,
-      width = props.width,
-      elemAfterInput = props.elemAfterInput,
-      elemBeforeInput = props.elemBeforeInput,
-      testId = props.testId,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      onMouseDown = props.onMouseDown,
-      className = props.className,
-      spreadProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+    appearance = _props$appearance === void 0 ? 'standard' : _props$appearance,
+    _props$isCompact = props.isCompact,
+    isCompact = _props$isCompact === void 0 ? false : _props$isCompact,
+    _props$isDisabled = props.isDisabled,
+    isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
+    _props$isInvalid = props.isInvalid,
+    isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid,
+    _props$isRequired = props.isRequired,
+    isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
+    _props$isReadOnly = props.isReadOnly,
+    isReadOnly = _props$isReadOnly === void 0 ? false : _props$isReadOnly,
+    _props$isMonospaced = props.isMonospaced,
+    isMonospaced = _props$isMonospaced === void 0 ? false : _props$isMonospaced,
+    width = props.width,
+    elemAfterInput = props.elemAfterInput,
+    elemBeforeInput = props.elemBeforeInput,
+    testId = props.testId,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onMouseDown = props.onMouseDown,
+    className = props.className,
+    spreadProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var inputRef = (0, _react.useRef)(null);
-
   var _useGlobalTheme = (0, _components.useGlobalTheme)(),
-      mode = _useGlobalTheme.mode;
-
+    mode = _useGlobalTheme.mode;
   var handleOnFocus = (0, _analyticsNext.usePlatformLeafEventHandler)(_objectSpread({
     fn: function fn(event) {
       onFocus && onFocus(event);
@@ -87,24 +68,19 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     // Running e.preventDefault() on the INPUT prevents double click behaviour
     // Sadly we needed this cast as the target type is being correctly set
     var target = event.target;
-
     if (target.tagName !== 'INPUT') {
       event.preventDefault();
     }
-
     if (inputRef && inputRef.current && !isDisabled && document.activeElement !== inputRef.current) {
       inputRef.current.focus();
     }
-
     onMouseDown && onMouseDown(event);
   }, [onMouseDown, isDisabled]);
   var setInputRef = (0, _react.useCallback)(function (inputElement) {
     inputRef.current = inputElement;
-
     if (!ref) {
       return;
     }
-
     if ((0, _typeof2.default)(ref) === 'object') {
       // This is a blunder on the part of @types/react
       // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065
@@ -112,7 +88,6 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       // @ts-expect-error
       ref.current = inputElement;
     }
-
     if (typeof ref === 'function') {
       ref(inputElement);
     }
@@ -123,14 +98,16 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var inputStyle = (0, _react.useMemo)(function () {
     return (0, _styles.inputStyles)(mode);
   }, [mode]);
-  return (// We use event bubbling here to listen to any child element mouse down event.
+  return (
+    // We use event bubbling here to listen to any child element mouse down event.
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     (0, _react2.jsx)("div", {
       "data-disabled": isDisabled ? isDisabled : undefined,
       "data-invalid": isInvalid ? isInvalid : undefined,
       "data-ds--text-field--container": true,
       "data-testid": testId && "".concat(testId, "-container"),
-      onMouseDown: handleOnMouseDown // TODO: When removing legacy theming fix this.
+      onMouseDown: handleOnMouseDown
+      // TODO: When removing legacy theming fix this.
       // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
       ,
       css: containerStyles,
@@ -146,7 +123,8 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       required: isRequired,
       onBlur: handleOnBlur,
       onFocus: handleOnFocus,
-      ref: setInputRef // TODO: When removing legacy theming fix this.
+      ref: setInputRef
+      // TODO: When removing legacy theming fix this.
       // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
       ,
       css: inputStyle
@@ -154,6 +132,7 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   );
 });
 Textfield.displayName = 'Textfield';
+
 /**
  * __Textfield__
  *
@@ -163,9 +142,6 @@ Textfield.displayName = 'Textfield';
  * - [Code](https://atlassian.design/components/textfield/code)
  * - [Usage](https://atlassian.design/components/textfield/usage)
  */
-
 var _default = /*#__PURE__*/(0, _react.memo)(Textfield); // The above generic is used to let ERTC know what props to extract.
 // See: https://github.com/atlassian/extract-react-types/issues/201
-
-
 exports.default = _default;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/textfield",
-	"version": "5.3.4",
+	"version": "5.3.6",
 	"sideEffects": false
 }

package/dist/es2019/styles.js

@@ -67,7 +67,6 @@ const borderColorHover = {
   subtle: componentTokens.subtleBorderColorHover,
   none: componentTokens.transparent
 };
-
 const getContainerTextBgAndBorderColor = (appearance, mode) => ({
   backgroundColor: backgroundColor[appearance][mode],
   borderColor: borderColor[appearance][mode],
@@ -110,7 +109,6 @@ const getContainerTextBgAndBorderColor = (appearance, mode) => ({
     }
   }
 });
-
 const widthMap = {
   xsmall: 80,
   small: 160,
@@ -118,9 +116,7 @@ const widthMap = {
   large: 320,
   xlarge: 480
 };
-
 const getMaxWidth = width => !width ? `100%` : width in widthMap ? widthMap[width] : +width;
-
 export const containerStyles = (appearance, mode, width) => ({
   alignItems: 'center',
   ...getContainerTextBgAndBorderColor(appearance, mode),
@@ -186,8 +182,9 @@ export const inputStyles = mode => ({
       color: 'GrayText'
     }
   }
-}); // TODO: Remove when removing legacy theming.
+});
 
+// TODO: Remove when removing legacy theming.
 export const textFieldColors = {
   backgroundColor,
   backgroundColorFocus,

package/dist/es2019/text-field.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React, { forwardRef, memo, useCallback, useMemo, useRef } from 'react';
 import { jsx } from '@emotion/react';
@@ -9,7 +8,7 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
 const analyticsParams = {
   componentName: 'textField',
   packageName: "@atlaskit/textfield",
-  packageVersion: "5.3.4"
+  packageVersion: "5.3.6"
 };
 const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
   const {
@@ -52,24 +51,19 @@ const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
     // Running e.preventDefault() on the INPUT prevents double click behaviour
     // Sadly we needed this cast as the target type is being correctly set
     const target = event.target;
-
     if (target.tagName !== 'INPUT') {
       event.preventDefault();
     }
-
     if (inputRef && inputRef.current && !isDisabled && document.activeElement !== inputRef.current) {
       inputRef.current.focus();
     }
-
     onMouseDown && onMouseDown(event);
   }, [onMouseDown, isDisabled]);
   const setInputRef = useCallback(inputElement => {
     inputRef.current = inputElement;
-
     if (!ref) {
       return;
     }
-
     if (typeof ref === 'object') {
       // This is a blunder on the part of @types/react
       // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065
@@ -77,21 +71,22 @@ const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
       // @ts-expect-error
       ref.current = inputElement;
     }
-
     if (typeof ref === 'function') {
       ref(inputElement);
     }
   }, [ref]);
   const containerStyles = useMemo(() => getContainerStyles(appearance, mode, width), [appearance, mode, width]);
   const inputStyle = useMemo(() => getInputStyles(mode), [mode]);
-  return (// We use event bubbling here to listen to any child element mouse down event.
+  return (
+    // We use event bubbling here to listen to any child element mouse down event.
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     jsx("div", {
       "data-disabled": isDisabled ? isDisabled : undefined,
       "data-invalid": isInvalid ? isInvalid : undefined,
       "data-ds--text-field--container": true,
       "data-testid": testId && `${testId}-container`,
-      onMouseDown: handleOnMouseDown // TODO: When removing legacy theming fix this.
+      onMouseDown: handleOnMouseDown
+      // TODO: When removing legacy theming fix this.
       // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
       ,
       css: containerStyles,
@@ -107,7 +102,8 @@ const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
       required: isRequired,
       onBlur: handleOnBlur,
       onFocus: handleOnFocus,
-      ref: setInputRef // TODO: When removing legacy theming fix this.
+      ref: setInputRef
+      // TODO: When removing legacy theming fix this.
       // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
       ,
       css: inputStyle
@@ -115,6 +111,7 @@ const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
   );
 });
 Textfield.displayName = 'Textfield';
+
 /**
  * __Textfield__
  *
@@ -124,6 +121,6 @@ Textfield.displayName = 'Textfield';
  * - [Code](https://atlassian.design/components/textfield/code)
  * - [Usage](https://atlassian.design/components/textfield/usage)
  */
-
-export default /*#__PURE__*/memo(Textfield); // The above generic is used to let ERTC know what props to extract.
+export default /*#__PURE__*/memo(Textfield);
+// The above generic is used to let ERTC know what props to extract.
 // See: https://github.com/atlassian/extract-react-types/issues/201

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/textfield",
-	"version": "5.3.4",
+	"version": "5.3.6",
 	"sideEffects": false
 }

package/dist/esm/styles.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { R400 } from '@atlaskit/theme/colors';
 import { codeFontFamily, fontFamily, fontSize as getFontSize, gridSize as getGridSize } from '@atlaskit/theme/constants';
 import * as componentTokens from './component-tokens';
@@ -73,7 +70,6 @@ var borderColorHover = {
   subtle: componentTokens.subtleBorderColorHover,
   none: componentTokens.transparent
 };
-
 var getContainerTextBgAndBorderColor = function getContainerTextBgAndBorderColor(appearance, mode) {
   return {
     backgroundColor: backgroundColor[appearance][mode],
@@ -115,7 +111,6 @@ var getContainerTextBgAndBorderColor = function getContainerTextBgAndBorderColor
     }
   };
 };
-
 var widthMap = {
   xsmall: 80,
   small: 160,
@@ -123,11 +118,9 @@ var widthMap = {
   large: 320,
   xlarge: 480
 };
-
 var getMaxWidth = function getMaxWidth(width) {
   return !width ? "100%" : width in widthMap ? widthMap[width] : +width;
 };
-
 export var containerStyles = function containerStyles(appearance, mode, width) {
   return _objectSpread(_objectSpread({
     alignItems: 'center'
@@ -197,8 +190,9 @@ export var inputStyles = function inputStyles(mode) {
       }
     }
   };
-}; // TODO: Remove when removing legacy theming.
+};
 
+// TODO: Remove when removing legacy theming.
 export var textFieldColors = {
   backgroundColor: backgroundColor,
   backgroundColorFocus: backgroundColorFocus,

package/dist/esm/text-field.js

@@ -3,11 +3,8 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["appearance", "isCompact", "isDisabled", "isInvalid", "isRequired", "isReadOnly", "isMonospaced", "width", "elemAfterInput", "elemBeforeInput", "testId", "onFocus", "onBlur", "onMouseDown", "className"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /** @jsx jsx */
 import React, { forwardRef, memo, useCallback, useMemo, useRef } from 'react';
 import { jsx } from '@emotion/react';
@@ -17,38 +14,35 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
 var analyticsParams = {
   componentName: 'textField',
   packageName: "@atlaskit/textfield",
-  packageVersion: "5.3.4"
+  packageVersion: "5.3.6"
 };
 var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? 'standard' : _props$appearance,
-      _props$isCompact = props.isCompact,
-      isCompact = _props$isCompact === void 0 ? false : _props$isCompact,
-      _props$isDisabled = props.isDisabled,
-      isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
-      _props$isInvalid = props.isInvalid,
-      isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid,
-      _props$isRequired = props.isRequired,
-      isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
-      _props$isReadOnly = props.isReadOnly,
-      isReadOnly = _props$isReadOnly === void 0 ? false : _props$isReadOnly,
-      _props$isMonospaced = props.isMonospaced,
-      isMonospaced = _props$isMonospaced === void 0 ? false : _props$isMonospaced,
-      width = props.width,
-      elemAfterInput = props.elemAfterInput,
-      elemBeforeInput = props.elemBeforeInput,
-      testId = props.testId,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      onMouseDown = props.onMouseDown,
-      className = props.className,
-      spreadProps = _objectWithoutProperties(props, _excluded);
-
+    appearance = _props$appearance === void 0 ? 'standard' : _props$appearance,
+    _props$isCompact = props.isCompact,
+    isCompact = _props$isCompact === void 0 ? false : _props$isCompact,
+    _props$isDisabled = props.isDisabled,
+    isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
+    _props$isInvalid = props.isInvalid,
+    isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid,
+    _props$isRequired = props.isRequired,
+    isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
+    _props$isReadOnly = props.isReadOnly,
+    isReadOnly = _props$isReadOnly === void 0 ? false : _props$isReadOnly,
+    _props$isMonospaced = props.isMonospaced,
+    isMonospaced = _props$isMonospaced === void 0 ? false : _props$isMonospaced,
+    width = props.width,
+    elemAfterInput = props.elemAfterInput,
+    elemBeforeInput = props.elemBeforeInput,
+    testId = props.testId,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onMouseDown = props.onMouseDown,
+    className = props.className,
+    spreadProps = _objectWithoutProperties(props, _excluded);
   var inputRef = useRef(null);
-
   var _useGlobalTheme = useGlobalTheme(),
-      mode = _useGlobalTheme.mode;
-
+    mode = _useGlobalTheme.mode;
   var handleOnFocus = usePlatformLeafEventHandler(_objectSpread({
     fn: function fn(event) {
       onFocus && onFocus(event);
@@ -65,24 +59,19 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
     // Running e.preventDefault() on the INPUT prevents double click behaviour
     // Sadly we needed this cast as the target type is being correctly set
     var target = event.target;
-
     if (target.tagName !== 'INPUT') {
       event.preventDefault();
     }
-
     if (inputRef && inputRef.current && !isDisabled && document.activeElement !== inputRef.current) {
       inputRef.current.focus();
     }
-
     onMouseDown && onMouseDown(event);
   }, [onMouseDown, isDisabled]);
   var setInputRef = useCallback(function (inputElement) {
     inputRef.current = inputElement;
-
     if (!ref) {
       return;
     }
-
     if (_typeof(ref) === 'object') {
       // This is a blunder on the part of @types/react
       // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065
@@ -90,7 +79,6 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
       // @ts-expect-error
       ref.current = inputElement;
     }
-
     if (typeof ref === 'function') {
       ref(inputElement);
     }
@@ -101,14 +89,16 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
   var inputStyle = useMemo(function () {
     return getInputStyles(mode);
   }, [mode]);
-  return (// We use event bubbling here to listen to any child element mouse down event.
+  return (
+    // We use event bubbling here to listen to any child element mouse down event.
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     jsx("div", {
       "data-disabled": isDisabled ? isDisabled : undefined,
       "data-invalid": isInvalid ? isInvalid : undefined,
       "data-ds--text-field--container": true,
       "data-testid": testId && "".concat(testId, "-container"),
-      onMouseDown: handleOnMouseDown // TODO: When removing legacy theming fix this.
+      onMouseDown: handleOnMouseDown
+      // TODO: When removing legacy theming fix this.
       // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
       ,
       css: containerStyles,
@@ -124,7 +114,8 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
       required: isRequired,
       onBlur: handleOnBlur,
       onFocus: handleOnFocus,
-      ref: setInputRef // TODO: When removing legacy theming fix this.
+      ref: setInputRef
+      // TODO: When removing legacy theming fix this.
       // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
       ,
       css: inputStyle
@@ -132,6 +123,7 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
   );
 });
 Textfield.displayName = 'Textfield';
+
 /**
  * __Textfield__
  *
@@ -141,6 +133,6 @@ Textfield.displayName = 'Textfield';
  * - [Code](https://atlassian.design/components/textfield/code)
  * - [Usage](https://atlassian.design/components/textfield/usage)
  */
-
-export default /*#__PURE__*/memo(Textfield); // The above generic is used to let ERTC know what props to extract.
+export default /*#__PURE__*/memo(Textfield);
+// The above generic is used to let ERTC know what props to extract.
 // See: https://github.com/atlassian/extract-react-types/issues/201

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/textfield",
-	"version": "5.3.4",
+	"version": "5.3.6",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/textfield",
-  "version": "5.3.4",
+  "version": "5.3.6",
   "description": "A text field is an input that allows a user to write or edit text.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,9 +27,9 @@
     ".": "./src/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^8.2.0",
+    "@atlaskit/analytics-next": "^9.0.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -74,8 +74,10 @@
         "emotion"
       ],
       "analytics": "analytics-next",
-      "design-tokens": "spacing",
-      "theming": "tokens",
+      "design-tokens": [
+        "color",
+        "spacing"
+      ],
       "design-system": "v1",
       "deprecation": "no-deprecated-imports"
     }

package/report.api.md

@@ -1,4 +1,4 @@
-<!-- API Report Version: 2.2 -->
+<!-- API Report Version: 2.3 -->
 
 ## API Report File for "@atlaskit/textfield"