• Updated dependencies

• bd2c5b0112185, (opens new window) - Remove stale API report artifacts from published Platform packages.

• Updated dependencies

• 695fcbc68ad47, (opens new window) - Experimental React 19 peer dependency support. This patch widens the peer range; CI coverage is partial.
• Updated dependencies

• d82e6f76528ab, (opens new window) - Add direct subpath package exports as part of the linking-platform, search, media, and design-system barrel-removal (de-barrel) migration.

  These packages now expose their individual modules via explicit package.json exports subpaths so that consumers can import directly from the leaf module (e.g. @atlaskit/pkg/thing) instead of the package barrel/index. This adds new public entry points without changing or removing any existing exports, so it is a backwards-compatible additive change.

  No runtime behaviour changes; this is an API-surface (entry-point) addition to support tree-shaking and to unblock removal of the barrel index files.

• Updated dependencies

• 48e7d03469b80, (opens new window) - Apply Volt entry-point and barrel-removal standards across these design-system packages. Public exports now resolve directly to ./src/* implementations instead of intermediate ./src/entry-points/* re-exports, root barrels and remaining entry-point shims are marked deprecated in favour of per-export subpaths, and a few new subpaths are added (@atlaskit/badge/badge-new, @atlaskit/tile/tile-skeleton, @atlaskit/popper/main, @atlaskit/section-message/message, @atlaskit/section-message/message-action).

  Why this is breaking

  Subpaths and the package root can now resolve to the same module instance. Consumers that deep-imported entry-points/*, or jest.mock()'d a specific subpath may need updates. @atlaskit/image's root export now points at ./src/ui/image/index.tsx. @atlaskit/checkbox/checkbox now exports a named Checkbox from the implementation module (default export retained for backwards compatibility).

  Migration

  Prefer published subpaths over the package root:

  import { Checkbox } from '@atlaskit/checkbox/checkbox'; import TextField from '@atlaskit/textfield/text-field'; import Popup from '@atlaskit/popup/popup'; import SectionMessage from '@atlaskit/section-message/message'; import EmptyState from '@atlaskit/empty-state/empty-state';

  If you imported through internal entry-point modules, switch to the public subpath:

  -import Checkbox from '@atlaskit/checkbox/entry-points/checkbox'; +import { Checkbox } from '@atlaskit/checkbox/checkbox';

• Updated dependencies

• Updated dependencies

• c98e0cf5cc4f6, (opens new window) - Autofix: add explicit package exports (barrel removal)

• cd097a2111788, (opens new window) - Republish packages depending on @atlaskit/react-compiler-gating so their published dependency reference is updated to the renamed @atlaskit/react-compiler-gating scope.

  The earlier rename of @atlassian/react-compiler-gating to @atlaskit/react-compiler-gating only bumped the renamed package itself, so dependent packages were never republished and their published versions still referenced the old @atlassian/react-compiler-gating name, which is not available in the public npm registry. This minor bump republishes all affected packages with the corrected dependency.

• Updated dependencies

• ee28cf33718b0, (opens new window) - Add @atlaskit/react-compiler-gating as a runtime dependency to enable React Compiler platform gating.
• Updated dependencies

• f2dc9097319f0, (opens new window) - ### Dropped support for legacy Typescript 4 types. Typescript 5 is now the new minimum.

  Removes the typesVersions property and dist/types-ts4.5 directory from the dist.

  Types are now exclusively via the "types": "dist/types/index.d.ts" property.

  - "typesVersions": { - ">=4.5 <4.9": { - "*": [ - "dist/types-ts4.5/*", - "dist/types-ts4.5/index.d.ts" - ] - } - },

• Updated dependencies

• Updated dependencies

• Updated dependencies

• 02483200273ec, (opens new window) - Enrol all Design System UI packages into the React Compiler with platform gating via isReactCompilerActivePlatform.
• Updated dependencies

• 22bf79dbdcdca, (opens new window) - Internal changes to remove unnecessary token fallbacks and imports from @atlaskit/theme

• f1383e3821070, (opens new window) - Removes internal barrel file

• 7aef1e49e90ea, (opens new window) - Removes redundant fallback color values via @atlaskit/theme

• Updated dependencies

• 03f794ce20f2f, (opens new window) - Clean up and removal of the platform-checkbox-atomic-styles feature gate.

• Updated dependencies

• bfa01f2ed5c65, (opens new window) - Internal only CSS refactor to eliminate nested CSS selectors (specifically sibling combinators like & + svg) in favor of an atomic-friendly styling approach using CSS custom properties. This change is behind the platform-checkbox-atomic-styles feature gate.

• Updated dependencies

• Updated dependencies

• 00e69e0b7c839, (opens new window) - Clean up and removal of the platform-visual-refresh-icons feature flag.

• Updated dependencies

• 3503d88dece46, (opens new window) - Removing feature flag with changing internal use of custom icons.

• Updated dependencies

• b867e641d818d, (opens new window) - Updated border radius values behind a feature gate platform-dst-shape-theme-default.

• a60a82196851a, (opens new window) - Internal refactors to remove unused variables. No functional or public changes.
• Updated dependencies

• 4a5c758f659f7, (opens new window) - Changing internal use of SVG icons behind a feature flag.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• 437668dfbdec9, (opens new window) - Add explicit types to a number of DST components
• Updated dependencies

• f0662cd7a143e, (opens new window) - Internal changes to how borders are applied.
• Updated dependencies

• Updated dependencies

• 74c2f420ee49b, (opens new window) - Internal changes to how border radius is applied.
• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• #152680, (opens new window) 21585471cb6c1, (opens new window) - Internal refactoring to use cssMap instead of css

• Updated dependencies

• #142856, (opens new window) 578fbeefd6128, (opens new window) - Remove feature flag to allow new controls

• Updated dependencies

• #127093, (opens new window) 1378ea7a99ce1, (opens new window) - Upgrades jscodeshift to handle generics properly.
• Updated dependencies

• #129972, (opens new window) b2d69a39e6687, (opens new window) - Update @compiled/react dependency for improved type checking support.
• Updated dependencies

• Updated dependencies

• Updated dependencies

• #117762, (opens new window) 424fded960a12, (opens new window) - 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, (opens new window).

• #117363, (opens new window) 10a0f7f6c2027, (opens new window) - 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, (opens new window)

• Updated dependencies

• #116138, (opens new window) b50c5d5d65ae2, (opens new window) - Bump to the latest version of @compiled/react

• Updated dependencies

• Updated dependencies

• #114285, (opens new window) 7401cbc8ec943, (opens new window) - Remove old codemod.

• Updated dependencies

• #109060, (opens new window) 4660ec858a305, (opens new window) - Update React from v16 to v18

• Updated dependencies

• #105597, (opens new window) 8713842724537, (opens new window) - Update dependencies and remove unused internal exports.

• #103999, (opens new window) 9f62ecec4d422, (opens new window) - Update dependencies.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• #166921, (opens new window) 9875764c197bb, (opens new window) - Update checkbox to match new icon styles behind feature flag.

• #166026, (opens new window) 962b5e77810fb, (opens new window) - Adds side-effect config to support Compiled css extraction in third-party apps

• #154669, (opens new window) 20db78434becd, (opens new window) - Bump to the latest version of @compiled/*

• Updated dependencies

• #153563, (opens new window) c30346996e058, (opens new window) - Removes size prop from checkbox, using the default "medium" size for all checkboxes. There is a codemod included that removes this prop for you.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• #136677, (opens new window) d0453c21aafb7, (opens new window) - 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.

• Updated dependencies

• #127511, (opens new window) db30e29344013, (opens new window) - 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.

• Updated dependencies

• Updated dependencies

• #126756, (opens new window) be7f8b7ab5827, (opens new window) - Accessibility changes. Removed aria-checked attribute, and set indeterminate to true if nested checkbox is checked.

• #118186, (opens new window) 14393c5775a1c, (opens new window) - Remove unused extract-react-types files.

• Updated dependencies

• #111878, (opens new window) 223959ef57c80, (opens new window) - Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime is implicitly set to automatic.

• Updated dependencies

• #103698, (opens new window) 413b5201c8fe, (opens new window) - Introduce the bounded xcss prop.

• #94675, (opens new window) 5d9e1dccacca, (opens new window) - [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

• Updated dependencies

• #96187, (opens new window) 53443aace88d, (opens new window) - Add support for React 18 in non-strict mode.

• #89923, (opens new window) 32bc9f9f09b3, (opens new window) - Internal changes to typography, no visual change.

• #84905, (opens new window) f03cb7163ffc, (opens new window) - Fixes a bug with input focus styles.

• #83297, (opens new window) 6b1707c169e0, (opens new window) - The internal composition of this component has changed. There is no expected change in behaviour.

• #83116, (opens new window) 8d4e99057fe0, (opens new window) - Upgrade Typescript from 4.9.5 to 5.4.2

• #81644, (opens new window) 8ab7a816dca7, (opens new window) - Revert input border change from the previous version

• #80805, (opens new window) 427c2dd9e0d6, (opens new window) - [ux] update border with from 2px to 1px with darker color to meet 3:1 color contrast for accessibility improvement

• Updated dependencies

• #78598, (opens new window) cabae83473c3, (opens new window) - [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.

• Updated dependencies

• #41760, (opens new window) 909e4a30fe7, (opens new window) - Removed all remaining legacy theming logic from the Blanket, Breadcrumbs and Checkbox components.

• #38875, (opens new window) b580abfbc29, (opens new window) - Remove onClick from checkbox label

• #38731, (opens new window) 9af31f3c1ae, (opens new window) - Delete version.json

• #38201, (opens new window) 356d6ebed05, (opens new window) - This package is now onboarded onto the product push model.

• #37615, (opens new window) ba0a43d8ccc, (opens new window) - [ux] update focused color fallback to meet contrast requirement

• #37452, (opens new window) 9cc3b8d1902, (opens new window) - chore(checkbox): use new feature flag for border contrast

• #36754, (opens new window) 4ae083a7e66, (opens new window) - Use @af/accessibility-testing for default jest-axe config and jest-axe import in accessibility testing.

• #36666, (opens new window) 3958636a718, (opens new window) - update border width with border spacing token

• #35111, (opens new window) 8f436f0c301, (opens new window) - extend border contrast feature flag to support confluence

• #34051, (opens new window) 49b08bfdf5f, (opens new window) - Migrated use of gridSize to space tokens where possible. There is no expected visual or behaviour change.

• #33793, (opens new window) 9d00501a414, (opens new window) - Ensure legacy types are published for TS 4.5-4.8

• #33649, (opens new window) 41fae2c6f68, (opens new window) - Upgrade Typescript from 4.5.5 to 4.9.5

• #33335, (opens new window) 8d0fd2d3f6c, (opens new window) - [ux] reduce stroke width from 2px to 1px with new color to meet contrast requirement

• #33258, (opens new window) 56507598609, (opens new window) - Skip minor dependency bump

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• #27738, (opens new window) ed1b0fd2c2d, (opens new window) - [ux] Removes redundant whitespace from checkbox when no visual label is applied - eg when an aria-label or id is used instead.

• Updated dependencies

• #24710, (opens new window) 0944c0e7eed, (opens new window) - Updates @emotion/core to @emotion/react; v10 to v11. There is no expected behavior change.

• Updated dependencies

• #24874, (opens new window) 8cc2f888c83, (opens new window) - Upgrade Typescript from 4.3.5 to 4.5.5

• #24492, (opens new window) 8d4228767b0, (opens new window) - Upgrade Typescript from 4.2.4 to 4.3.5.

• #23381, (opens new window) fe575d49d66, (opens new window) - Updated styles to use new input design tokens
• Updated dependencies

• #23299, (opens new window) 90e89e12034, (opens new window) - [ux] Updated colors to use appropriate tokens

• #23179, (opens new window) f55cf469372, (opens new window) - Added id property to the checkbox label for compatibility with aria-labelledby

• Updated dependencies

• #22130, (opens new window) ff75f6c3189, (opens new window) - [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."

• Updated dependencies

• #20650, (opens new window) cb2392f6d33, (opens new window) - Upgrade to TypeScript 4.2.4

• Updated dependencies

• Updated dependencies

• Updated dependencies

• #18526, (opens new window) 5d27b03c5cf, (opens new window) - Styles have been rewritten in preparation for migration to compiled.
• Updated dependencies

• #16752, (opens new window) 19d72473dfb, (opens new window) - Updates usage of deprecated token names so they're aligned with the latest naming conventions. No UI or visual changes
• Updated dependencies

• Updated dependencies

• #15998, (opens new window) f460cc7c411, (opens new window) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• #13864, (opens new window) 6e2231d4609, (opens new window) - Checkbox no longer creates an empty <span/> element next to the input if no label is provided.
• Updated dependencies

• #13302, (opens new window) fe79d66ea34, (opens new window) - Instruments checkbox with the new tokens api. This will continue to work alongside the existing theming implementation. No visual changes

• b6b4c4100cd, (opens new window) - Updates high contrast css declarations to use system color tokens + generic media query
• 2d7cc544696, (opens new window) - Updates token usage to match the latest token set
• Updated dependencies

• #12837, (opens new window) 18c128f6b73, (opens new window) - [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

• #12880, (opens new window) 378d1cef00f, (opens new window) - Bump @atlaskit/theme to version ^11.3.0.

• #12328, (opens new window) 987e2fc4ddd, (opens new window) - Add configuration to eslint rule label-has-associated-control

• 3c67db1a6e9, (opens new window) - Fix for checkbox to account for a change in the @atlaskit/icon API
• Updated dependencies

• #12167, (opens new window) d6f7ff383cf, (opens new window) - Updates to development dependency storybook-addon-performance

• #11584, (opens new window) 37324ccc750, (opens new window) - Fix styling error causing rendering errors in iOS Safari, and focus rings in Firefox

• #10230, (opens new window) a99925b1634, (opens new window) - Added styles for edge high contrast modes (black on white and white on black)
• Updated dependencies

• #9510, (opens new window) 02a0cdbd98b, (opens new window) - Added aria-invalid to checkbox input which corresponds the isInvalid prop

• #9083, (opens new window) e0278312c57, (opens new window) - Checkbox now uses the new SVG component from @atlaskit/icon.
• Updated dependencies

• #8644, (opens new window) 79c23df6340, (opens new window) - Use injected package name and version for analytics instead of version.json.
• 08c1f789a45, (opens new window) - [ux] Fixes flickering when transitioning to and from indeterminate states

• #6571, (opens new window) ee02ee0aaa, (opens new window) In this version, we made Checkbox dramatically faster and more lightweight 😍

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 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.

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.

• 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.

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]

• c7604cdf02, (opens new window) - 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, (opens new window) - Patch fix to make the svg not shrink and give Checkbox a display name.

• #5857, (opens new window) d3265f19be, (opens new window) - Transpile packages using babel rather than tsc

• #5497, (opens new window) 5f58283e1f, (opens new window) - 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, (opens new window) Also add typescript to devDependencies to denote version that the package was built with.

• Updated dependencies

• #4707, (opens new window) 6360c46009, (opens new window) - Reenable integration tests for Edge browser

• #3885, (opens new window) 6c525a8229, (opens new window) - 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.

• #3823, (opens new window) 6262f382de, (opens new window) - Use the 'lodash' package instead of single-function 'lodash.*' packages
• e99262c6f0, (opens new window) - All form elements now have a default font explicitly set

• #3293, (opens new window) 954cc87b62, (opens new window) - The readme and package information has been updated to point to the new design system website.

• #3428, (opens new window) db053b24d8, (opens new window) - Update all the theme imports to be tree-shakable

• #3335, (opens new window) 87f4720f27, (opens new window) - 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, (opens new window)

• Updated dependencies

• #2866, (opens new window) 54a9514fcf, (opens new window) - Build and supporting files will no longer be published to npm

• #2137, (opens new window) 54d82b49f0, (opens new window) - Remove unused dependencies

• Updated dependencies

• [patch]68ff159118, (opens new window):

  Change imports to comply with Atlassian conventions- Updated dependencies 6b8e60827e, (opens new window):

• Updated dependencies 449ef134b3, (opens new window):

• Updated dependencies 57c0487a02, (opens new window):

• Updated dependencies 0059d26429, (opens new window):

• Updated dependencies fd41d77c29, (opens new window):

  • @atlaskit/button@13.3.11
  • @atlaskit/icon@20.1.1
  • @atlaskit/form@7.2.1
  • @atlaskit/webdriver-runner@0.3.4

• Updated dependencies 66dcced7a0, (opens new window):
• Updated dependencies fd5292fd5a, (opens new window):
• Updated dependencies 64fb94fb1e, (opens new window):
• Updated dependencies fd5292fd5a, (opens new window):
• Updated dependencies eea5e9bd8c, (opens new window):
• Updated dependencies fd5292fd5a, (opens new window):
• Updated dependencies 109c1a2c0a, (opens new window):
• Updated dependencies c57bb32f6d, (opens new window):
  • @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

• Updated dependencies e3f01787dd, (opens new window):
  • @atlaskit/webdriver-runner@0.2.0
  • @atlaskit/button@13.3.8
  • @atlaskit/form@7.1.4
  • @atlaskit/section-message@4.1.6

• [patch]c1992227dc, (opens new window):

  Bump to lodash.merge to 4.6.2- Updated dependencies eaad41d56c, (opens new window):

• Updated dependencies c12ba5eb3e, (opens new window):

• Updated dependencies 0603860c07, (opens new window):

  • @atlaskit/form@7.1.3
  • @atlaskit/icon@20.0.2

• [patch]6548261c9a, (opens new window):

  Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies 6548261c9a, (opens new window):

  • @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

• Updated dependencies c0102a3ea2, (opens new window):
  • @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

• [patch]4a223473c5, (opens new window):

  Removes babel/runtime from dependencies. Users should see a smaller bundlesize as a result- [patch]6a8bc6f866, (opens new window):

  Fixes an issue where focus rings and borders were not appearing as expected on some checkboxes- Updated dependencies 28f8f0e089, (opens new window):

• Updated dependencies 82747f2922, (opens new window):

• Updated dependencies 4a223473c5, (opens new window):

  • @atlaskit/icon@19.1.0
  • @atlaskit/theme@9.5.0
  • @atlaskit/button@13.3.5
  • @atlaskit/section-message@4.1.3

• [patch]24865cfaff, (opens new window):

  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, (opens new window):

  fixes disabled checkbox not having correct cursor when hovering over icons- Updated dependencies 24865cfaff, (opens new window):

• Updated dependencies 24865cfaff, (opens new window):

• Updated dependencies 24865cfaff, (opens new window):

• Updated dependencies 24865cfaff, (opens new window):

  • @atlaskit/analytics-next@6.3.3
  • @atlaskit/form@7.0.0

• [patch]d222c2b987, (opens new window):

  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:

  <CustomTheme.Provider value={t => ({ ...t(), backgroundColor: '#333'})} >

  becomes:

  <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:

  import { colors } from '@atlaskit/theme'; colors.colorPalette('8');

  to this:

  import { colorPalette } from '@atlaskit/theme'; colorPalette.colorPalette('8');

  or for multi entry-point users:

  import * as colors from '@atlaskit/theme/colors'; colors.colorPalette('8');

  to this:

  import * as colorPalettes from '@atlaskit/theme/color-palette'; colorPalettes.colorPalette('8');

• [patch]35d2229b2a, (opens new window):

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

• [patch]a2d0043716, (opens new window):

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

• [minor]f22f6e1e4f, (opens new window):

  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.

• [major]97bab7fd28, (opens new window):

  @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, (opens new window)
  • 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, (opens new window)

  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:

  <Checkbox ...supportedCheckboxProps 'data-testid'='test-checkbox' />

  Now you would leverage the overrides prop to pass these props down to the <HiddenCheckbox/> component like so:

  <Checkbox ...supportedCheckboxProps overrides={{ HiddenCheckbox:{ attributesFn: () => ({ 'data-testid': 'test-checkbox' }) } }} />

• [patch]097b696613, (opens new window):

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

• [patch]ecca4d1dbb, (opens new window):

  Upgraded Typescript to 3.3.x

• [patch]708028db86, (opens new window):

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

• [patch]de35ce8c67, (opens new window):

  Updates component maintainers

• [patch]926b43142b, (opens new window):

  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

• [patch]9f8ab1084b, (opens new window):

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

• [patch]bbff8a7d87, (opens new window):

  Fixes bug, missing version.json file

• [patch]18dfac7332, (opens new window):

  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, (opens new window) or this page, (opens new window) for further details

• [patch]d0db01b410, (opens new window):

  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:

  withAnalyticsEvents()(Button) as ComponentClass<Props>;

  After:

  withAnalyticsEvents<Props>()(Button);

• [major]87a2638655, (opens new window):

  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.

• Updated dependencies 06326ef3f7, (opens new window):
  • @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

• [patch]9c404c7c44, (opens new window):

  Using updated icons

• [patch]9c80ef7539, (opens new window):

  The update to node 10 reveals that unknown type is breaking the extract react types. I had to replace unknown type by any

• Updated dependencies cfc3c8adb3, (opens new window):
  • @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

• [patch]c67483c207, (opens new window):

  Fixed a scrollbar bug with checkboxes

• [major]70862830d6, (opens new window):
  • 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.

• Updated dependencies 6dd86f5b07, (opens new window):
  • @atlaskit/form@6.0.2
  • @atlaskit/icon@17.1.1
  • @atlaskit/theme@9.0.2
  • @atlaskit/section-message@4.0.0

• [major]7c17b35107, (opens new window):
  • 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.

• Updated dependencies 9c0b4744be, (opens new window):
  • @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

• Updated dependencies 1e826b2966, (opens new window):
  • @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

• [patch]98e11001ff, (opens new window):
  • Removes duplicate babel-runtime dependency

• Updated dependencies 9d5cc39394, (opens new window):
  • @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

• [major]76299208e6, (opens new window):

  • 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, (opens new window) (for external) if you have any questions or queries about this.

• [patch]c0ad531a70, (opens new window):
  • Added test to make use props are passed down to hidden input

• [patch]3ae465b6f0, (opens new window):
  • fix for checkbox logging error on mount

• [patch]b0153ee6c9, (opens new window):
  • Enabled the isRequired validation on checkbox and added the asterisk after the checkbox label to signify the required field

• Updated dependencies d7ef59d432, (opens new window):
  • @atlaskit/docs@6.0.1
  • @atlaskit/button@10.1.2
  • @atlaskit/section-message@1.0.16
  • @atlaskit/icon@16.0.0

• [patch]fad28be, (opens new window):
  • Fixing invalid type for checkbox id prop

• Updated dependencies 58b84fa, (opens new window):
  • @atlaskit/analytics-next@3.1.2
  • @atlaskit/button@10.1.1
  • @atlaskit/icon@15.0.2
  • @atlaskit/section-message@1.0.14
  • @atlaskit/theme@7.0.1
  • @atlaskit/docs@6.0.0

• Updated dependencies d13242d, (opens new window):
  • @atlaskit/docs@5.2.3
  • @atlaskit/button@10.0.4
  • @atlaskit/icon@15.0.1
  • @atlaskit/section-message@1.0.13
  • @atlaskit/theme@7.0.0

• Updated dependencies ab9b69c, (opens new window):
  • @atlaskit/docs@5.2.2
  • @atlaskit/button@10.0.1
  • @atlaskit/section-message@1.0.12
  • @atlaskit/icon@15.0.0

• Updated dependencies 6998f11, (opens new window):
  • @atlaskit/docs@5.2.1
  • @atlaskit/analytics-next@3.1.1
  • @atlaskit/icon@14.6.1
  • @atlaskit/section-message@1.0.11
  • @atlaskit/theme@6.2.1
  • @atlaskit/button@10.0.0

• [patch] Upgrade guide & minor flow type fixes 0be287d, (opens new window)

• [patch] Adds missing implicit @babel/runtime dependency b71751b, (opens new window)

• [patch] Fixed bug where checkbox would use state isChecked value when passing false to isChecked as props eaf8d16, (opens new window)

• [patch] Updated dependencies 65c6514, (opens new window)
  • @atlaskit/docs@5.0.8
  • @atlaskit/button@9.0.13
  • @atlaskit/icon@14.0.0

• [patch] Checkbox now only fires onChange once c78e59e, (opens new window)

• [major] Checkbox refactored to remove the need for CheckboxStateless 80e1925, (opens new window)

  @atlaskit/checkbox 5.x is part of an ongoing body of work to normalize atlaskit form components. There are a few breaking changes you need to be aware of in upgrading from 4.x to 5.x.

  Exports

  @atlaskit/checkbox no longer specifies the Checkbox component as the default export. Moreover the following changes have been made to exports from the @atlaskit/checkbox package.

  Checkbox

  Checkbox is now a named export of the @atlaskit/checkboxpackage. Please import it as below.

  import { Checkbox } from @atlaskit/checkbox;

  The Checkbox component is now a conditionally controlled component, the isChecked prop is exposed for users to control the checked state of the component. This was the sole reason for having the CheckboxStateless component in pre 5.x, and as a result leveraging this pattern allows us to do away with the CheckboxStateless component.

  To let the component take care of checked state, leave the isChecked prop unset, or explicitly set it to undefined.

  Additionally, one can control the initial checked state of a component by setting the defaultChecked (boolean) prop. This is used as the initial value of the internal isChecked property in state. This value will be overridden by additional user interactions with the component.

  CheckboxStateless - deprecated

  This component has been deprecated in favor of the conditionally controlled component pattern specified above.**

  CheckboxGroup - deprecated:

  @atlaskit/checkbox no longer exports a CheckboxGroup component. It has been removed for the following reasons:

  • It was really a thin wrapper enforcing very basic styling opinions over its children (display: flex, flex: column).
  • The existing styling blocks the horizontal display of checkbox group children.

  Prop Changes

  • <Checkbox/> - initiallyChecked renamed to defaultChecked
  • <Checkbox/> - label prop now accepts type Node instead of type string.
  • <Checkbox/> - isChecked is now an optional boolean prop on the Checkbox component.

• [patch] Adds sideEffects: false to allow proper tree shaking b5d6d04, (opens new window)

• [patch] Updated dependencies df22ad8, (opens new window)
  • @atlaskit/theme@6.0.0
  • @atlaskit/icon@13.2.5
  • @atlaskit/button@9.0.6
  • @atlaskit/docs@5.0.6

• [patch] update the dependency of react-dom to 16.4.2 due to vulnerability in previous versions read https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html, (opens new window) for details a4bd557, (opens new window)
• [none] Updated dependencies a4bd557, (opens new window)
  • @atlaskit/analytics-next@3.0.4
  • @atlaskit/button@9.0.5
  • @atlaskit/theme@5.1.3
  • @atlaskit/icon@13.2.4

• [patch] Updated dependencies acd86a1, (opens new window)
  • @atlaskit/icon@13.2.2
  • @atlaskit/button@9.0.4
  • @atlaskit/theme@5.1.2
  • @atlaskit/analytics-next@3.0.3
  • @atlaskit/docs@5.0.2

• [patch] Add a SSR test for every package, add react-dom and build-utils in devDependencies 7e331b5, (opens new window)
• [none] Updated dependencies 7e331b5, (opens new window)
  • @atlaskit/analytics-next@3.0.2
  • @atlaskit/button@9.0.3
  • @atlaskit/theme@5.1.1
  • @atlaskit/icon@13.2.1

• [major] Provides analytics for common component interations. See the Instrumented Components, (opens new window) section for more details. If you are using enzyme for testing you will have to use our forked version of the library, (opens new window). 563a7eb, (opens new window)
• [major] Updates to React ^16.4.0 7edb866, (opens new window)
• [major] Updated dependencies 563a7eb, (opens new window)
  • @atlaskit/analytics-next@3.0.0
  • @atlaskit/button@9.0.0
  • @atlaskit/theme@5.0.0
  • @atlaskit/docs@5.0.0
  • @atlaskit/icon@13.0.0
• [major] Updated dependencies 7edb866, (opens new window)
  • @atlaskit/analytics-next@3.0.0
  • @atlaskit/button@9.0.0
  • @atlaskit/theme@5.0.0
  • @atlaskit/docs@5.0.0
  • @atlaskit/icon@13.0.0

• [patch] Button should be a dev dependency 50ca31b, (opens new window)
• [none] Updated dependencies 50ca31b, (opens new window)

• [patch] Fix $FlowFixMe and release packages 25d0b2d, (opens new window)
• [none] Updated dependencies 25d0b2d, (opens new window)
  • @atlaskit/button@8.2.2
  • @atlaskit/icon@12.3.1

• [patch] update to active box color of checkbox to b50 to inline with ADG3 guideline 21073ca, (opens new window)
• [none] Updated dependencies 21073ca, (opens new window)

• [minor] Fixes types for Flow 0.74 dc50cd2, (opens new window)
• [none] Updated dependencies dc50cd2, (opens new window)
  • @atlaskit/button@8.2.0
  • @atlaskit/icon@12.2.0

• [patch] Clean Changelogs - remove duplicates and empty entries e7756cd, (opens new window)
• [none] Updated dependencies e7756cd, (opens new window)
  • @atlaskit/button@8.1.2
  • @atlaskit/theme@4.0.4
  • @atlaskit/icon@12.1.2

• [patch] Update changelogs to remove duplicate cc58e17, (opens new window)
• [none] Updated dependencies cc58e17, (opens new window)
  • @atlaskit/theme@4.0.3
  • @atlaskit/icon@12.1.1
  • @atlaskit/button@8.1.1
  • @atlaskit/docs@4.1.1

• [none] Updated dependencies 9d20f54, (opens new window)
  • @atlaskit/icon@12.1.0
  • @atlaskit/docs@4.1.0
  • @atlaskit/theme@4.0.2
  • @atlaskit/button@8.1.0

• [patch] ref prop on checkbox stateless component is now reference to class 05b4ffd, (opens new window)
• [none] Updated dependencies 05b4ffd, (opens new window)

• [patch] Fix for flow 33f632f, (opens new window)
• [patch] Update onChange function to pass type for name and value f3e768c, (opens new window)
• [none] Updated dependencies 33f632f, (opens new window)
• [none] Updated dependencies f3e768c, (opens new window)

• [patch] Update readme's 223cd67, (opens new window)
• [patch] Updated dependencies 223cd67, (opens new window)
  • @atlaskit/icon@12.0.1
  • @atlaskit/button@8.0.1
  • @atlaskit/theme@4.0.1
  • @atlaskit/docs@4.0.1

• [major] makes styled-components a peer dependency and upgrades version range from 1.4.6 - 3 to ^3.2.6 1e80619, (opens new window)
• [patch] Updated dependencies 1e80619, (opens new window)
  • @atlaskit/icon@12.0.0
  • @atlaskit/button@8.0.0
  • @atlaskit/theme@4.0.0
  • @atlaskit/docs@4.0.0

• [minor] Updated the appearance for checkbox and radio items ece7426, (opens new window)
• [none] Updated dependencies ece7426, (opens new window)

• [patch] Updated dependencies d662caa, (opens new window)
  • @atlaskit/icon@11.3.0
  • @atlaskit/button@7.2.5
  • @atlaskit/theme@3.2.2
  • @atlaskit/docs@3.0.4

• [major] Bump to React 16.3. 4251858, (opens new window)

• [minor] Add indeterminate prop to stateless checkbox 3fc6c5e, (opens new window)

• [patch] Re-releasing due to potentially broken babel release 9ed0bba, (opens new window)

• [minor] Update styled-components dependency to support versions 1.4.6 - 3 ceccf30, (opens new window)

• [patch] updated the repository url to https://bitbucket.org/atlassian/atlaskit-mk-2, (opens new window) 1e57e5a, (opens new window)

• [patch] Packages Flow types for elements components 3111e74, (opens new window)

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

• [minor] Add React 16 support. 12ea6e4, (opens new window)

• [patch] update flow dep, fix flow errors 722ad83, (opens new window)

• [patch] Updates dependency on button to 6.0.0 2b02ebc, (opens new window)
• [patch] Moved to new repo & build system. Cleaned up docs & examples & added Flow 9b55672, (opens new window)

• component: fixed typo in Checkbox defaultProps (4388a11, (opens new window))

• component: checkbox and radio should not highlight when parent element is focused (5c900ff, (opens new window))
• component: removed focus styling from radio and checkbox svg as they will never be focused (ec68128, (opens new window))

• component: bumping internal dependencies to latest major version (91833c3, (opens new window))

• stories: rebuild stories (7aa7337, (opens new window))

• package: update dependencies for react-16 (077d1ad, (opens new window))

• package: removed internal label from keywords (b76b4f2, (opens new window))

1.1.0 (2017-09-27)

• component: change margin of icon (4459e96, (opens new window))

• component: dark mode checkbox (554c978, (opens new window))

1.0.0 (2017-09-13)

• component: create checkbox component (5ce7055, (opens new window))