@atlaskit/spinner

19.0.9

Patch Changes

Updated dependencies

19.0.8

Patch Changes

Updated dependencies

19.0.7

Patch Changes

Updated dependencies

19.0.6

Patch Changes

Updated dependencies

19.0.5

Patch Changes

248faa32d4835 - Internal changes to how borders are applied.

19.0.4

Patch Changes

Updated dependencies

19.0.3

Patch Changes

Updated dependencies

19.0.2

Patch Changes

31c57f650ba07 - Improving tests for server side rendering and hydration

19.0.1

Patch Changes

Updated dependencies

19.0.0

Major Changes

#188921 3184132558d36 - Spinner no longer fades in on load and xsmall size changed from 8px to 12px

18.0.6

Patch Changes

Updated dependencies

18.0.5

Patch Changes

Updated dependencies

18.0.4

Patch Changes

#148201 8e811f1840de7 - Either actively or pre-emptively fixes a bug with keyframe animations in CJS and ESM distribution targets for packages using Compiled CSS-in-JS. This may not affect this package, but the change was made so a future migration does not accidentally break it.

18.0.3

Patch Changes

#129972 b2d69a39e6687 - Update @compiled/react dependency for improved type checking support.

18.0.2

Patch Changes

#124597 5d2d78fccc2a3 - Update dependencies and remove old codemods.

18.0.1

Patch Changes

Updated dependencies

18.0.0

Major Changes

#117363 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

17.2.0

Minor Changes

#116138 b50c5d5d65ae2 - Bump to the latest version of @compiled/react

17.1.2

Patch Changes

Updated dependencies

17.1.1

Patch Changes

Updated dependencies

17.1.0

Minor Changes

#109060 4660ec858a305 - Update React from v16 to v18

Patch Changes

Updated dependencies

17.0.0

Major Changes

#102543 497efb1c63b02 - 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/spinner, 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.

16.3.6

Patch Changes

#103999 9f62ecec4d422 - Update dependencies.

16.3.5

Patch Changes

Updated dependencies

16.3.4

Patch Changes

#165531 57f451bda8919 - Adds side-effect config to support Compiled css extraction in third-party apps

16.3.3

Patch Changes

Updated dependencies

16.3.2

Patch Changes

Updated dependencies

16.3.1

Patch Changes

Updated dependencies

16.3.0

Minor Changes

#127511 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.3as well as to have a consistent peer dependency range forreactandreact-domfor/platform` packages.

Patch Changes

Updated dependencies

16.2.0

Minor Changes

#110836 a8bd419fd70b9 - Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime is implicitly set to automatic.

16.1.0

Minor Changes

#94405 a23625d91119 - Add support for React 18 in non-strict mode.

16.0.4

Patch Changes

#92007 85525725cb0d - Migrated to the new button component

16.0.3

Patch Changes

#83130 4efd62cdc533 - SHPLVIII-481: Assign name to default export components to fix quick-fix imports

16.0.2

Patch Changes

#83116 8d4e99057fe0 - Upgrade Typescript from 4.9.5 to 5.4.2

16.0.1

Patch Changes

#68812 91d4a48c1430 - Support better loading state for assistive tech

16.0.0

Major Changes

#41866 ed8b6957789 - Removes any usage of deprecated legacy theming APIs. These have been superseeded by design tokens.

15.6.1

Patch Changes

#41196 c9142a5d5e7 - Added this package into push model consumption.

15.6.0

Minor Changes

#40393 60eed410ccc - [ux] Adds label prop to add more context for assistive technologies.

15.5.4

Patch Changes

#38162 fd6bb9c9184 - Delete version.json
Updated dependencies

15.5.3

Patch Changes

#36754 4ae083a7e66 - Use @af/accessibility-testing for default jest-axe config and jest-axe import in accessibility testing.

15.5.2

Patch Changes

#33793 9d00501a414 - Ensure legacy types are published for TS 4.5-4.8

15.5.1

Patch Changes

#33649 41fae2c6f68 - Upgrade Typescript from 4.5.5 to 4.9.5

15.5.0

Minor Changes

#33258 56507598609 - Skip minor dependency bump

Patch Changes

Updated dependencies

15.4.0

Minor Changes

#30248 9c2b9a0062e - [ux] Change the design tokens used for spinner from text to icon tokens

15.3.4

Patch Changes

Updated dependencies

15.3.3

Patch Changes

#29227 4ee60bafc6d - ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add allowedSideEffects when loading the page.

15.3.2

Patch Changes

Updated dependencies

15.3.1

Patch Changes

Updated dependencies

15.3.0

Minor Changes

#26712 94909536ed2 - Enable Spinner to be able to hold during an interaction

Patch Changes

Updated dependencies

15.2.1

Patch Changes

Updated dependencies

15.2.0

Minor Changes

#25860 daab1376ed1 - Updates @emotion/core to @emotion/react; v10 to v11. There is no expected behavior change.

15.1.17

Patch Changes

#26303 9827dcb82b8 - No-op change to introduce spacing tokens to design system components.

15.1.16

Patch Changes

#24874 8cc2f888c83 - Upgrade Typescript from 4.3.5 to 4.5.5

15.1.15

Patch Changes

#24492 8d4228767b0 - Upgrade Typescript from 4.2.4 to 4.3.5.

15.1.14

Patch Changes

#23381 8202e37941b - Internal code change turning on new linting rules.

15.1.13

Patch Changes

#22642 45ebe7af434 - Moved to using declarative entrypoints internally. Public API is unchanged.

15.1.12

Patch Changes

#21545 efa50ac72ba - Adjusts jsdoc strings to improve prop documentation

15.1.11

Patch Changes

Updated dependencies

15.1.10

Patch Changes

#20650 cb2392f6d33 - Upgrade to TypeScript 4.2.4

15.1.9

Patch Changes

Updated dependencies

15.1.8

Patch Changes

Updated dependencies

15.1.7

Patch Changes

#19019 f0674fc2e61 - Styles have been rewritten to ensure future compatibility with compiled.
Updated dependencies

15.1.6

Patch Changes

#16752 19d72473dfb - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
Updated dependencies

15.1.5

Patch Changes

Updated dependencies

15.1.4

Patch Changes

#15998 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

15.1.3

Patch Changes

Updated dependencies

15.1.2

Patch Changes

Updated dependencies

15.1.1

Patch Changes

Updated dependencies

15.1.0

Minor Changes

#13302 97d5fe7100c - Instrumented Spinner with the new theming package, @atlaskit/tokens.

Tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).

These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.

Patch Changes

Updated dependencies

15.0.11

Patch Changes

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

15.0.10

Patch Changes

#12654 d2cf99ba208 - [ux] Fixes two regressions introduced in v15.0.8:
- There was a bug in the xsmall size variant of Spinner where the Spinner path appeared flipped, making the rotation look like the axis was off.
- The addition of a wrapping span and layout change from inline to inline-block in v15.0.8 shifted the spinner down slightly, causing potential flickers when scrollbars appear as content overflows in very tight layout scenarios. Please note that if you are using a Spinner in the iconBefore, iconAfter or overlay props of @atlaskit/button to create custom loading experiences, you are encouraged to move to using our dedicated LoadingButton component; this takes care of all UX concerns for you, and ensures a smooth upgrade path for you in the future.

15.0.9

Patch Changes

#10569 90c7384c2fb - [ux] add support for Windows high contrast mode

15.0.8

Patch Changes

#9756 7be17d84c4a - Fix performance degradation caused by styles being continually re-calculated for the SVG animation. Fix a bug in which the Spinner was set to inline instead of inline-block. This reverts the component's layout behavior to version 12.
Updated dependencies

15.0.7

Patch Changes

#9083 7116601e1b2 - Internal typing refactored to be readable by extract-react-types.

15.0.6

Patch Changes

#5857 d3265f19be - Transpile packages using babel rather than tsc

15.0.5

Patch Changes

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

15.0.4

Patch Changes

Updated dependencies

15.0.3

Patch Changes

#4707 6360c46009 - Reenable integration tests for Edge browser

15.0.2

Patch Changes

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

15.0.1

Patch Changes

#3293 954cc87b62 - The readme and package information has been updated to point to the new design system website.

15.0.0

Major Changes

#3335 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

14.0.0

Major Changes

#2137 206be3a0cb - In this version we made spinner dramatically faster and lighter 🤩

Fix: Mounting animation

The mounting animation for spinner has been fixed. There are three parts to the mounting spinner animation:
1. Accelerated spin
2. Fade in
3. Stretch (the spinner starts small and grows to a bigger size)
In 12.x the fade in and stretch parts of the animation were broken 😢. These have been fixed in 13.0.0 🤘

Changes

See below for information about a codemod we created to automatically upgrade usages of spinner ❤️

There have been a number of breaking changes in 13.0.0.
- Spinner no longer has a peerDependency on styled-components@3. Internally spinner is now using @emotion/core for styling
- Added new ref prop which returns the ref of the spinner svg using React.forwardRef
- Improved dark mode support (not that dark mode is truly supported yet). appearance="invert" will now invert the colors of the spinner in dark mode. Previously appearance="invert" in dark mode did nothing.
- The default delay prop value has been reduced from 100ms to 0ms. The delay was previously designed to prevent the spinner from flickering if async content becomes quickly visible. Now that the fade in animation is working correctly, the spinner is only 2% visible at 100ms.
- The delay prop is no longer useful to prevent "quick flickering" so the default has been changed. We have created a guide to assist you with better understanding how to use delays, as well as provided new guidance on how to cross fade a spinner with other loading content.
- The invertColor={boolean} prop has been renamed to appearance="inherit | invert" to bring it into line with other components. This is useful when you are displaying a spinner on a background that is not the same background color scheme as the body.
- Changing name of the SpinnerSizes type to Size. Most people are not using this type directly
- isCompleting and onComplete props have been removed. Spinner no longer manages it's own unmount animations. If you want to have graceful unmounting we now have a recommended pattern which leverages our general purpose and performant @atlaskit/motion package. (Note: spinner will always animate itself in, you don't need to set anything up).
Automatic upgrading
```
# You first need to have the latest spinner installed before you can run the codemod
yarn upgrade @atlaskit/spinner@^13.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]
```
Notes
- You first need to upgrade to 13.0.0 before you run the codemod cli. This is because the cli will look in your local node_modules for the codemod which is published inside the spinner package.
- The codemod is pretty clever, and will respect aliasing as well as using custom naming for the default import 🤘
Feel the power

What the codemod will do:
- delay: replace literal number values equal to or less than 150ms as they are no longer needed to avoid flickering
```
- <Spinner delay={0} />
+ <Spinner />

- <Spinner delay={100} />
+ <Spinner />

- <Spinner delay={150} />
+ <Spinner />

// no change
<Spinner delay={151} />
<Spinner delay={myValue} />
```
- invertColor: automatically changed over to appearance="inherit | invert". All existing logic will be preserved in your code
```
- <Spinner invertColor />
+ <Spinner appearance="invert" />

- <Spinner invertColor={false} />
+ <Spinner />

- <Spinner invertColor={true} />
+ <Spinner appearance="invert" />

- <Spinner invertColor={expression} />
+ <Spinner appearance={expression ? "invert" : "inherit"} />
```
- isCompleting and onComplete: removing props. But it will not remove the state or functions associated with those props. We cannot automatically remove the values or control flow associated with these props. If you were using isCompleting or onComplete props there will be manual intervention required.
```
function App() {
  const [isCompleting] = useState(false);
  const onComplete = () => {};
- return (
-   <Spinner
-     isCompleting={isCompleting}
-     onComplete={() => {
-       console.log('on complete!');
-       onComplete();
-     }}
-     delay={1000}
-   />
- );
+ return <Spinner delay={1000} />;
}
```
If you were using onComplete for control flow, we now recommend using the performant and standard @atlaskit/motion solution
```
import React, { useState } from 'react';
import Spinner from '@atlaskit/spinner';
import appLoaded from './control-flow';

function App() {
    const [isLoading, setIsLoading] = useState(true);
    // faking the end of a loading event
    useEffect(() => {
        const id = setTimeout(() => setIsLoading(false), 1000);
        return () => clearTimeout(id);
    }, []);
    return <Spinner isCompleting={!isLoading} onComplete={appLoaded} />;
}
```
```
import React, {useState} from 'react';
import Spinner from '@atlaskit/spinner';
import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
import appLoaded from './control-flow';

function App() {
   const [isLoading, setIsLoading] = useState(true);

  // faking the end of a loading event
  useEffect(() => {
    const id = setTimeout(() => setIsLoading(false), 1000);
    return () => clearTimeout(id);
  }, []);

  const onFinish = useCallback((state) => {
    if(state === 'exiting') {
      appLoaded();
    }
  }, []);

  return (
    <ExitingPersistence>
      {isLoading && (
        <FadeIn onFinish={onFinish}>
          {props => (
            <span {...props}>
              <Spinner size="xlarge" />
            </span>
          )}
        </FadeIn>
      )}
    <ExitingPersistence>
  );
}
```
- SpinnerSizes type: automatically shifted over to a new name: Size

13.0.1

Patch Changes

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

13.0.0

Major Changes

206be3a0cb - In this version we made spinner dramatically faster and lighter 🤩

Fix: Mounting animation

The mounting animation for spinner has been fixed. There are three parts to the mounting spinner animation:
1. Accelerated spin
2. Fade in
3. Stretch (the spinner starts small and grows to a bigger size)
In 12.x the fade in and stretch parts of the animation were broken 😢. These have been fixed in 13.0.0 🤘

Changes

See below for information about a codemod we created to automatically upgrade usages of spinner ❤️

There have been a number of breaking changes in 13.0.0.
- Spinner no longer has a peerDependency on styled-components@3. Internally spinner is now using @emotion/core for styling
- Added new ref prop which returns the ref of the spinner svg using React.forwardRef
- Improved dark mode support (not that dark mode is truly supported yet). appearance="invert" will now invert the colors of the spinner in dark mode. Previously appearance="invert" in dark mode did nothing.
- The default delay prop value has been reduced from 100ms to 0ms. The delay was previously designed to prevent the spinner from flickering if async content becomes quickly visible. Now that the fade in animation is working correctly, the spinner is only 2% visible at 100ms.
- The delay prop is no longer useful to prevent "quick flickering" so the default has been changed. We have created a guide to assist you with better understanding how to use delays, as well as provided new guidance on how to cross fade a spinner with other loading content.
- The invertColor={boolean} prop has been renamed to appearance="inherit | invert" to bring it into line with other components. This is useful when you are displaying a spinner on a background that is not the same background color scheme as the body.
- Changing name of the SpinnerSizes type to Size. Most people are not using this type directly
- isCompleting and onComplete props have been removed. Spinner no longer manages it's own unmount animations. If you want to have graceful unmounting we now have a recommended pattern which leverages our general purpose and performant @atlaskit/motion package. (Note: spinner will always animate itself in, you don't need to set anything up).
Automatic upgrading
```
# You first need to have the latest spinner installed before you can run the codemod
yarn upgrade @atlaskit/spinner@^13.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]
```
Notes
- You first need to upgrade to 13.0.0 before you run the codemod cli. This is because the cli will look in your local node_modules for the codemod which is published inside the spinner package.
- The codemod is pretty clever, and will respect aliasing as well as using custom naming for the default import 🤘
Feel the power

What the codemod will do:
- delay: replace literal number values equal to or less than 150ms as they are no longer needed to avoid flickering
```
- <Spinner delay={0} />
+ <Spinner />

- <Spinner delay={100} />
+ <Spinner />

- <Spinner delay={150} />
+ <Spinner />

// no change
<Spinner delay={151} />
<Spinner delay={myValue} />
```
- invertColor: automatically changed over to appearance="inherit | invert". All existing logic will be preserved in your code
```
- <Spinner invertColor />
+ <Spinner appearance="invert" />

- <Spinner invertColor={false} />
+ <Spinner />

- <Spinner invertColor={true} />
+ <Spinner appearance="invert" />

- <Spinner invertColor={expression} />
+ <Spinner appearance={expression ? "invert" : "inherit"} />
```
- isCompleting and onComplete: removing props. But it will not remove the state or functions associated with those props. If you where using those props there will be manual intervention required. We cannot reasonably trace back and remove these values as they could be used for other purposes.
NOTE: values associated with isCompleting and onComplete props are not removed, just the props on the Spinner component
```
function App() {
  const [isCompleting] = useState(false);
  const onComplete = () => {};
- return (
-   <Spinner
-     isCompleting={isCompleting}
-     onComplete={() => {
-       console.log('on complete!');
-       onComplete();
-     }}
-     delay={1000}
-   />
- );
+ return <Spinner delay={1000} />;
}
```
- SpinnerSizes type: automatically shifted over to a new name: Size

Patch Changes

98f462e2aa - Bumping use the latest version of @atlaskit/spinner

12.1.7

Patch Changes

Updated dependencies

12.1.6

Patch Changes

Updated dependencies 66dcced7a0:
Updated dependencies 64fb94fb1e:
Updated dependencies eea5e9bd8c:
Updated dependencies 109c1a2c0a:
Updated dependencies c57bb32f6d:

12.1.5

Patch Changes

Updated dependencies e3f01787dd:
- @atlaskit/webdriver-runner@0.2.0
- @atlaskit/button@13.3.8

12.1.4

Patch Changes

[patch]6548261c9a:

Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies 6548261c9a:

12.1.3

Patch Changes

[patch]4a223473c5:

Removes babel/runtime from dependencies. Users should see a smaller bundlesize as a result- Updated dependencies 82747f2922:
Updated dependencies 4a223473c5:
- @atlaskit/theme@9.5.0
- @atlaskit/button@13.3.5

12.1.2

Patch Changes

[patch]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:
```
<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');
```

12.1.1

Patch Changes

[patch]35d2229b2a:

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

12.1.0

Minor Changes

[minor]808d37259d:

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.

12.0.9

Patch Changes

[patch]097b696613:

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

12.0.8

Patch Changes

[patch]ecca4d1dbb:

Upgraded Typescript to 3.3.x

12.0.7

Patch Changes

[patch]708028db86:

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

12.0.6

Patch Changes

[patch]de35ce8c67:

Updates component maintainers

12.0.5

Patch Changes

[patch]bbff8a7d87:

Fixes bug, missing version.json file

12.0.4

Patch Changes

[patch]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 or this page for further details

12.0.3

Patch Changes

[patch]db39394a23:

Export Spinner Props, Sizes and Phases types

12.0.2

Patch Changes

[patch]93bcf314c6:

Added missing tslib dep

12.0.1

[patch]b0ef06c685:
- This is just a safety release in case anything strange happened in in the previous one. See Pull Request #5942 for details

12.0.0

[major]215688984e:
- @atlaskit/spinner has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No API or behavioural changes.

11.0.0

[major]7c17b35107:
- Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use this package, please ensure you use at least this version of react and react-dom.

10.0.7

Updated dependencies 9c0b4744be:

10.0.6

[patch]d263485853:
- update Spinner component's usage of styled-components to work in v3 and v4

10.0.5

Updated dependencies 1e826b2966:

10.0.4

[patch]fd940a833b:
- Update spinner imports to use alternative entry points of theme (to decrease bundle size)

10.0.3

[patch]98e11001ff:
- Removes duplicate babel-runtime dependency

10.0.2

[patch]986c5e47c8:
- use <span> rather than <div> to allow the spinner to be used within <p> style tags

10.0.1

Updated dependencies 9d5cc39394:

10.0.0

[major]76299208e6:
- Drop ES5 from all the flow modules
Dropping CJS support in all @atlaskit packages

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

The major reason for doing this is to allow us to support multiple entry points in packages, e.g:
```
import colors from `@atlaskit/theme/colors`;
```
Previously this was sort of possible for consumers by doing something like:
```
import colors from `@atlaskit/theme/dist/esm/colors`;
```
This has a couple of issues. 1, it treats the file system as API making internal refactors harder, we have to worry about how consumers might be using things that aren't actually supposed to be used. 2. We are unable to do this internally in @atlaskit packages. This leads to lots of packages bundling all of theme, just to use a single color, especially in situations where tree shaking fails.

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

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

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

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

9.0.13

Updated dependencies 58b84fa:

9.0.12

Updated dependencies d13242d:

9.0.11

Updated dependencies 6998f11:

9.0.10

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

9.0.9

[patch] Pulling the shared styles from @atlaskit/theme and removed dependency on util-shraed-styles 7d51a09

9.0.8

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

9.0.6

[patch] Updated dependencies df22ad8

9.0.5

[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 for details a4bd557
[none] Updated dependencies a4bd557
- @atlaskit/button@9.0.5
- @atlaskit/theme@5.1.3

9.0.4

[patch] Updated dependencies acd86a1

9.0.3

[patch] Add a SSR test for every package, add react-dom and build-utils in devDependencies 7e331b5
[none] Updated dependencies 7e331b5
- @atlaskit/button@9.0.3
- @atlaskit/theme@5.1.1

9.0.2

[patch] Move analytics tests and replace elements to core 49d4ab4
[none] Updated dependencies 49d4ab4
- @atlaskit/button@9.0.2
- @atlaskit/docs@5.0.1

9.0.1

[patch] Change keyFrames to keyFrameNames to fix a flow error 619ab41
[none] Updated dependencies 619ab41
- @atlaskit/button@9.0.1

9.0.0

[major] Updates to React ^16.4.0 7edb866
[major] Updated dependencies 563a7eb
[major] Updated dependencies 7edb866

8.0.0

[major] Update display to flex and add vertical-align to middle cdba8b3
[none] Updated dependencies cdba8b3
- @atlaskit/button@8.2.3

7.1.1

[patch] Fix $FlowFixMe and release packages 25d0b2d
[none] Updated dependencies 25d0b2d
- @atlaskit/button@8.2.2

7.1.0

[minor] Fixes types for Flow 0.74 dc50cd2
[none] Updated dependencies dc50cd2
- @atlaskit/button@8.2.0

7.0.2

[patch] Clean Changelogs - remove duplicates and empty entries e7756cd
[none] Updated dependencies e7756cd
- @atlaskit/button@8.1.2
- @atlaskit/theme@4.0.4

7.0.1

[patch] Update changelogs to remove duplicate cc58e17
[none] Updated dependencies cc58e17

7.0.0

[major] Update examples 9d20f54
[major] Update test to reflect the changes and remove the one that flow was supposed to check 21373ab
[major] Update default to be medium 24px 179007a
[major] Add a xsmall size to avoid consumer issues dda4ec8
[major] Update spinner sizes based on design specs 27571e5

6.0.1

[patch] Update readme's 223cd67
[patch] Updated dependencies 223cd67

6.0.0

[major] makes styled-components a peer dependency and upgrades version range from 1.4.6 - 3 to ^3.2.6 1e80619
[patch] Updated dependencies 1e80619

5.0.2

[patch] Updated dependencies d662caa

5.0.0

[major] Bump to React 16.3. 4251858

4.2.1

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

4.2.0

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

4.1.5

[patch] updated the repository url to https://bitbucket.org/atlassian/atlaskit-mk-2 1e57e5a

4.1.4

[patch] Packages Flow types for elements components 3111e74

4.1.3

[patch] Flatten examples for easier consumer use 145b632

4.1.2

[patch] Fix spinner performance by statically defining keyframes 6f04599

4.1.1

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

4.1.0

[minor] Add React 16 support. 12ea6e4

4.0.6

[patch] fix Spinner's onComplete prop not being called 91e8994

4.0.2 (2017-10-26)

bug fix; fix to rebuild stories (793b2a7)

4.0.1 (2017-10-22)

bug fix; update styled-components dep and react peerDep (6a67bf8)

4.0.0 (2017-08-29)

breaking; convert spinner to have a dark mode implementation (b1c2a53)
breaking; convert spinner to have a dark mode implementation (issues closed: #ak-3371) (b1c2a53)

3.4.2 (2017-07-27)

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

3.4.1 (2017-07-25)

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

3.1.0 (2017-07-17)

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

3.0.0 (2017-07-07)

fix; refactor spinner to use TransitionGroup (e0cef25)
breaking; remove typescript interface file. when a spinner's isCompleting props is true and it has finished its exit animation it will not longer take up space in the DOM.
ISSUES CLOSED: AK-2559

2.2.5 (2017-06-28)

fix; triggering component release with previous fix (20a9e93)

2.2.4 (2017-06-27)

fix; fix Spinner onComplete invocation on Edge (e998791)

2.2.3 (2017-05-29)

fix; add index shim for unit tests (838c743)
fix; add prop-types as a dependency to avoid React 15.x warnings (92598eb)

2.2.2 (2017-05-25)

fix; update util-shared-styles dependency in spinner (603a1c1)

2.2.1 (2017-05-08)

fix; removes spinner in button story from storybook (96ed0f8)

2.2.0 (2017-05-06)

feature; add invertColor prop to Spinner to enable it to be used on dark backgrounds (4981617)

2.1.0 (2017-05-02)

feature; adds delay prop to Spinner for custom delays before showing spinner (98679b7)
feature; fixes issue where long delays would remove the spin-in animation (240bea9)

2.0.3 (2017-04-27)

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

2.0.2 (2017-04-26)

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

2.0.1 (2017-03-28)

fix; remove @atlaskit/spinner from same package devDependencies (2eac9f0)

2.0.0 (2017-03-27)

fix; address IE focus management issue (acad36d)
refactor the spinner component to use styled-components (155956c)
breaking; removed dependency

1.0.5 (2017-03-22)

fix; remove spinner delay when removing component (5c2ebcf)

1.0.3 (2017-03-21)

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

1.0.2 (2017-03-03)

fix; adds a 100ms delay before showing the spinner (90d9a47)
fix; minor docs/storybook updates to be more in line with the rest of the Atlaskit patterns (83a0af1)

1.0.1 (2017-02-07)

fix; Updates package to use scoped ak packages (aa32414)

Package detail

readme

Spinner

Installation

Usage

changelog

@atlaskit/spinner

19.0.9

Patch Changes

19.0.8

Patch Changes

19.0.7

Patch Changes

19.0.6

Patch Changes

19.0.5

Patch Changes

19.0.4

Patch Changes

19.0.3

Patch Changes

19.0.2

Patch Changes

19.0.1

Patch Changes

19.0.0

Major Changes

18.0.6

Patch Changes

18.0.5

Patch Changes

18.0.4

Patch Changes

18.0.3

Patch Changes

18.0.2

Patch Changes

18.0.1

Patch Changes

18.0.0

Major Changes

Patch Changes

17.2.0

Minor Changes

17.1.2

Patch Changes

17.1.1

Patch Changes

17.1.0

Minor Changes

Patch Changes

17.0.0

Major Changes

16.3.6

Patch Changes

16.3.5

Patch Changes

16.3.4

Patch Changes

16.3.3

Patch Changes

16.3.2

Patch Changes

16.3.1

Patch Changes

16.3.0

Minor Changes

Patch Changes

16.2.0

Minor Changes

16.1.0

Minor Changes

16.0.4

Patch Changes

16.0.3

Patch Changes

16.0.2

Patch Changes

16.0.1

Patch Changes