Tokens Studio Tailwind

@gsuiffet/tokens-studio-tailwind is a npm package (open source) designed to streamline the integration of design tokens from Tokens Studio into Tailwind CSS projects.

Introduction

Tokens Studio Tailwind simplifies the process of integrating design tokens from Tokens Studio into Tailwind CSS projects. It ensures consistency in your design system by providing an efficient way to map design tokens to CSS properties.

Compatibility

This package is compatible with Tailwind CSS version 3.3.5 and currently supports the free version ^1 of Tokens-studio. For different versions, please verify compatibility or consider updating your Tailwind CSS installation.

Installation

Install this package using your preferred package manager:

npm install @gsuiffet/tokens-studio-tailwind
# or
yarn add @gsuiffet/tokens-studio-tailwind
# or
pnpm add @gsuiffet/tokens-studio-tailwind

Usage

See the Documentation

Contributing

To contribute to this project:

• Run pnpm i to install dependencies.
• Run pnpm run build && node dist/index.js -j __mock__/tokens.json -t global,dark to test the program
• Run changeset to create a changeset (this will be used to update the package version)
• Create a Pull request for your branch

@gsuiffet/tokens-studio-tailwind

2.1.5

Patch Changes

• 62f578d: add keyword

2.1.4

Patch Changes

• d37bbaa: small refactor

2.1.3

Patch Changes

• cd42c2e: refactor border

2.1.2

Patch Changes

• fb3b4cd: fix border color variable

2.1.1

Patch Changes

• 8bfab28: fix generate tailwind variables

2.1.0

Minor Changes

• e4e6f28: Handle color hls hsla rgb rgba & allow border color variable & fix multiple size on different theme

2.0.2

Patch Changes

• 07f1a98: refactor readme

2.0.1

Patch Changes

• 7dc5469: Refactor readme file

2.0.0

Major Changes

• 31ec125: Handle almost all tokens & better install method & get tailwind utilities from the generated sd-output folder

1.0.5

Patch Changes

• eb7800b: fix readme

1.0.4

Patch Changes

• 688bf18: add a link to the github repo for npm

1.0.3

Patch Changes

• d1912ca: fix key composed of numerical value

1.0.2

Patch Changes

• b782275: fix multiple theme with the same key but different value

1.0.1

Patch Changes

• 4b7ddcc: refactor readme

1.0.0

Major Changes

• 28d2799: add test & refactor

0.3.2

Patch Changes

• 1527d6c: fix generateTailwindClasses

0.3.1

Patch Changes

• b631075: update readMe

0.3.0

Minor Changes

• e91fc5c: husky

0.2.0

Minor Changes

• 3c3888d: eslint

0.1.0

Minor Changes

• 8e1257d: add prettier

0.0.25

Patch Changes

• e24f23b: test without changeset
• 7983e7f: fix add a bin path

0.0.24

Patch Changes

• 7d1f2c3: test