@atlaskit/textfield 5.3.2 → 5.3.4

package/CHANGELOG.md

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

package/dist/cjs/text-field.js

@@ -40,7 +40,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var analyticsParams = {
   componentName: 'textField',
   packageName: "@atlaskit/textfield",
-  packageVersion: "5.3.2"
+  packageVersion: "5.3.4"
 };
 var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$appearance = props.appearance,

package/dist/cjs/version.json

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

package/dist/es2019/text-field.js

@@ -9,7 +9,7 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
 const analyticsParams = {
   componentName: 'textField',
   packageName: "@atlaskit/textfield",
-  packageVersion: "5.3.2"
+  packageVersion: "5.3.4"
 };
 const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
   const {

package/dist/es2019/version.json

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

package/dist/esm/text-field.js

@@ -17,7 +17,7 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
 var analyticsParams = {
   componentName: 'textField',
   packageName: "@atlaskit/textfield",
-  packageVersion: "5.3.2"
+  packageVersion: "5.3.4"
 };
 var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$appearance = props.appearance,

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/textfield",
-  "version": "5.3.2",
+  "version": "5.3.4",
   "description": "A text field is an input that allows a user to write or edit text.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.11.0",
+    "@atlaskit/tokens": "^0.13.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -38,10 +38,10 @@
   },
   "devDependencies": {
     "@atlaskit/avatar": "^21.1.0",
-    "@atlaskit/button": "^16.4.0",
+    "@atlaskit/button": "^16.5.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ds-lib": "^2.0.1",
-    "@atlaskit/form": "^8.7.0",
+    "@atlaskit/form": "^8.8.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/ssr": "*",

package/report.api.md

@@ -1,12 +1,17 @@
+<!-- API Report Version: 2.2 -->
+
 ## API Report File for "@atlaskit/textfield"
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
 
-<!--
-	Generated API Report version: 2.0
--->
+- [Main Entry Types](#main-entry-types)
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
 
 ```ts
 import { AllHTMLAttributes } from 'react';
@@ -14,7 +19,7 @@ import { FormEventHandler } from 'react';
 import { default as React_2 } from 'react';
 
 // @public (undocumented)
-export type Appearance = 'subtle' | 'standard' | 'none';
+export type Appearance = 'none' | 'standard' | 'subtle';
 
 // @public (undocumented)
 const _default: React_2.NamedExoticComponent<
@@ -58,8 +63,8 @@ export const TextFieldColors: {
       dark: 'var(--ds-background-input-hovered)';
     };
     subtle: {
-      light: 'var(--ds-background-neutral-subtle-hovered)';
-      dark: 'var(--ds-background-neutral-subtle-hovered)';
+      light: 'var(--ds-background-input-hovered)';
+      dark: 'var(--ds-background-input-hovered)';
     };
     none: {
       light: string;
@@ -68,8 +73,8 @@ export const TextFieldColors: {
   };
   borderColor: {
     standard: {
-      light: 'var(--ds-border)';
-      dark: 'var(--ds-border)';
+      light: 'var(--ds-border-input)';
+      dark: 'var(--ds-border-input)';
     };
     subtle: {
       light: string;
@@ -94,6 +99,20 @@ export const TextFieldColors: {
       dark: string;
     };
   };
+  borderColorHover: {
+    standard: {
+      light: 'var(--ds-border-input)';
+      dark: 'var(--ds-border-input)';
+    };
+    subtle: {
+      light: 'var(--ds-border-input)';
+      dark: 'var(--ds-border-input)';
+    };
+    none: {
+      light: string;
+      dark: string;
+    };
+  };
   placeholderTextColor: {
     light: 'var(--ds-text-subtlest)';
     dark: 'var(--ds-text-subtlest)';
@@ -136,7 +155,7 @@ export const TextFieldColors: {
 
 // @public (undocumented)
 export interface TextFieldProps extends AllHTMLAttributes<HTMLInputElement> {
-  appearance?: 'standard' | 'none' | 'subtle';
+  appearance?: Appearance;
   className?: string;
   elemAfterInput?: React_2.ReactNode;
   elemBeforeInput?: React_2.ReactNode;
@@ -151,8 +170,10 @@ export interface TextFieldProps extends AllHTMLAttributes<HTMLInputElement> {
   onMouseDown?: React_2.MouseEventHandler<HTMLElement>;
   placeholder?: string;
   testId?: string;
-  width?: string | number;
+  width?: number | string;
 }
 
 // (No @packageDocumentation comment for this package)
 ```
+
+<!--SECTION END: Main Entry Types-->