@atlaskit/textfield
Advanced tools
Comparing version 5.6.7 to 5.6.8
100
CHANGELOG.md
# @atlaskit/textfield | ||
## 5.6.8 | ||
### Patch Changes | ||
- [#40987](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40987) [`3039d60a810`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3039d60a810) - Make spread props present in types explicit. | ||
## 5.6.7 | ||
@@ -7,3 +13,3 @@ | ||
- [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change. | ||
- [#39787](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39787) [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change. | ||
@@ -14,3 +20,3 @@ ## 5.6.6 | ||
- [`29941aaea33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29941aaea33) - update focused fallback color to meet contrast requirement | ||
- [#37613](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37613) [`29941aaea33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29941aaea33) - update focused fallback color to meet contrast requirement | ||
@@ -21,3 +27,3 @@ ## 5.6.5 | ||
- [`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update type definitions to conform to inherited changes from `@types/react@16.14.15`. | ||
- [#39128](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39128) [`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update type definitions to conform to inherited changes from `@types/react@16.14.15`. | ||
@@ -28,3 +34,3 @@ ## 5.6.4 | ||
- [`356d6ebed05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/356d6ebed05) - This package is now onboarded onto the product push model. | ||
- [#38201](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38201) [`356d6ebed05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/356d6ebed05) - This package is now onboarded onto the product push model. | ||
@@ -35,3 +41,3 @@ ## 5.6.3 | ||
- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing. | ||
- [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754) [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing. | ||
@@ -42,3 +48,3 @@ ## 5.6.2 | ||
- [`a01cf0168b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a01cf0168b8) - update border width with border spacing token | ||
- [#36661](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36661) [`a01cf0168b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a01cf0168b8) - update border width with border spacing token | ||
@@ -49,3 +55,3 @@ ## 5.6.1 | ||
- [`3a8d6f61240`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a8d6f61240) - [ux] Adds `text-overflow: ellipsis` to placeholder text. | ||
- [#36066](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36066) [`3a8d6f61240`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a8d6f61240) - [ux] Adds `text-overflow: ellipsis` to placeholder text. | ||
@@ -56,3 +62,3 @@ ## 5.6.0 | ||
- [`a90730ddb33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a90730ddb33) - Disallow use of unused prop `disabled`. Disabled textfields should use | ||
- [#35766](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35766) [`a90730ddb33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a90730ddb33) - Disallow use of unused prop `disabled`. Disabled textfields should use | ||
`isDisabled`. This change includes a codemod for transitioning existing code | ||
@@ -65,3 +71,3 @@ over to the proper usage. | ||
- [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence | ||
- [#35111](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35111) [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence | ||
@@ -72,3 +78,3 @@ ## 5.5.1 | ||
- [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change. | ||
- [#34881](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34881) [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change. | ||
@@ -79,3 +85,3 @@ ## 5.5.0 | ||
- [`c9c3a3f43af`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c9c3a3f43af) - [ux] reduce border width to 1px and update fallback color of border | ||
- [#33167](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33167) [`c9c3a3f43af`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c9c3a3f43af) - [ux] reduce border width to 1px and update fallback color of border | ||
@@ -86,3 +92,3 @@ ## 5.4.3 | ||
- [`49b08bfdf5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/49b08bfdf5f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change. | ||
- [#34051](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34051) [`49b08bfdf5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/49b08bfdf5f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change. | ||
@@ -93,3 +99,3 @@ ## 5.4.2 | ||
- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8 | ||
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8 | ||
@@ -100,3 +106,3 @@ ## 5.4.1 | ||
- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5` | ||
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5` | ||
@@ -107,3 +113,3 @@ ## 5.4.0 | ||
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump | ||
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump | ||
@@ -118,3 +124,3 @@ ### Patch Changes | ||
- [`e028bee17df`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e028bee17df) - [ux] fix(style): update fallback color of placeholder to meet contrast requirement | ||
- [#33004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33004) [`e028bee17df`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e028bee17df) - [ux] fix(style): update fallback color of placeholder to meet contrast requirement | ||
@@ -155,3 +161,3 @@ ## 5.3.6 | ||
- [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components. | ||
- [#26303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26303) [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components. | ||
@@ -162,3 +168,3 @@ ## 5.3.0 | ||
- [`b8841384da6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8841384da6) - Disabled background and border styles should not be applied to components that have either no background or transparent background to begin with. Textfield and textarea variants that do not have backgrounds (sublte or none) have no backgrounds or borders applied when disabled. As such, any comopnents that consume these will also be affected. | ||
- [#24968](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24968) [`b8841384da6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8841384da6) - Disabled background and border styles should not be applied to components that have either no background or transparent background to begin with. Textfield and textarea variants that do not have backgrounds (sublte or none) have no backgrounds or borders applied when disabled. As such, any comopnents that consume these will also be affected. | ||
@@ -169,3 +175,3 @@ ## 5.2.2 | ||
- [`bedbdec0e82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bedbdec0e82) - Update hover state appearance of subtle Textarea, Textfield and Select components to match the hover states of their default counterparts. | ||
- [#25314](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25314) [`bedbdec0e82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bedbdec0e82) - Update hover state appearance of subtle Textarea, Textfield and Select components to match the hover states of their default counterparts. | ||
@@ -176,3 +182,3 @@ ## 5.2.1 | ||
- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5` | ||
- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5` | ||
@@ -183,3 +189,3 @@ ## 5.2.0 | ||
- [`acf974e717c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/acf974e717c) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change. | ||
- [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`acf974e717c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/acf974e717c) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change. | ||
@@ -194,3 +200,3 @@ ### Patch Changes | ||
- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`. | ||
- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`. | ||
@@ -201,3 +207,3 @@ ## 5.1.12 | ||
- [`7c14ea36248`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c14ea36248) - [ux] Updated input tokens within `@atlaskit/textfield`. | ||
- [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570) [`7c14ea36248`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c14ea36248) - [ux] Updated input tokens within `@atlaskit/textfield`. | ||
@@ -214,3 +220,3 @@ ## 5.1.11 | ||
- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4 | ||
- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4 | ||
@@ -227,3 +233,3 @@ ## 5.1.9 | ||
- [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes. | ||
- [#19618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19618) [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes. | ||
- Updated dependencies | ||
@@ -241,3 +247,3 @@ | ||
- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids. | ||
- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids. | ||
- Updated dependencies | ||
@@ -255,3 +261,3 @@ | ||
- [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size. | ||
- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size. | ||
- Updated dependencies | ||
@@ -281,3 +287,3 @@ | ||
- [`78ba9e045b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78ba9e045b8) - Internal refactor to align to the design system techstack. | ||
- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`78ba9e045b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78ba9e045b8) - Internal refactor to align to the design system techstack. | ||
- [`4d34d35270e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4d34d35270e) - Instrumented text field with the new theming package, `@atlaskit/tokens`. | ||
@@ -299,3 +305,3 @@ | ||
- [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`. | ||
- [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880) [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`. | ||
@@ -306,3 +312,3 @@ ## 5.0.4 | ||
- [`a7d1415e5e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a7d1415e5e6) - [ux] add high contrast mode supporting for Textfield | ||
- [#12328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12328) [`a7d1415e5e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a7d1415e5e6) - [ux] add high contrast mode supporting for Textfield | ||
- Updated dependencies | ||
@@ -314,3 +320,3 @@ | ||
- [`6f0bbf09744`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6f0bbf09744) - [ux] Fix disabled TextField text contrast on Safari/WebKit browsers | ||
- [#11649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11649) [`6f0bbf09744`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6f0bbf09744) - [ux] Fix disabled TextField text contrast on Safari/WebKit browsers | ||
@@ -321,3 +327,3 @@ ## 5.0.2 | ||
- [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance` | ||
- [#12167](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12167) [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance` | ||
@@ -328,3 +334,3 @@ ## 5.0.1 | ||
- [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json. | ||
- [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json. | ||
@@ -335,3 +341,3 @@ ## 5.0.0 | ||
- [`9d0f54a809`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d0f54a809) | ||
- [#7170](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7170) [`9d0f54a809`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d0f54a809) | ||
@@ -436,3 +442,3 @@ **Summary** | ||
- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc | ||
- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc | ||
@@ -443,3 +449,3 @@ ## 4.0.9 | ||
- [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option. | ||
- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option. | ||
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started | ||
@@ -458,3 +464,3 @@ Also add `typescript` to `devDependencies` to denote version that the package was built with. | ||
- [`2ac834240e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2ac834240e) - Undo analytics-next file restructure to allow external ts definitions to continue working | ||
- [#5164](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5164) [`2ac834240e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2ac834240e) - Undo analytics-next file restructure to allow external ts definitions to continue working | ||
@@ -465,3 +471,3 @@ ## 4.0.6 | ||
- [`6529a49064`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6529a49064) - Removed IE11 and outdated browser-prefixed styles targeting the placeholder attribute | ||
- [#4749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4749) [`6529a49064`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6529a49064) - Removed IE11 and outdated browser-prefixed styles targeting the placeholder attribute | ||
- Updated dependencies | ||
@@ -473,3 +479,3 @@ | ||
- [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser | ||
- [#4707](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4707) [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser | ||
@@ -480,3 +486,3 @@ ## 4.0.4 | ||
- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0 | ||
- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0 | ||
@@ -490,3 +496,3 @@ Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade | ||
- [`76165ad82f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76165ad82f) - Bump required because of conflicts on wadmal release | ||
- [#4393](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4393) [`76165ad82f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76165ad82f) - Bump required because of conflicts on wadmal release | ||
@@ -497,3 +503,3 @@ ## 4.0.2 | ||
- [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form elements now have a default font explicitly set | ||
- [#3823](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3823) [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form elements now have a default font explicitly set | ||
@@ -504,3 +510,3 @@ ## 4.0.1 | ||
- [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website. | ||
- [#3293](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3293) [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website. | ||
@@ -511,3 +517,3 @@ ## 4.0.0 | ||
- [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11. | ||
- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11. | ||
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534 | ||
@@ -523,3 +529,3 @@ | ||
- [`088c636cbd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/088c636cbd) - Updated disabled state border-color to match the ADG spec. It now appears as if there is no border on a disabled textfield. | ||
- [#2763](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2763) [`088c636cbd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/088c636cbd) - Updated disabled state border-color to match the ADG spec. It now appears as if there is no border on a disabled textfield. | ||
@@ -530,3 +536,3 @@ ## 3.1.12 | ||
- [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm | ||
- [#2866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2866) [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm | ||
@@ -543,3 +549,3 @@ ## 3.1.11 | ||
- [`83f4f94df3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83f4f94df3) - Change imports to comply with Atlassian conventions- Updated dependencies | ||
- [#1868](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/1868) [`83f4f94df3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83f4f94df3) - Change imports to comply with Atlassian conventions- Updated dependencies | ||
@@ -546,0 +552,0 @@ ## 3.1.9 |
@@ -144,5 +144,3 @@ "use strict"; | ||
borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 2 | ||
}, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') && appearance !== 'none' ? | ||
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage | ||
{ | ||
}, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') && appearance !== 'none' ? { | ||
padding: "var(--ds-border-width, 1px)".concat(" 0") | ||
@@ -149,0 +147,0 @@ } : {}), {}, { |
@@ -18,3 +18,3 @@ "use strict"; | ||
var _styles = require("./styles"); | ||
var _excluded = ["appearance", "isCompact", "isDisabled", "isInvalid", "isRequired", "isReadOnly", "isMonospaced", "width", "elemAfterInput", "elemBeforeInput", "testId", "onFocus", "onBlur", "onMouseDown", "className"]; | ||
var _excluded = ["appearance", "className", "elemAfterInput", "elemBeforeInput", "isCompact", "isDisabled", "isInvalid", "isMonospaced", "isReadOnly", "isRequired", "name", "onBlur", "onChange", "onFocus", "onMouseDown", "placeholder", "testId", "width"]; | ||
/** @jsx jsx */ | ||
@@ -28,3 +28,3 @@ 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); } | ||
packageName: "@atlaskit/textfield", | ||
packageVersion: "5.6.7" | ||
packageVersion: "5.6.8" | ||
}; | ||
@@ -34,2 +34,5 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) { | ||
appearance = _props$appearance === void 0 ? 'standard' : _props$appearance, | ||
className = props.className, | ||
elemAfterInput = props.elemAfterInput, | ||
elemBeforeInput = props.elemBeforeInput, | ||
_props$isCompact = props.isCompact, | ||
@@ -41,16 +44,16 @@ isCompact = _props$isCompact === void 0 ? false : _props$isCompact, | ||
isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid, | ||
_props$isMonospaced = props.isMonospaced, | ||
isMonospaced = _props$isMonospaced === void 0 ? false : _props$isMonospaced, | ||
_props$isReadOnly = props.isReadOnly, | ||
isReadOnly = _props$isReadOnly === void 0 ? false : _props$isReadOnly, | ||
_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, | ||
name = props.name, | ||
onBlur = props.onBlur, | ||
onChange = props.onChange, | ||
onFocus = props.onFocus, | ||
onBlur = props.onBlur, | ||
onMouseDown = props.onMouseDown, | ||
className = props.className, | ||
placeholder = props.placeholder, | ||
testId = props.testId, | ||
width = props.width, | ||
spreadProps = (0, _objectWithoutProperties2.default)(props, _excluded); | ||
@@ -103,5 +106,11 @@ var inputRef = (0, _react.useRef)(null); | ||
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 | ||
/** | ||
* It is not normally acceptable to add click and key handlers to | ||
* non-interactive elements as this is an accessibility anti-pattern. | ||
* However, because this instance is to handle events on all children that | ||
* should be associated with the input, we can add role="presentation" so | ||
* that there are no negative impacts to assistive technologies. | ||
*/ | ||
(0, _react2.jsx)("div", { | ||
role: "presentation", | ||
"data-disabled": isDisabled ? isDisabled : undefined, | ||
@@ -118,17 +127,20 @@ "data-invalid": isInvalid ? isInvalid : undefined, | ||
}, elemBeforeInput, (0, _react2.jsx)("input", (0, _extends2.default)({}, spreadProps, { | ||
"aria-invalid": isInvalid ? isInvalid : undefined | ||
// TODO: When removing legacy theming fix this. | ||
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage | ||
, | ||
css: inputStyle, | ||
"data-compact": isCompact ? isCompact : undefined, | ||
"data-ds--text-field--input": true, | ||
"data-monospaced": isMonospaced ? isMonospaced : undefined, | ||
"data-ds--text-field--input": true, | ||
"data-testid": testId, | ||
"aria-invalid": isInvalid ? isInvalid : undefined, | ||
disabled: isDisabled, | ||
readOnly: isReadOnly, | ||
required: isRequired, | ||
name: name, | ||
onBlur: handleOnBlur, | ||
onChange: onChange, | ||
onFocus: handleOnFocus, | ||
ref: setInputRef | ||
// TODO: When removing legacy theming fix this. | ||
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage | ||
, | ||
css: inputStyle | ||
placeholder: placeholder, | ||
readOnly: isReadOnly, | ||
ref: setInputRef, | ||
required: isRequired | ||
})), elemAfterInput) | ||
@@ -135,0 +147,0 @@ ); |
@@ -132,5 +132,3 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags'; | ||
// add 1px padding on both top and bottom to keep the same overall height after border reduced from 2px to 1px under feature flag | ||
...(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') && appearance !== 'none' ? | ||
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage | ||
{ | ||
...(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') && appearance !== 'none' ? { | ||
padding: `${"var(--ds-border-width, 1px)"} 0` | ||
@@ -137,0 +135,0 @@ } : {}), |
@@ -11,3 +11,3 @@ import _extends from "@babel/runtime/helpers/extends"; | ||
packageName: "@atlaskit/textfield", | ||
packageVersion: "5.6.7" | ||
packageVersion: "5.6.8" | ||
}; | ||
@@ -17,16 +17,19 @@ const Textfield = /*#__PURE__*/forwardRef((props, ref) => { | ||
appearance = 'standard', | ||
className, | ||
elemAfterInput, | ||
elemBeforeInput, | ||
isCompact = false, | ||
isDisabled = false, | ||
isInvalid = false, | ||
isMonospaced = false, | ||
isReadOnly = false, | ||
isRequired = false, | ||
isReadOnly = false, | ||
isMonospaced = false, | ||
width, | ||
elemAfterInput, | ||
elemBeforeInput, | ||
testId, | ||
name, | ||
onBlur, | ||
onChange, | ||
onFocus, | ||
onBlur, | ||
onMouseDown, | ||
className, | ||
placeholder, | ||
testId, | ||
width, | ||
...spreadProps | ||
@@ -79,5 +82,11 @@ } = props; | ||
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 | ||
/** | ||
* It is not normally acceptable to add click and key handlers to | ||
* non-interactive elements as this is an accessibility anti-pattern. | ||
* However, because this instance is to handle events on all children that | ||
* should be associated with the input, we can add role="presentation" so | ||
* that there are no negative impacts to assistive technologies. | ||
*/ | ||
jsx("div", { | ||
role: "presentation", | ||
"data-disabled": isDisabled ? isDisabled : undefined, | ||
@@ -94,17 +103,20 @@ "data-invalid": isInvalid ? isInvalid : undefined, | ||
}, elemBeforeInput, jsx("input", _extends({}, spreadProps, { | ||
"aria-invalid": isInvalid ? isInvalid : undefined | ||
// TODO: When removing legacy theming fix this. | ||
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage | ||
, | ||
css: inputStyle, | ||
"data-compact": isCompact ? isCompact : undefined, | ||
"data-ds--text-field--input": true, | ||
"data-monospaced": isMonospaced ? isMonospaced : undefined, | ||
"data-ds--text-field--input": true, | ||
"data-testid": testId, | ||
"aria-invalid": isInvalid ? isInvalid : undefined, | ||
disabled: isDisabled, | ||
readOnly: isReadOnly, | ||
required: isRequired, | ||
name: name, | ||
onBlur: handleOnBlur, | ||
onChange: onChange, | ||
onFocus: handleOnFocus, | ||
ref: setInputRef | ||
// TODO: When removing legacy theming fix this. | ||
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage | ||
, | ||
css: inputStyle | ||
placeholder: placeholder, | ||
readOnly: isReadOnly, | ||
ref: setInputRef, | ||
required: isRequired | ||
})), elemAfterInput) | ||
@@ -111,0 +123,0 @@ ); |
@@ -136,5 +136,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty"; | ||
borderWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 2 | ||
}, getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') && appearance !== 'none' ? | ||
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage | ||
{ | ||
}, getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') && appearance !== 'none' ? { | ||
padding: "var(--ds-border-width, 1px)".concat(" 0") | ||
@@ -141,0 +139,0 @@ } : {}), {}, { |
@@ -5,3 +5,3 @@ import _extends from "@babel/runtime/helpers/extends"; | ||
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties"; | ||
var _excluded = ["appearance", "isCompact", "isDisabled", "isInvalid", "isRequired", "isReadOnly", "isMonospaced", "width", "elemAfterInput", "elemBeforeInput", "testId", "onFocus", "onBlur", "onMouseDown", "className"]; | ||
var _excluded = ["appearance", "className", "elemAfterInput", "elemBeforeInput", "isCompact", "isDisabled", "isInvalid", "isMonospaced", "isReadOnly", "isRequired", "name", "onBlur", "onChange", "onFocus", "onMouseDown", "placeholder", "testId", "width"]; | ||
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; } | ||
@@ -18,3 +18,3 @@ 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; } | ||
packageName: "@atlaskit/textfield", | ||
packageVersion: "5.6.7" | ||
packageVersion: "5.6.8" | ||
}; | ||
@@ -24,2 +24,5 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) { | ||
appearance = _props$appearance === void 0 ? 'standard' : _props$appearance, | ||
className = props.className, | ||
elemAfterInput = props.elemAfterInput, | ||
elemBeforeInput = props.elemBeforeInput, | ||
_props$isCompact = props.isCompact, | ||
@@ -31,16 +34,16 @@ isCompact = _props$isCompact === void 0 ? false : _props$isCompact, | ||
isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid, | ||
_props$isMonospaced = props.isMonospaced, | ||
isMonospaced = _props$isMonospaced === void 0 ? false : _props$isMonospaced, | ||
_props$isReadOnly = props.isReadOnly, | ||
isReadOnly = _props$isReadOnly === void 0 ? false : _props$isReadOnly, | ||
_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, | ||
name = props.name, | ||
onBlur = props.onBlur, | ||
onChange = props.onChange, | ||
onFocus = props.onFocus, | ||
onBlur = props.onBlur, | ||
onMouseDown = props.onMouseDown, | ||
className = props.className, | ||
placeholder = props.placeholder, | ||
testId = props.testId, | ||
width = props.width, | ||
spreadProps = _objectWithoutProperties(props, _excluded); | ||
@@ -93,5 +96,11 @@ var inputRef = useRef(null); | ||
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 | ||
/** | ||
* It is not normally acceptable to add click and key handlers to | ||
* non-interactive elements as this is an accessibility anti-pattern. | ||
* However, because this instance is to handle events on all children that | ||
* should be associated with the input, we can add role="presentation" so | ||
* that there are no negative impacts to assistive technologies. | ||
*/ | ||
jsx("div", { | ||
role: "presentation", | ||
"data-disabled": isDisabled ? isDisabled : undefined, | ||
@@ -108,17 +117,20 @@ "data-invalid": isInvalid ? isInvalid : undefined, | ||
}, elemBeforeInput, jsx("input", _extends({}, spreadProps, { | ||
"aria-invalid": isInvalid ? isInvalid : undefined | ||
// TODO: When removing legacy theming fix this. | ||
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage | ||
, | ||
css: inputStyle, | ||
"data-compact": isCompact ? isCompact : undefined, | ||
"data-ds--text-field--input": true, | ||
"data-monospaced": isMonospaced ? isMonospaced : undefined, | ||
"data-ds--text-field--input": true, | ||
"data-testid": testId, | ||
"aria-invalid": isInvalid ? isInvalid : undefined, | ||
disabled: isDisabled, | ||
readOnly: isReadOnly, | ||
required: isRequired, | ||
name: name, | ||
onBlur: handleOnBlur, | ||
onChange: onChange, | ||
onFocus: handleOnFocus, | ||
ref: setInputRef | ||
// TODO: When removing legacy theming fix this. | ||
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage | ||
, | ||
css: inputStyle | ||
placeholder: placeholder, | ||
readOnly: isReadOnly, | ||
ref: setInputRef, | ||
required: isRequired | ||
})), elemAfterInput) | ||
@@ -125,0 +137,0 @@ ); |
{ | ||
"name": "@atlaskit/textfield", | ||
"version": "5.6.7", | ||
"version": "5.6.8", | ||
"description": "A text field is an input that allows a user to write or edit text.", | ||
@@ -32,3 +32,3 @@ "publishConfig": { | ||
"@atlaskit/theme": "^12.6.0", | ||
"@atlaskit/tokens": "^1.21.0", | ||
"@atlaskit/tokens": "^1.25.0", | ||
"@babel/runtime": "^7.0.0", | ||
@@ -35,0 +35,0 @@ "@emotion/react": "^11.7.1" |
Sorry, the diff of this file is not supported yet
151572
3066
Updated@atlaskit/tokens@^1.25.0