@atlaskit/tokens NPM | npm.io

5.1.0 • Published 5 months ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

5 months ago

Tokens

Tokens are a single source of truth to name and store Atlassian design decisions.

Installation

yarn add @atlaskit/tokens

Usage

View documentation.

BabelPlugin

A babel plugin to optimise performance and support fallbacks for Design System tokens.

It replaces any calls to the @atlaskit/tokens token() function with the CSS value the function would return (i.e. var(--token-name) or variations with fallbacks).

If there’s no fallback, the plugin (optionally) finds the token’s value from the default Atlassian theme, and sets it as the fallback.

If there is a fallback defined in code, it’s inserted into the style (expressions are inserted using template strings).

Usage

Add the plugin to your babel configuration:

{
  "plugins": [
    ["@atlaskit/tokens/babel-plugin", { "shouldUseAutoFallback": true }]
  ]
}

Options

Currently the plugin supports one option, shouldUseAutoFallback. When not disabled, the plugin will fetch the token's value in the default Atlassian theme (currently atlassian-light) and use it as the fallback value.

This is useful for cases where tokens are in use, but token definitions aren't guaranteed to be present in the top-level page CSS.

@atlaskit/ds-lib @atlaskit/platform-feature-flags @babel/runtime @babel/traverse @babel/types bind-event-listener

matematykmiero-components-library atlassian-connect-js @griders/rivet-app @labset/confluence-static-site react-components-base-lib rivet-local-app ridge-atlassian sj-dropdown react-style-library drag-and-drop-hook @atlaskit/editor-plugin-alignment @forge/bridge @spartez/vue-atlaskit @blitzesty/essentials @apdc-aruk/button @apdc-aruk/dialog @apdc-aruk/dropdown @apdc-aruk/editor @apdc-aruk/empty-state @apdc-aruk/feature @apdc-aruk/guide @apdc-aruk/icon @apdc-aruk/page @apdc-aruk/progress @apdc-aruk/table @apdc-aruk/textfield @atlaskit/ads-mcp @atlaskit/ai-snippets @atlaskit/analytics-viewer @atlaskit/app-provider @atlaskit/logo @atlaskit/lozenge @atlaskit/media-avatar-picker @atlaskit/media-card @atlaskit/media-filmstrip @atlaskit/media-picker @atlaskit/media-table @atlaskit/media-test-helpers @atlaskit/media-ui @atlaskit/media-viewer @atlaskit/jql-editor @atlaskit/legacy-custom-icons @atlaskit/legacy-mobile-macros @atlaskit/link @atlaskit/link-create @atlaskit/link-create-presets @atlaskit/link-datasource @atlaskit/link-picker @atlaskit/linking-common @atlaskit/mention @atlaskit/menu @atlaskit/mobile-header @atlaskit/modal-dialog @atlaskit/help @atlaskit/help-article @atlaskit/help-layout @atlaskit/icon @atlaskit/image @atlaskit/form @atlaskit/give-kudos @atlaskit/grid @atlaskit/heading @atlaskit/flag @atlaskit/focus-ring @atlaskit/focused-task-close-account @atlaskit/forge-react-types @atlaskit/inline-dialog @atlaskit/inline-edit @atlaskit/inline-message @atlaskit/item @atlaskit/editor-core @atlaskit/editor-element-browser @atlaskit/editor-extension-dropbox @atlaskit/editor-common @atlaskit/badge @atlaskit/banner @atlaskit/blanket @atlaskit/breadcrumbs @atlaskit/button @atlaskit/calendar @atlaskit/charlie-hierarchy @atlaskit/comment @atlaskit/contextual-survey @atlaskit/css @atlaskit/css-reset @atlaskit/date @atlaskit/datetime-picker @atlaskit/atlassian-navigation @atlaskit/auto-upgrade-not-a-trial @atlaskit/avatar @atlaskit/avatar-group @atlaskit/docs @atlaskit/drag-and-drop-indicator @atlaskit/drawer @atlaskit/dropdown-menu @atlaskit/checkbox @atlaskit/code @atlaskit/codemod-cli @atlaskit/color-picker @atlaskit/ds-explorations

5 months ago

5 months ago

11 months ago

11 months ago

11 months ago

11 months ago

9 months ago

8 months ago

5 months ago

6 months ago

7 months ago

6 months ago

11 months ago

10 months ago

7 months ago

5 months ago

12 months ago

10 months ago

7 months ago

12 months ago

8 months ago

7 months ago

7 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

11 months ago

10 months ago

9 months ago

9 months ago

8 months ago

8 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago