Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@atlaskit/field-text

atlassian7kApache-2.011.0.7TypeScript support: included

Field Text Component

atlaskit, react, ui

readme

Field-text

Provides a standard way to create a text-based form input with an associated label.

Installation

yarn add @atlaskit/field-text

Usage

Detailed docs and example usage can be found here.

changelog

@atlaskit/field-text

11.0.7

Patch Changes

  • Updated dependencies

11.0.6

Patch Changes

  • 378d1cef00f - Bump @atlaskit/theme to version ^11.3.0.

11.0.5

Patch Changes

  • 79c23df6340 - Use injected package name and version for analytics instead of version.json.

11.0.4

Patch Changes

  • d3265f19be - Transpile packages using babel rather than tsc

11.0.3

Patch Changes

  • Updated dependencies

11.0.2

Patch Changes

  • 30853172ff - Reset babel config back to ie11 to prevent runtime issues in Jira and to unbreak the Confluence es5-check

11.0.1

Patch Changes

  • 6c525a8229 - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0

    Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade to prevent duplicates of tslib being bundled.

11.0.0

Major Changes

Patch Changes

  • Updated dependencies

10.0.3

Patch Changes

  • 54a9514fcf - Build and supporting files will no longer be published to npm

10.0.2

Patch Changes

10.0.1

Patch Changes

10.0.0

Major Changes

Patch Changes

9.0.14

Patch Changes

9.0.13

Patch Changes

  • [patch]35d2229b2a:

    Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.

9.0.12

Patch Changes

  • [patch]a2d0043716:

    Updated version of analytics-next to fix potential incompatibilities with TS 3.6

9.0.11

Patch Changes

  • [patch]097b696613:

    Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports

9.0.10

Patch Changes

9.0.9

Patch Changes

  • [patch]708028db86:

    Change all the imports to theme in Core to use multi entry points

9.0.8

Patch Changes

  • [patch]de35ce8c67:

    Updates component maintainers

9.0.7

9.0.6

Patch Changes

  • [patch]d905cbc0ac:

    Adding a condition to check if the component are referenced in tests running in CI. It reduces the noise and help reading the CI log.

9.0.5

Patch Changes

  • [patch]226a5fece8:

    Upating deprecation messages and adding console warning to improve visibility

9.0.4

Patch Changes

  • [patch]688f2957ca:

    Fixes various TypeScript errors which were previously failing silently

9.0.3

Patch Changes

  • [patch]9f8ab1084b:

    Consume analytics-next ts type definitions as an ambient declaration.

9.0.2

Patch Changes

  • [patch]4615439434:

    index.ts will now be ignored when publishing to npm

9.0.1

9.0.0

  • [major]7c17b35107:

    • Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use this package, please ensure you use at least this version of react and react-dom.

8.0.3

8.0.2

8.0.1

8.0.0

  • [major]76299208e6:

    • Drop ES5 from all the flow modules

    Dropping CJS support in all @atlaskit packages

    As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only distribute esm. This means all distributed code will be transpiled, but will still contain import and export declarations.

    The major reason for doing this is to allow us to support multiple entry points in packages, e.g:

    import colors from `@atlaskit/theme/colors`;

    Previously this was sort of possible for consumers by doing something like:

    import colors from `@atlaskit/theme/dist/esm/colors`;

    This has a couple of issues. 1, it treats the file system as API making internal refactors harder, we have to worry about how consumers might be using things that aren't actually supposed to be used. 2. We are unable to do this internally in @atlaskit packages. This leads to lots of packages bundling all of theme, just to use a single color, especially in situations where tree shaking fails.

    To support being able to use multiple entrypoints internally, we unfortunately cannot have multiple distributions as they would need to have very different imports from of their own internal dependencies.

    ES Modules are widely supported by all modern bundlers and can be worked around in node environments.

    We may choose to revisit this solution in the future if we find any unintended condequences, but we see this as a pretty sane path forward which should lead to some major bundle size decreases, saner API's and simpler package architecture.

    Please reach out to #fabric-build (if in Atlassian) or create an issue in Design System Support (for external) if you have any questions or queries about this.

7.1.0

  • [minor]109cf449d6:

    • enable noImplicitAny for status. fix related issues

7.0.20

  • [patch]9b4a39c56a:

    • Weakened FieldText & FieldTextArea autoComplete prop TypeScript definition to allow for more options than just 'on' or 'off'

7.0.19

  • [patch]1c8779d:

    • Changes to isLabelHidden behavour. Previously when isLabelHidden was true, a label with display none would be rendered. Now when isLabelHidden is true, no label element is rendered.

7.0.18

7.0.17

  • [patch]48640fb:

    • FS-3227 - Prevent status popup focus from scrolling editor

7.0.16

7.0.15

7.0.14

  • [patch]17dde74:

    • Update TypeScript TD (Add isValidationHidden field)

7.0.13

7.0.12

  • [patch] Adds missing implicit @babel/runtime dependency b71751b

7.0.11

  • [patch] FS-2963 When inserting a status, I can pick a colour from a predefined colour picker a633d77

7.0.10

  • [patch] Adds sideEffects: false to allow proper tree shaking b5d6d04

7.0.9

  • [patch] Removed FlowFixMe from proptypes, made FieldTextStatless props non-exact 626d9c3

7.0.7

  • [patch] Textfield and textarea components now play nicer with flex parents in IE 4e81369
  • [none] Updated dependencies 4e81369

7.0.6

7.0.5

  • [patch] Textfield and textarea now correctly show the invalid icon in Firefox and Edge. 4d5bcd9
  • [none] Updated dependencies 4d5bcd9

7.0.4

7.0.3

7.0.2

7.0.1

7.0.0

6.1.3

  • [patch] Fix flow config and add back flow fix me 107da09
  • [none] Updated dependencies 107da09

6.1.2

  • [patch] Fixes flow type in FieldText component 40095d6
  • [none] Updated dependencies 40095d6

6.1.1

6.1.0

6.0.4

6.0.3

  • [patch] Fixed disabled field colour in Safari b9f0068
  • [none] Updated dependencies b9f0068

6.0.2

6.0.1

6.0.0

5.1.1

  • [patch] Correct Flow type for FieldTextProps:onChange adb2ce0
  • [none] Updated dependencies adb2ce0

5.1.0

  • [minor] Text fields and textareas now inherit their font-family correctly. 6859cf6
  • [none] Updated dependencies 6859cf6

5.0.3

5.0.1

  • [patch] Form developer preview d8b2b03
  • [patch] Form package developer preview release 9b28847

5.0.0

  • [major] Bump to React 16.3. 4251858

4.3.0

  • [minor] Update to React.ReactNode cabf41c
  • [minor] Update to React.ReactNode dc2ccc2
  • [minor] Add type for invalidMessage a520fe2

4.2.1

  • [patch] Re-releasing due to potentially broken babel release 9ed0bba

4.2.0

  • [minor] Update styled-components dependency to support versions 1.4.6 - 3 ceccf30

4.1.8

4.1.7

  • [patch] Packages Flow types for elements components 3111e74

4.1.6

  • [patch] Minor documentation fixes f0e96bd

4.1.5

  • [patch] Resolved low hanging flow errors in field-base field-text comment icon item and website, $ 007de27

4.1.4

  • [patch] Migration to mk2 repo 786df25

4.1.3 (2017-12-01)

  • bug fix; fix field text types (2f46ff0)

4.1.2 (2017-10-26)

  • bug fix; fix to rebuild stories (793b2a7)

4.1.1 (2017-10-22)

  • bug fix; update styled component dependency and react peerDep (39f3286)

4.1.0 (2017-10-16)

  • feature; added support for min and max values, for type=number (issues closed: ak-3701) (8c9cf4b)
  • feature; added support for relevant HTML input attrs and events (issues closed: ak-1743) (b606a69)

4.0.1 (2017-09-11)

  • bug fix; standardise placeholders (issues closed: #ak-3406) (95187e1)
  • bug fix; add placeholder color for light and dark mode (0632c02)

4.0.0 (2017-08-30)

  • feature; bump field-base to add dark mode (0d6bbc4)
  • breaking; Add dark mode, remove util-shared-styles (b6ae894)
  • breaking; add dark mode to field text (issues closed: #ak-3339) (b6ae894)

3.4.3 (2017-08-11)

  • bug fix; fix the theme-dependency (db90333)

3.4.2 (2017-07-27)

  • fix; rename jsnext:main to jsnext:experimental:main temporarily (c7508e0)

3.4.1 (2017-07-25)

  • fix; use class transform in loose mode in babel to improve load performance in apps (fde719a)

3.1.0 (2017-07-17)

  • fix; rerelease, failed prepublish scripts (5fd82f8)
  • feature; added ES module builds to dist and add jsnext:main to most ADG packages (ea76507)

3.0.0 (2017-06-08)

  • convert fieldText to styled-components. (a77faaa)
  • breaking; Export FieldText renamed to FieldTextStateless for clarity and ease of main export usage.
  • Refactor to styled-components
  • ISSUES CLOSED: #AK-2387

2.7.0 (2017-05-31)

  • fix; add prop-types as a dependency to avoid React 15.x warnings (92598eb)
  • feature; add readonly support to field-text (3c94731)

2.6.2 (2017-04-27)

  • fix; update legal copy to be more clear. Not all modules include ADG license. (f3a945e)

2.6.1 (2017-04-26)

  • fix; update legal copy and fix broken links for component README on npm. New contribution and (0b3e454)

2.6.0 (2017-04-20)

  • feature; removed explicit style! imports, set style-loader in webpack config (891fc3c)

2.5.0 (2017-04-11)

  • feature; add support for maxLength to field-text (1719bd2)

2.4.0 (2017-04-10)

  • feature; adding spellcheck attribute to text input (a34a3eb)

2.3.3 (2017-03-23)

  • fix; Empty commit to release the component (49c08ee)

2.3.1 (2017-03-21)

  • fix; maintainers for all the packages were added (261d00a)

2.3.0 (2017-03-20)

  • feature; added a focus() method to field-text (ab75130)

2.2.1 (2017-03-08)

  • fix; fix isFitContainerWidthEnabled prop to correctly fit container width (79acc74)

2.1.0 (2017-03-06)

  • fix; fix disabled and required props and update tests for field-text (7f9bf03)
  • feature; add support for autoFocus to field-text (00041db)
  • feature; use invalid state and message from field-base in field-text (ae0afa1)

2.0.6 (2017-02-24)

  • Allow clear field hint to be hidden in MS browsers (1c87945)
  • fix; Fix style for IE/Edge (301d6d2)
  • Make the IE style changes on by default, not configurable. (55818df)

2.0.5 (2017-02-17)

  • fix; missing FieldText export (0f8a2bc)

2.0.3 (2017-02-13)

  • fix; refactor stories to use // rather than http:// (a0826cf)
  • fix; Make onChange have same signature as input onChange (82f76d6)

2.0.2 (2017-02-07)

  • update to the latest field base with the correct design (ce38252)

2.0.1 (2017-02-06)

  • fix; fix onFocus and onBlur handlers (c3c2314)
  • fix; smart fieldText now works correctly with onChange handler (40b1694)

2.0.0 (2017-02-03)

  • feature; dependency update. new props are added. (c777259)
  • breaking; field text now has the 8px grid alignment and much smaller padding at the top