@atlaskit/tokens NPM | npm.io

1.31.0 • Published 2 years ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

2 years 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.

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

matematykmiero-components-library atlassian-connect-js @atlaskit/editor-plugin-alignment drag-and-drop-hook react-components-base-lib rivet-local-app ridge-atlassian sj-dropdown react-style-library @forge/bridge @griders/rivet-app @labset/confluence-static-site @labset/confluence-website @blitzesty/essentials @atlaskit/editor-plugin-block-controls @atlaskit/editor-plugin-block-type @atlaskit/editor-plugin-breakout @atlaskit/editor-plugin-card @atlaskit/editor-plugin-code-block-advanced @atlaskit/editor-plugin-date @atlaskit/editor-plugin-emoji @atlaskit/editor-plugin-expand @atlaskit/editor-plugin-extension @atlaskit/editor-plugin-find-replace @atlaskit/editor-plugin-avatar-group @atlaskit/editor-plugin-before-primary-toolbar @atlaskit/status @atlaskit/storybook-addon-design-system @atlaskit/stylelint-design-system @atlaskit/table @atlaskit/table-tree @atlaskit/tabs @atlaskit/tag @atlaskit/task-decision @atlaskit/teams-app-config @atlaskit/teams-avatar @atlaskit/teams-public @atlaskit/temp-nav-app-icons @atlaskit/textarea @atlaskit/right-side-panel @atlaskit/rovo-agent-components @atlaskit/section-message @atlaskit/select @atlaskit/share @atlaskit/side-navigation @atlaskit/skeleton @atlaskit/smart-card @atlaskit/spinner @atlaskit/textfield @atlaskit/theme @atlaskit/toggle @atlaskit/tooltip @atlaskit/user-picker @atlaskit/util-data-test @atlaskit/editor-core @atlaskit/editor-element-browser @atlaskit/editor-extension-dropbox @atlaskit/editor-common @atlaskit/editor-mobile-bridge @atlaskit/editor-palette @atlaskit/avatar-group @atlaskit/badge @atlaskit/banner @atlaskit/blanket @atlaskit/breadcrumbs @atlaskit/button @atlaskit/calendar @atlaskit/charlie-hierarchy @atlaskit/contextual-survey @atlaskit/css @atlaskit/css-reset @atlaskit/date @atlaskit/datetime-picker @atlaskit/docs @atlaskit/drag-and-drop-indicator @atlaskit/drawer @atlaskit/dropdown-menu @atlaskit/ds-explorations @atlaskit/dynamic-table @atlaskit/checkbox @atlaskit/code @atlaskit/codemod-cli @atlaskit/color-picker @atlaskit/comment @atlaskit/ads-mcp @atlaskit/ai-snippets @atlaskit/analytics-viewer @atlaskit/app-provider @atlaskit/atlassian-navigation @atlaskit/auto-upgrade-not-a-trial @atlaskit/avatar @atlaskit/editor-shared-styles @atlaskit/embedded-document @atlaskit/emoji @atlaskit/empty-state @atlaskit/editor-plugin-table @atlaskit/editor-plugin-tasks-and-decisions @atlaskit/editor-plugin-text-color @atlaskit/editor-plugin-text-formatting @atlaskit/editor-plugin-toolbar-lists-indentation

7 months ago

7 months ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

10 months ago

7 months ago

8 months ago

8 months ago

7 months ago

1 year ago

11 months ago

8 months ago

6 months ago

1 year ago

11 months ago

9 months ago

1 year ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

1 year ago

11 months ago

11 months ago

11 months ago

10 months ago

10 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

2 years ago

2 years ago

1 year ago

2 years ago

2 years 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

3 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

2 years ago

2 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

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

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

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago