@atlaskit/tokens NPM | npm.io

2.0.5 • Published 9 months ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

9 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

@atlaskit/media-card @apdc-aruk/dialog @apdc-aruk/editor @apdc-aruk/guide @apdc-aruk/icon @apdc-aruk/page @apdc-aruk/table @apdc-aruk/textfield @atlaskit/editor-core @atlaskit/editor-extension-dropbox @atlaskit/image @atlaskit/inline-dialog @atlaskit/inline-edit @atlaskit/inline-message @atlaskit/item @atlaskit/jql-editor @atlaskit/editor-plugin-status @atlaskit/editor-plugin-table @atlaskit/editor-plugin-tasks-and-decisions @atlaskit/editor-plugin-text-color @atlaskit/editor-plugin-text-formatting @atlaskit/editor-plugin-type-ahead @atlaskit/embedded-document @atlaskit/emoji @atlaskit/empty-state @atlaskit/eslint-plugin-design-system @atlaskit/feedback-collector @atlaskit/flag @atlaskit/focus-ring @atlaskit/focused-task-close-account @atlaskit/forge-react-types @atlaskit/form @atlaskit/give-kudos @atlaskit/heading @atlaskit/help @atlaskit/help-article @atlaskit/help-layout @atlaskit/icon @atlaskit/editor-shared-styles @atlaskit/page-layout @atlaskit/pagination @atlaskit/panel @atlaskit/people-teams-ui-public @atlaskit/popup @atlaskit/pragmatic-drag-and-drop-flourish @atlaskit/pragmatic-drag-and-drop-react-accessibility @atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration @atlaskit/pragmatic-drag-and-drop-react-drop-indicator @atlaskit/pragmatic-drag-and-drop-react-indicator @atlaskit/primitives @atlaskit/media-filmstrip @atlaskit/media-picker @atlaskit/media-table @atlaskit/media-viewer @atlaskit/mention @atlaskit/menu @atlaskit/mobile-header @atlaskit/modal-dialog @atlaskit/onboarding @atlaskit/page-header @atlaskit/progress-tracker @atlaskit/quick-search @atlaskit/quiz-widget @atlaskit/radio @atlaskit/range @atlaskit/rating @atlaskit/media-test-helpers @atlaskit/media-ui @atlaskit/profilecard @atlaskit/progress-bar @atlaskit/progress-indicator @atlaskit/editor-mobile-bridge @atlaskit/editor-common @atlaskit/editor-palette @atlaskit/editor-plugin-alignment @atlaskit/editor-plugin-avatar-group @atlaskit/editor-plugin-before-primary-toolbar @atlaskit/editor-plugin-block-controls @atlaskit/editor-plugin-block-type @atlaskit/editor-plugin-breakout @atlaskit/editor-plugin-card @atlaskit/editor-plugin-date @atlaskit/editor-plugin-expand @atlaskit/editor-plugin-extension @atlaskit/editor-plugin-find-replace @atlaskit/editor-plugin-floating-toolbar @atlaskit/editor-plugin-guideline @atlaskit/editor-plugin-help-dialog @atlaskit/editor-plugin-highlight @atlaskit/editor-plugin-insert-block @atlaskit/editor-plugin-layout @atlaskit/editor-plugin-loom @atlaskit/editor-plugin-media @atlaskit/editor-plugin-mentions @atlaskit/editor-plugin-paste-options-toolbar @atlaskit/editor-plugin-placeholder-text @atlaskit/editor-plugin-quick-insert @atlaskit/editor-plugin-selection @atlaskit/editor-plugin-selection-marker @atlaskit/legacy-custom-icons

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

11 months ago

11 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

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

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

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

4 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