@atlaskit/checkbox
Version:
A checkbox is an input control that allows a user to select one or more options from a number of choices.
1,578 lines (1,036 loc) • 66.6 kB
Markdown
# @atlaskit/checkbox
## 17.0.4
### Patch Changes
- [#127093](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/127093)
[`1378ea7a99ce1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1378ea7a99ce1) -
Upgrades `jscodeshift` to handle generics properly.
- Updated dependencies
## 17.0.3
### Patch Changes
- [#129972](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129972)
[`b2d69a39e6687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2d69a39e6687) -
Update `@compiled/react` dependency for improved type checking support.
- Updated dependencies
## 17.0.2
### Patch Changes
- Updated dependencies
## 17.0.1
### Patch Changes
- Updated dependencies
## 17.0.0
### Major Changes
- [#117762](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/117762)
[`424fded960a12`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/424fded960a12) -
Migrated from `@emotion/react` to `@compiled/react` in order to improve performance, align with
the rest of the Atlaskit techstack, and support React 18 Streaming SSR. Please note, in order to
use this version of `@atlaskit/checkbox`, you will need to ensure that your bundler is configured
to handle `.css` imports correctly.
Most bundlers come with built-in support for `.css` imports, so you may not need to do anything.
If you are using a different bundler, please refer to the documentation for that bundler to
understand how to handle `.css` imports. For more information on the migration, please refer to
[RFC-73 Migrating our components to Compiled CSS-in-JS](https://community.developer.atlassian.com/t/rfc-73-migrating-our-components-to-compiled-css-in-js/85953).
## 16.0.0
### Major Changes
- [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
[`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
status of only supporting React 18 going forward. No explicit breaking change to React support has
been made in this release, but this is to signify going forward, breaking changes for React 16 or
React 17 may come via non-major semver releases.
Please refer this community post for more details:
https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
### Patch Changes
- Updated dependencies
## 15.4.0
### Minor Changes
- [#116138](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116138)
[`b50c5d5d65ae2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b50c5d5d65ae2) -
Bump to the latest version of @compiled/react
### Patch Changes
- Updated dependencies
## 15.3.3
### Patch Changes
- Updated dependencies
## 15.3.2
### Patch Changes
- [#114285](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114285)
[`7401cbc8ec943`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7401cbc8ec943) -
Remove old codemod.
## 15.3.1
### Patch Changes
- Updated dependencies
## 15.3.0
### Minor Changes
- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
[`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
Update `React` from v16 to v18
### Patch Changes
- Updated dependencies
## 15.2.5
### Patch Changes
- [#105597](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105597)
[`8713842724537`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8713842724537) -
Update dependencies and remove unused internal exports.
## 15.2.4
### Patch Changes
- [#103999](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103999)
[`9f62ecec4d422`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9f62ecec4d422) -
Update dependencies.
## 15.2.3
### Patch Changes
- Updated dependencies
## 15.2.2
### Patch Changes
- Updated dependencies
## 15.2.1
### Patch Changes
- Updated dependencies
## 15.2.0
### Minor Changes
- [#166921](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166921)
[`9875764c197bb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9875764c197bb) -
Update checkbox to match new icon styles behind feature flag.
## 15.1.1
### Patch Changes
- [#166026](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166026)
[`962b5e77810fb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/962b5e77810fb) -
Adds side-effect config to support Compiled css extraction in third-party apps
## 15.1.0
### Minor Changes
- [#154669](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154669)
[`20db78434becd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/20db78434becd) -
Bump to the latest version of @compiled/\*
### Patch Changes
- Updated dependencies
## 15.0.0
### Major Changes
- [#153563](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/153563)
[`c30346996e058`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c30346996e058) -
Removes `size` prop from checkbox, using the default "medium" size for all checkboxes. There is a
codemod included that removes this prop for you.
### Patch Changes
- Updated dependencies
## 14.0.3
### Patch Changes
- Updated dependencies
## 14.0.2
### Patch Changes
- Updated dependencies
## 14.0.1
### Patch Changes
- Updated dependencies
## 14.0.0
### Major Changes
- [#136677](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136677)
[`d0453c21aafb7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d0453c21aafb7) -
Remove `small` and `xlarge` from sizes. These are currently completely unused within Atlassian and
the smaller size results in less accessible interfaces. We are also deprecating the `size` prop to
eventually only have checkboxes render at `medium` (the default) size.
## 13.7.1
### Patch Changes
- Updated dependencies
## 13.7.0
### Minor Changes
- [#127511](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/127511)
[`db30e29344013`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/db30e29344013) -
Widening range of `react` and `react-dom` peer dependencies from `^16.8.0 || ^17.0.0 || ~18.2.0`
to the wider range of ``^16.8.0 || ^17.0.0 || ^18.0.0` (where applicable).
This change has been done to enable usage of `react@18.3` as well as to have a consistent peer
dependency range for `react` and `react-dom` for `/platform` packages.
### Patch Changes
- Updated dependencies
## 13.6.1
### Patch Changes
- Updated dependencies
## 13.6.0
### Minor Changes
- [#126756](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/126756)
[`be7f8b7ab5827`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/be7f8b7ab5827) -
Accessibility changes. Removed `aria-checked` attribute, and set `indeterminate` to `true` if
nested checkbox is checked.
## 13.5.2
### Patch Changes
- [#118186](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/118186)
[`14393c5775a1c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/14393c5775a1c) -
Remove unused `extract-react-types` files.
## 13.5.1
### Patch Changes
- Updated dependencies
## 13.5.0
### Minor Changes
- [#111878](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111878)
[`223959ef57c80`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/223959ef57c80) -
Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
is implicitly set to automatic.
### Patch Changes
- Updated dependencies
## 13.4.0
### Minor Changes
- [#103698](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103698)
[`413b5201c8fe`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/413b5201c8fe) -
Introduce the bounded `xcss` prop.
## 13.3.0
### Minor Changes
- [#94675](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94675)
[`5d9e1dccacca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5d9e1dccacca) -
[ux] Update input border color token to meet 3:1 color contrast ratioLight theme:
color.border.input: #091E4224 → #8590A2Dark mode: color.border.input: #A6C5E229 → #738496
### Patch Changes
- Updated dependencies
## 13.2.0
### Minor Changes
- [#96187](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96187)
[`53443aace88d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/53443aace88d) -
Add support for React 18 in non-strict mode.
## 13.1.5
### Patch Changes
- [#89923](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/89923)
[`32bc9f9f09b3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32bc9f9f09b3) -
Internal changes to typography, no visual change.
## 13.1.4
### Patch Changes
- [#84905](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/84905)
[`f03cb7163ffc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f03cb7163ffc) -
Fixes a bug with input focus styles.
## 13.1.3
### Patch Changes
- [#83297](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83297)
[`6b1707c169e0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6b1707c169e0) -
The internal composition of this component has changed. There is no expected change in behaviour.
## 13.1.2
### Patch Changes
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
Upgrade Typescript from `4.9.5` to `5.4.2`
## 13.1.1
### Patch Changes
- [#81644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81644)
[`8ab7a816dca7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8ab7a816dca7) -
Revert input border change from the previous version
## 13.1.0
### Minor Changes
- [#80805](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80805)
[`427c2dd9e0d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/427c2dd9e0d6) -
[ux] update border with from 2px to 1px with darker color to meet 3:1 color contrast for
accessibility improvement
### Patch Changes
- Updated dependencies
## 13.0.2
### Patch Changes
- [#78598](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78598)
[`cabae83473c3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cabae83473c3) -
[ux] Improved visibility of focus styles by adding a gap between the checkbox and focus ring. This
makes the focus ring easier to distinguish to a selected checkbox, which is also blue.
## 13.0.1
### Patch Changes
- Updated dependencies
## 13.0.0
### Major Changes
- [#41760](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41760)
[`909e4a30fe7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/909e4a30fe7) - Removed
all remaining legacy theming logic from the Blanket, Breadcrumbs and Checkbox components.
## 12.6.11
### Patch Changes
- [#38875](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38875)
[`b580abfbc29`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b580abfbc29) - Remove
onClick from checkbox label
## 12.6.10
### Patch Changes
- [#38731](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38731)
[`9af31f3c1ae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9af31f3c1ae) - Delete
version.json
## 12.6.9
### Patch Changes
- [#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.
## 12.6.8
### Patch Changes
- [#37615](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37615)
[`ba0a43d8ccc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba0a43d8ccc) - [ux]
update focused color fallback to meet contrast requirement
## 12.6.7
### Patch Changes
- [#37452](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37452)
[`9cc3b8d1902`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9cc3b8d1902) -
chore(checkbox): use new feature flag for border contrast
## 12.6.6
### Patch Changes
- [#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.
## 12.6.5
### Patch Changes
- [#36666](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36666)
[`3958636a718`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3958636a718) - update
border width with border spacing token
## 12.6.4
### Patch Changes
- [#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
## 12.6.3
### Patch Changes
- [#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.
## 12.6.2
### Patch Changes
- [#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
## 12.6.1
### Patch Changes
- [#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`
## 12.6.0
### Minor Changes
- [#33335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33335)
[`8d0fd2d3f6c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d0fd2d3f6c) - [ux]
reduce stroke width from 2px to 1px with new color to meet contrast requirement
## 12.5.0
### Minor Changes
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
[`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
minor dependency bump
### Patch Changes
- Updated dependencies
## 12.4.6
### Patch Changes
- Updated dependencies
## 12.4.5
### Patch Changes
- Updated dependencies
## 12.4.4
### Patch Changes
- Updated dependencies
## 12.4.3
### Patch Changes
- Updated dependencies
## 12.4.2
### Patch Changes
- [#27738](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27738)
[`ed1b0fd2c2d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed1b0fd2c2d) - [ux]
Removes redundant whitespace from checkbox when no visual label is applied - eg when an aria-label
or id is used instead.
## 12.4.1
### Patch Changes
- Updated dependencies
## 12.4.0
### Minor Changes
- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710)
[`0944c0e7eed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0944c0e7eed) - Updates
`@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
### Patch Changes
- Updated dependencies
## 12.3.20
### Patch Changes
- [#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`
## 12.3.19
### Patch Changes
- [#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`.
## 12.3.18
### Patch Changes
- [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381)
[`fe575d49d66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe575d49d66) - Updated
styles to use new input design tokens
- Updated dependencies
## 12.3.17
### Patch Changes
- [#23299](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23299)
[`90e89e12034`](https://bitbucket.org/atlassian/atlassian-frontend/commits/90e89e12034) - [ux]
Updated colors to use appropriate tokens
## 12.3.16
### Patch Changes
- [#23179](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23179)
[`f55cf469372`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f55cf469372) - Added id
property to the checkbox label for compatibility with aria-labelledby
## 12.3.15
### Patch Changes
- Updated dependencies
## 12.3.14
### Patch Changes
- [#22130](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22130)
[`ff75f6c3189`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ff75f6c3189) - [ux]
Checkbox now uses grid layout in order to position the hidden checkbox over the area where the
icon is. This improves the virtual cursor for screen readers while also meaning that modifier keys
used when clicking the checkbox work."
## 12.3.13
### Patch Changes
- Updated dependencies
## 12.3.12
### Patch Changes
- [#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
## 12.3.11
### Patch Changes
- Updated dependencies
## 12.3.10
### Patch Changes
- Updated dependencies
## 12.3.9
### Patch Changes
- Updated dependencies
## 12.3.8
### Patch Changes
- [#18526](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18526)
[`5d27b03c5cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5d27b03c5cf) - Styles
have been rewritten in preparation for migration to compiled.
- Updated dependencies
## 12.3.7
### Patch Changes
- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752)
[`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Updates
usage of deprecated token names so they're aligned with the latest naming conventions. No UI or
visual changes
- Updated dependencies
## 12.3.6
### Patch Changes
- Updated dependencies
## 12.3.5
### Patch Changes
- [#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
## 12.3.4
### Patch Changes
- Updated dependencies
## 12.3.3
### Patch Changes
- Updated dependencies
## 12.3.2
### Patch Changes
- Updated dependencies
## 12.3.1
### Patch Changes
- [#13864](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13864)
[`6e2231d4609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6e2231d4609) - Checkbox
no longer creates an empty `<span/>` element next to the input if no label is provided.
- Updated dependencies
## 12.3.0
### Minor Changes
- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302)
[`fe79d66ea34`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe79d66ea34) -
Instruments checkbox with the new tokens api. This will continue to work alongside the existing
theming implementation. No visual changes
### Patch Changes
- [`b6b4c4100cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b6b4c4100cd) - Updates
high contrast css declarations to use system color tokens + generic media query
- [`2d7cc544696`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2d7cc544696) - Updates
token usage to match the latest token set
- Updated dependencies
## 12.2.2
### Patch Changes
- [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837)
[`18c128f6b73`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18c128f6b73) - [ux] Fix
bug in which modified click events (e.g. Ctrl+Click) would not get passed down to the underlying
input element in Firefox.
- Updated dependencies
## 12.2.1
### Patch Changes
- [#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`.
## 12.2.0
### Minor Changes
- [#12328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12328)
[`987e2fc4ddd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/987e2fc4ddd) - Add
configuration to eslint rule label-has-associated-control
### Patch Changes
- [`3c67db1a6e9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c67db1a6e9) - Fix for
checkbox to account for a change in the @atlaskit/icon API
- Updated dependencies
## 12.1.3
### Patch Changes
- [#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`
## 12.1.2
### Patch Changes
- [#11584](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11584)
[`37324ccc750`](https://bitbucket.org/atlassian/atlassian-frontend/commits/37324ccc750) - Fix
styling error causing rendering errors in iOS Safari, and focus rings in Firefox
## 12.1.1
### Patch Changes
- [#10230](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10230)
[`a99925b1634`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a99925b1634) - Added
styles for edge high contrast modes (black on white and white on black)
- Updated dependencies
## 12.1.0
### Minor Changes
- [#9510](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9510)
[`02a0cdbd98b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02a0cdbd98b) - Added
aria-invalid to checkbox input which corresponds the isInvalid prop
## 12.0.2
### Patch Changes
- [#9083](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9083)
[`e0278312c57`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e0278312c57) - Checkbox
now uses the new `SVG` component from @atlaskit/icon.
- Updated dependencies
## 12.0.1
### Patch Changes
- [#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.
- [`08c1f789a45`](https://bitbucket.org/atlassian/atlassian-frontend/commits/08c1f789a45) - [ux]
Fixes flickering when transitioning to and from indeterminate states
## 12.0.0
### Major Changes
- [#6571](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/6571)
[`ee02ee0aaa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ee02ee0aaa) In this
version, we made `Checkbox` dramatically faster and more lightweight 😍
### Changes
In `12.0.0` we improved the performance of `Checkbox` by making it more similar to a native checkbox
and removing performance-heavy API.
### Overrides
`overrides` is an API that allowed extreme customisation flexibility. Previously you could customise
the css and attributes of 6 internal components or replace the component entirely.
```
<Checkbox
overrides={{
IconWrapper: {
cssFn: defaultStyles => {
...defaultStyles,
transition: 'all 0.3 cubic-bezier',
},
component: SomeCustomComponent,
attributes: { 'data-custom': true }
}
}}
/>
```
This proved to be a significant performance problem even if you weren't using the API. It also
exposes internal structure as external API which prevents us from changing the structure and
improving the component. We found that not many consumers were using `overrides` so we decided to
benefit all consumers of `Checkbox` we have removed `overrides` from the package. If you are using
`overrides` and we haven't already been in contact with you, contact the design system team for
assistance in migrating away from it.
### Theming
`theme` is another API that allows you to customise the appearance of `Checkbox`. Theming could
previously be used to customise the various colours, spacing and sizes used in `Checkbox`. Much like
`overrides` there was minimal usage of this API and it was identified to have a negative performance
impact regardless of whether it was used.
We decided to also remove this API to benefit all consumers of `Checkbox`. If you would like to
continue customising checkbox there are now two ways of doing this. `Checkbox` now spreads any
`HTMLInputAttribute` onto the checkbox input. Therefore you can put a `className` on the checkbox
input and target the svg that is actually being shown, in the exact same way that we target the svg
based off checkbox styles. For example,
```
import React from 'react';
import { css } from '@emotion/core';
import { Checkbox } from '@atlaskit/checkbox;
export default function CustomStyleExample() {
return (
<Checkbox
label="Custom style checkbox"
css={css`
& + svg {
margin-left: -2px;
}
`}
/>
)
}
```
You can also customise the size of the `Checkbox` with the size prop.
```
import React from 'react';
import { Checkbox } from '@atlaskit/Checkbox';
export default function LargeSizeExample() {
return (
<Checkbox
defaultChecked
value="Large checkbox"
label="Large checkbox"
name="checkbox-basic"
size="large"
testId="large"
/>
);
}
```
Note that `Checkbox` still supports the light mode / dark mode global token. Along with this change
we have removed the exports `ComponentTokens` and `ThemeFn` from `Checkbox` as they can no longer be
used with the removal of `theme`.
### Other changes
- Previously all interaction styles were generated in JS using events, causing unnecessary and slow
rerenders for actions like hovering and focusing. Now all styles for the `Checkbox` are applied
using css selectors.
- To generate less dom elements we have removed the dependency on `@atlaskit/icon` and instead
changed to an `svg` that can be customised to be the default checkbox or the indeterminate
checkbox. This `svg` is styled from the input element with the sibling selector.
- The disabled state of `Checkbox` previously had no border. This was not intentional and now
`Checkbox` has a 2px border when it is disabled, this is consistent with all other states of
`Checkbox`.
- `CheckboxProps` now extends `HTMLInputAttribute` which means you can pass any input attribute as a
prop onto `Checkbox`.
- Changed the `inputRef` prop to be `ref` which returns the `ref` of the checkbox input using
`forwardRef`. This new `ref` prop will accept the type of the old `inputRef` prop,
`(input?: HTMLInputElement) => any`, as well as if `ref` is created with `createRef`.
- Removed the prop `isFullWidth` as it did not do anything.
- Updated the entry point to only export `Checkbox` and `CheckboxProps`. `Checkbox` can now be a
named or default import. As the old entry point allowed access to every export at the base level
these exports have now been removed; `ComponentTokens`, `ThemeFn`, `CheckboxWithoutAnalytics`,
`CheckboxIcon` as well as all exported types.
- Changed indeterminate checkboxes to set `aria-checked` to be `mixed`.
### Automatic upgrading
There is a codemod that assists you in upgrading most of the changes from above.
- Removes `isFullWidth`, `theme` and `overrides` prop.
- Shifts over usages of `inputRef` to `ref`
- Removes imports of `ComponentTokens` and `ThemeFn`.
- Changes imports of `CheckboxProps` to be at the base level.
- Changes imports of `CheckboxWithoutAnalytics` to import `Checkbox` at the base level.
```
# You first need to have the latest `Checkbox` installed before you can run the codemod
yarn upgrade @atlaskit/checkbox@^12.0.0
# Run the codemod cli
# Pass in a parser for your codebase
npx @atlaskit/codemod-cli /path/to/target/directory --parser [tsx | flow | babel]
```
### Patch Changes
- [`c7604cdf02`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c7604cdf02) - In
`12.0.0` the `checkbox` input accidentally changed vertical alignment from `top` to `center`. This
had a visual impact when you had a checkbox label the spanned multiple lines. This changes the
vertical alignment of the `checkbox` input back to `top`.
- [`6cb7f0c5e5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6cb7f0c5e5) - Patch fix
to make the svg not shrink and give Checkbox a display name.
## 11.0.8
### Patch Changes
- [#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
## 11.0.7
### Patch Changes
- [#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 Also add `typescript` to
`devDependencies` to denote version that the package was built with.
## 11.0.6
### Patch Changes
- Updated dependencies
## 11.0.5
### Patch Changes
- [#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
## 11.0.4
### Patch Changes
- [#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
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.3
### Patch Changes
- [#3823](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3823)
[`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the
'lodash' package instead of single-function 'lodash.\*' packages
- [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form
elements now have a default font explicitly set
## 11.0.2
### Patch Changes
- [#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.
## 11.0.1
### Patch Changes
- [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428)
[`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all
the theme imports to be tree-shakable
## 11.0.0
### Major Changes
- [#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
### Patch Changes
- Updated dependencies
## 10.1.14
### Patch Changes
- [#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
## 10.1.13
### Patch Changes
- [#2137](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2137)
[`54d82b49f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54d82b49f0) - Remove
unused dependencies
## 10.1.12
### Patch Changes
- Updated dependencies
## 10.1.11
### Patch Changes
- [patch][68ff159118](https://bitbucket.org/atlassian/atlassian-frontend/commits/68ff159118):
Change imports to comply with Atlassian conventions- Updated dependencies
[6b8e60827e](https://bitbucket.org/atlassian/atlassian-frontend/commits/6b8e60827e):
- Updated dependencies
[449ef134b3](https://bitbucket.org/atlassian/atlassian-frontend/commits/449ef134b3):
- Updated dependencies
[57c0487a02](https://bitbucket.org/atlassian/atlassian-frontend/commits/57c0487a02):
- Updated dependencies
[0059d26429](https://bitbucket.org/atlassian/atlassian-frontend/commits/0059d26429):
- Updated dependencies
[fd41d77c29](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd41d77c29):
- @atlaskit/button@13.3.11
- @atlaskit/icon@20.1.1
- @atlaskit/form@7.2.1
- @atlaskit/webdriver-runner@0.3.4
## 10.1.10
### Patch Changes
- Updated dependencies
[66dcced7a0](https://bitbucket.org/atlassian/atlassian-frontend/commits/66dcced7a0):
- Updated dependencies
[fd5292fd5a](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd5292fd5a):
- Updated dependencies
[64fb94fb1e](https://bitbucket.org/atlassian/atlassian-frontend/commits/64fb94fb1e):
- Updated dependencies
[fd5292fd5a](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd5292fd5a):
- Updated dependencies
[eea5e9bd8c](https://bitbucket.org/atlassian/atlassian-frontend/commits/eea5e9bd8c):
- Updated dependencies
[fd5292fd5a](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd5292fd5a):
- Updated dependencies
[109c1a2c0a](https://bitbucket.org/atlassian/atlassian-frontend/commits/109c1a2c0a):
- Updated dependencies
[c57bb32f6d](https://bitbucket.org/atlassian/atlassian-frontend/commits/c57bb32f6d):
- @atlaskit/docs@8.4.0
- @atlaskit/icon@20.1.0
- @atlaskit/webdriver-runner@0.3.0
- @atlaskit/button@13.3.9
- @atlaskit/form@7.1.5
- @atlaskit/section-message@4.1.7
## 10.1.9
### Patch Changes
- Updated dependencies
[e3f01787dd](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3f01787dd):
- @atlaskit/webdriver-runner@0.2.0
- @atlaskit/button@13.3.8
- @atlaskit/form@7.1.4
- @atlaskit/section-message@4.1.6
## 10.1.8
### Patch Changes
- [patch][c1992227dc](https://bitbucket.org/atlassian/atlassian-frontend/commits/c1992227dc):
Bump to lodash.merge to 4.6.2- Updated dependencies
[eaad41d56c](https://bitbucket.org/atlassian/atlassian-frontend/commits/eaad41d56c):
- Updated dependencies
[c12ba5eb3e](https://bitbucket.org/atlassian/atlassian-frontend/commits/c12ba5eb3e):
- Updated dependencies
[0603860c07](https://bitbucket.org/atlassian/atlassian-frontend/commits/0603860c07):
- @atlaskit/form@7.1.3
- @atlaskit/icon@20.0.2
## 10.1.7
### Patch Changes
- [patch][6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
[6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
- @atlaskit/docs@8.3.2
- @atlaskit/visual-regression@0.1.9
- @atlaskit/analytics-next@6.3.5
- @atlaskit/button@13.3.7
- @atlaskit/form@7.1.2
- @atlaskit/icon@20.0.1
- @atlaskit/section-message@4.1.5
- @atlaskit/theme@9.5.1
## 10.1.6
### Patch Changes
- Updated dependencies
[c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
- @atlaskit/icon@20.0.0
- @atlaskit/form@7.1.1
- @atlaskit/section-message@4.1.4
- @atlaskit/docs@8.3.1
- @atlaskit/button@13.3.6
## 10.1.5
### Patch Changes
- [patch][4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
Removes babel/runtime from dependencies. Users should see a smaller bundlesize as a result-
[patch][6a8bc6f866](https://bitbucket.org/atlassian/atlassian-frontend/commits/6a8bc6f866):
Fixes an issue where focus rings and borders were not appearing as expected on some checkboxes-
Updated dependencies
[28f8f0e089](https://bitbucket.org/atlassian/atlassian-frontend/commits/28f8f0e089):
- Updated dependencies
[82747f2922](https://bitbucket.org/atlassian/atlassian-frontend/commits/82747f2922):
- Updated dependencies
[4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
- @atlaskit/icon@19.1.0
- @atlaskit/theme@9.5.0
- @atlaskit/button@13.3.5
- @atlaskit/section-message@4.1.3
## 10.1.4
### Patch Changes
- [patch][24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
Form has been converted to Typescript. TypeScript consumers will now get static type safety. Flow
types are no longer provided. No API changes.-
[patch][24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
fixes disabled checkbox not having correct cursor when hovering over icons- Updated dependencies
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
- Updated dependencies
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
- Updated dependencies
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
- Updated dependencies
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
- @atlaskit/analytics-next@6.3.3
- @atlaskit/form@7.0.0
## 10.1.3
### Patch Changes
- [patch][d222c2b987](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d222c2b987):
Theme has been converted to Typescript. Typescript consumers will now get static type safety. Flow
types are no longer provided.
### Breaking
** getTokens props changes ** When defining the value function passed into a ThemeProvider, the
getTokens parameter cannot be called without props; if no props are provided an empty object `{}`
must be passed in:
```javascript
<CustomTheme.Provider
value={t => ({ ...t(), backgroundColor: '#333'})}
>
```
becomes:
```javascript
<CustomTheme.Provider
value={t => ({ ...t({}), backgroundColor: '#333'})}
>
```
** Color palette changes ** Color palettes have been moved into their own file. Users will need to
update imports from this:
```javascript
import { colors } from '@atlaskit/theme';
colors.colorPalette('8');
```
to this:
```javascript
import { colorPalette } from '@atlaskit/theme';
colorPalette.colorPalette('8');
```
or for multi entry-point users:
```javascript
import * as colors from '@atlaskit/theme/colors';
colors.colorPalette('8');
```
to this:
```javascript
import * as colorPalettes from '@atlaskit/theme/color-palette';
colorPalettes.colorPalette('8');
```
## 10.1.2
### Patch Changes
- [patch][35d2229b2a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/35d2229b2a):
Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.
## 10.1.1
### Patch Changes
- [patch][a2d0043716](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a2d0043716):
Updated version of analytics-next to fix potential incompatibilities with TS 3.6
## 10.1.0
### Minor Changes
- [minor][f22f6e1e4f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f22f6e1e4f):
Adding an optional prop `testId` that will set the attribute value `data-testid`. It will help
products to write better integration and end to end tests.
## 10.0.0
### Major Changes
- [major][97bab7fd28](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/97bab7fd28):
`@atlaskit/checkbox` **10.x** includes the following changes:
- Replaced previous theme implementation with new `@atlaskit/theme` v2 implementation
- Please read more about this implementation in the
[theming guide](https://atlaskit.atlassian.com/packages/core/theme/docs/theming-guide)
- Added `overrides` prop which enables targeted customisations of key components in the
@atlaskit/checkbox package.
- Please read more about this implementation in the
[overrides guide](https://atlaskit.atlassian.com/packages/core/theme/docs/overrides-guide)
### Breaking Changes
**HiddenCheckbox and spread props**
Passing props to the `<Checkbox/>` component for them to be spread onto the underlying
`<HiddenCheckbox/>` component is now **no longer possible**. `@atlaskit/checkbox` still supports
passing props down to the `<HiddenCheckbox/>` component, however we've opted to make this
behaviour more explicit.
Whereas previously you would do this:
```js
<Checkbox
...supportedCheckboxProps
'data-testid'='test-checkbox'
/>
```
Now you would leverage the overrides prop to pass these props down to the `<HiddenCheckbox/>`
component like so:
```js
<Checkbox
...supportedCheckboxProps
overrides={{
HiddenCheckbox:{
attributesFn: () => ({ 'data-testid': 'test-checkbox' })
}
}}
/>
```
## 9.0.9
### Patch Changes
- [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/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.8
### Patch Changes
- [patch][ecca4d1dbb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ecca4d1dbb):
Upgraded Typescript to 3.3.x
## 9.0.7
### Patch Changes
- [patch][708028db86](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/708028db86):
Change all the imports to theme in Core to use multi entry points
## 9.0.6
### Patch Changes
- [patch][de35ce8c67](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/de35ce8c67):
Updates component maintainers
## 9.0.5
### Patch Changes
- [patch][926b43142b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/926b43142b):
Analytics-next has been converted to Typescript. Typescript consumers will now get static type
safety. Flow types are no longer provided. No behavioural changes.
**Breaking changes**
- `withAnalyticsForSumTypeProps` alias has been removed, please use `withAnalyticsEvents`
- `AnalyticsContextWrappedComp` alias has been removed, please use `withAnalyticsContext`
**Breaking changes to TypeScript annotations**
- `withAnalyticsEvents` now infers proptypes automatically, consumers no longer need to provide
props as a generic type.
- `withAnalyticsContext` now infers proptypes automatically, consumers no longer need to provide
props as a generic type.
- Type `WithAnalyticsEventProps` has been renamed to `WithAnalyticsEventsProps` to match source
code
- Type `CreateUIAnalyticsEventSignature` has been renamed to `CreateUIAnalyticsEvent` to match
source code
- Type `UIAnalyticsEventHandlerSignature` has been renamed to `UIAnalyticsEventHandler` to match
source code
- Type `AnalyticsEventsPayload` has been renamed to `AnalyticsEventPayload`
- Type `ObjectType` has been removed, please use `Record<string, any>` or `[key: string]: any`
- Type `UIAnalyticsEventInterface` has been removed, please use `UIAnalyticsEvent`
- Type `AnalyticsEventInterface` has been removed, please use `AnalyticsEvent`
- Type `CreateAndFireEventFunction` removed and should now be inferred by TypeScript
- Type `AnalyticsEventUpdater` removed and should now be inferred by TypeScript
## 9.0.4
### Patch Changes
- [patch][9f8ab1084b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9f8ab1084b):
Consume analytics-next ts type definitions as an ambient declaration.
## 9.0.3
### Patch Changes
- [patch][bbff8a7d87](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/bbff8a7d87):
Fixes bug, missing version.json file
## 9.0.2
### Patch Changes
- [patch][18dfac7332](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/18dfac7332):
In this PR, we are:
- Re-introducing dist build folders
- Adding back cjs
- Replacing es5 by cjs and es2015 by esm
- Creating folders at the root for entry-points
- Removing the generation of the entry-points at the root Please see this
[ticket](https://product-fabric.atlassian.net/browse/BUILDTOOLS-118) or this
[page](https://hello.atlassian.net/wiki/spaces/FED/pages/452325500/Finishing+Atlaskit+multiple+entry+points)
for further details
## 9.0.1
### Patch Changes
- [patch][d0db01b410](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d0db01b410):
TypeScript users of withAnalyticsEvents and withAnalyticsContext are now required to provide props
as a generic type. This is so that TypeScript can correctly calculate the props and defaultProps
of the returned component.
Before:
```typescript
withAnalyticsEvents()(Button) as ComponentClass<Props>;
```
After:
```typescript
withAnalyticsEvents<Props>()(Button);
```
## 9.0.0
### Major Changes
- [major][87a2638655](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/87a2638655):
Replaced `styled-components` with `emotion 10` as part of Atlaskit-wide conversion process.
**No changes to styling or API**; only a breaking change if checkbox is being styled using the
styled-components `styled` function or via the styled-components theming library.
## 8.0.5
- Updated dependencies
[06326ef3f7](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/06326ef3f7):
- @atlaskit/docs@8.1.3
- @atlaskit/button@13.0.9
- @atlaskit/form@6.1.1
- @atlaskit/section-message@4.0.5
- @atlaskit/icon@19.0.0
## 8.0.4
### Patch Changes
- [patch][9c404c7c44](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9c404c7c44):
Using updated icons
## 8.0.3
### Patch Changes
- [patch][9c80ef7539](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9c80ef7539):
The update to node 10 reveals that unknown type is breaking the extract react types. I had to
replace unknown type by any
## 8.0.2
- Updated dependencies
[cfc3c8adb3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cfc3c8adb3):
- @atlaskit/docs@8.1.2
- @atlaskit/button@13.0.8
- @atlaskit/form@6.0.5
- @atlaskit/section-message@4.0.2
- @atlaskit/icon@18.0.0
## 8.0.1
### Patch Changes
- [patch][c67483c207](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c67483c207):
Fixed a scrollbar bug with checkboxes
## 8.0.0
- [major][70862830d6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/70862830d6):
- Checkbox has been converted to Typescript. Typescript consumers will now get static type safety.
Flow types are no longer provided. No API or behavioural changes.
## 7.0.1
- Updated dependencies
[6dd86f5b07](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6dd86f5b07):
- @atlaskit/form@6.0.2
- @atlaskit/icon@17.1.1
- @atlaskit/theme@9.0.2
- @atlaskit/section-message@4.0.0
## 7.0.0
- [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/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.
## 6.0.4
- Updated dependencies
[9c0b4744be](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9c0b4744be):
- @atlaskit/docs@7.0.3
- @atlaskit/button@12.0.3
- @atlaskit/form@5.2.7
- @atlaskit/icon@16.0.9
- @atlaskit/section-message@2.0.3
- @atlaskit/theme@8.1.7
## 6.0.3
- Updated dependencies
[1e826b2966](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e826b2966):
- @atlaskit/docs@7.0.2
- @atlaskit/analytics-next@4.0.3
- @atlaskit/form@5.2.5
- @atlaskit/icon@16.0.8
- @atlaskit/section-message@2.0.2
- @atlaskit/theme@8.1.6
- @atlaskit/button@12.0.0
## 6.0.2
- [patch][98e11001ff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/98e11001ff):
- Removes duplicate babel-runtime dependency
## 6.0.1
- Updated dependencies
[9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
- @atlaskit/docs@7.0.1
- @atlaskit/analytics-next@4.0.1
- @atlaskit/form@5.2.1
- @atlaskit/icon@16.0.5
- @atlaskit/section-message@2.0.1
- @atlaskit/theme@8.0.1
- @atlaskit/button@11.0.0
## 6.0.0
- [major][76299208e6](https://bitbucket.org/atlassian/atlaskit-mk-