@giftee/abukuma-design-tokens

@giftee/abukuma-design-tokens は株式会社ギフティのデザインシステム Abukuma のデザイントークンです。

インストール

$ npm install @giftee/abukuma-design-tokens

テーマ

現在、marine-light, marine-dark, skeleton-light, coral-light を提供しています。テーマ設定の方法は言語ごとに違います。

使い方

現在、CSS Variables の形態と JavaScript + 型定義の形態でデザイントークンを提供しています。他の形態で欲しい場合は、お問い合わせください。

CSS/SCSS

CSS variables の形で提供しています。テーマ設定は HTML に [data-theme=marine-light] とすることで可能です。

@import '@giftee/abukuma-design-tokens';

JS/TS

JavaScript の object とそれに対応した型定義を提供しています。テーマごとにデザイントークンが import できるので、好きに使ってください。

import { marineLight, saasLight } from '@giftee/abukuma-design-tokens';

開発

開発については DEVELOP.md を参照してください。

リリース

リリースについては RELEASING.md を参照してください。

ライセンス

このプロダクトはMITの条件に従ってライセンスされています。

当社 OSS の利用にあたっての注意事項

当社 OSS の利用にあたっての注意事項 をご参照ください。