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

Package detail

@kalamazoo/spinner

stevenselcuk11Apache-2.01.0.2TypeScript support: included

A React component that displays a spinning icon to show a loading state

readme

Spinner

A React component that displays a spinning icon to show a loading state.

Installation

yarn add @kalamazoo/spinner

Usage

Detailed docs and example usage can be found here

changelog

@kalamazoo/spinner

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 '@kalamazoo/theme';

colors.colorPalette('8');

    to this:

    import { colorPalette } from '@kalamazoo/theme';

colorPalette.colorPalette('8');

    or for multi entry-point users:

    import * as colors from '@kalamazoo/theme/colors';

colors.colorPalette('8');

    to this:

    import * as colorPalettes from '@kalamazoo/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

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

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:

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

10.0.6

  • [patch]d263485853:

    • update Spinner component's usage of styled-components to work in v3 and v4

10.0.5

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 rather than
      to allow the spinner to be used within

      style tags

10.0.1

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 `@kalamazoo/theme/colors`;

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

    import colors from `@kalamazoo/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

9.0.12

9.0.11

9.0.10

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

9.0.9

  • [patch] Pulling the shared styles from @kalamazoo/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

9.0.5

9.0.4

9.0.3

9.0.2

9.0.1

9.0.0

8.0.0

7.1.1

7.1.0

7.0.2

7.0.1

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

6.0.0

5.0.2

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

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)

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)