Storybook addon

Design token storybook addon

Usage Code Changelog

4.1.1

Patch Changes

Updated dependencies

4.1.0

Minor Changes

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

Patch Changes

Updated dependencies

4.0.3

Patch Changes

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

4.0.2

Patch Changes

Updated dependencies

4.0.1

Patch Changes

Updated dependencies

4.0.0

Major Changes

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" - ] - } - },

Patch Changes

Updated dependencies

3.2.5

Patch Changes

Updated dependencies

3.2.4

Patch Changes

Updated dependencies

3.2.3

Patch Changes

8ee405518dbc3, (opens new window) - Fixed ADS theme switcher not applying dark and split/stack themes in Storybook. Added motion to setGlobalTheme calls to prevent a ReferenceError from an uninitialized feature flag, and changed split/stack mode to load both light and dark theme CSS.

3.2.2

Patch Changes

Updated dependencies

3.2.1

Patch Changes

Updated dependencies

3.2.0

Minor Changes

cff151b7a3c6e, (opens new window) - Enable refreshed typography theme in withDesignTokens decorator.

3.1.6

Patch Changes

Updated dependencies

3.1.5

Patch Changes

Updated dependencies

3.1.4

Patch Changes

Updated dependencies

3.1.3

Patch Changes

Updated dependencies

3.1.2

Patch Changes

#183895, (opens new window) 6b9d473fcf71a, (opens new window) - [ux] Bump storybook libs to latest v8 version

3.1.1

Patch Changes

Updated dependencies

3.1.0

Minor Changes

#154276, (opens new window) 917104b6edd11, (opens new window) - Introduced adsTheme parameter for customizing the theme in preview.js that allows overriding the theme with custom values 'light' or 'dark'.

3.0.0

Major Changes

#106696, (opens new window) 5341965ff8dbe, (opens new window) - Updated to use ESM syntax for exports.

2.0.0

Major Changes

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

Patch Changes

Updated dependencies

1.3.1

Patch Changes

Updated dependencies

1.3.0

Minor Changes

#101255, (opens new window) deac0272bf9e6, (opens new window) - Upgraded dependencies '@storybook/components', '@storybook/manager-api' and '@storybook/preview-api' from '^8.1.10' to '^8.1.10' and added new dependency 'storybook'

1.2.2

Patch Changes

#165531, (opens new window) 57f451bda8919, (opens new window) - Adds side-effect config to support Compiled css extraction in third-party apps

1.2.1

Patch Changes

Updated dependencies

1.2.0

Minor Changes

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

Patch Changes

Updated dependencies

1.1.1

Patch Changes

#121959, (opens new window) 44763b631bec5, (opens new window) - Renamed typography-minor3 theme to typography-modernized. There are no visual changes, purely just a rename.

1.1.0

Minor Changes

#121858, (opens new window) a1c4a37a57a0c, (opens new window) - Fixed the build issue in the previous version.

1.0.0

Major Changes

#121263, (opens new window) 9b5e0cb70a67b, (opens new window) - @atlaskit/storybook-addon-design-system has migrated to Storybook 8.0. Use the previous version if your project is still on v6 or v7.

Patch Changes

Updated dependencies

0.8.0

Minor Changes

#94453, (opens new window) 8b0ba81b30b3, (opens new window) - Add support for React 18 in non-strict mode.

0.7.1

Patch Changes

#93943, (opens new window) 611f5e98470c, (opens new window) - Removes fallback colors from styles

0.7.0

Minor Changes

#94436, (opens new window) c652e1c27a4d, (opens new window) - Updates the default theme to 'auto' to ensure tokens are always applied. "Unthemed" or "No theme" is now considered an unsafe appearance.

If you prefer to use a different theme, you can still override the default theme by setting the adeTheme.defaultValue: 'none' as mentioned in the documentation, (opens new window).

0.6.0

Minor Changes

#77691, (opens new window) 14d18ea34852, (opens new window) - - Enables new typography and shape themes
- Sets the color theme to auto by default

0.5.2

Patch Changes

#32935, (opens new window) b1bdec7cce2, (opens new window) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.

0.5.1

Patch Changes

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

0.5.0

Minor Changes

#33632, (opens new window) 389ab86b2a3, (opens new window) - Adding spacing tokens to storybook addon so that users spacing tokens appear in storybook

Patch Changes

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

0.4.0

Minor Changes

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

Patch Changes

Updated dependencies

0.3.9

Patch Changes

#27634, (opens new window) 718d5ad3044, (opens new window) - Updates to support the new @atlaskit/tokens theming API.
Updated dependencies

0.3.8

Patch Changes

Updated dependencies

0.3.7

Patch Changes

Updated dependencies

0.3.6

Patch Changes

#27629, (opens new window) f824dcfff6e, (opens new window) - Internal changes to satisfy various lint warnings & errors

0.3.5

Patch Changes

Updated dependencies

0.3.4

Patch Changes

#26467, (opens new window) 43464a5fb17, (opens new window) - Update split and stack theme settings to use tilde selectors

0.3.3

Patch Changes

#26303, (opens new window) 9827dcb82b8, (opens new window) - No-op change to introduce spacing tokens to design system components.

0.3.2

Patch Changes

#24660, (opens new window) d4be43fdc44, (opens new window) - Set the innerText in our hack correctly - oops!

0.3.1

Patch Changes

#24626, (opens new window) 6dd7050ad7a, (opens new window) - Reimplement the style tag hack required for enabling split & stack view in the Storybook addon

0.3.0

Minor Changes

#21484, (opens new window) 6c65a3147c1, (opens new window) - Removes root selector hack from lightmode, this is no longer necessary since the default theme no longer enables tokens by default

Patch Changes

Updated dependencies

0.2.6

Patch Changes

#21487, (opens new window) 4942487a9f6, (opens new window) - Fixes internal representation of CSS entrypoints for themes. This is an internal change only and does not effect public APIs.

0.2.5

Patch Changes

Updated dependencies

0.2.4

Patch Changes

Updated dependencies

0.2.3

Patch Changes

Updated dependencies

0.2.2

Patch Changes

Updated dependencies

0.2.1

Patch Changes

Updated dependencies

0.2.0

Minor Changes

#18080, (opens new window) 068c9a0b770, (opens new window) - Refactors the storybook addon into a "tool addon"

0.1.1

Patch Changes

#18020, (opens new window) 32f8832d6c5, (opens new window) - Temporarily disable css imports to side-step recent changes to the monorepo which trigged a bug

0.1.0

Minor Changes

#17460, (opens new window) ddbec37a16c, (opens new window) - Initial release of the design system storybook addon package. Intended to be a generic package for all storybook releated DS tooling

Was this page helpful?

We use this feedback to improve our documentation.