pantoken / transition

transition

ベータ

@pantoken/plugin-transition — InstUI の --instui-transition-duration/--instui-transition-timing トークンで、Transition ユーティリティの背後にあります。

CSS 自体（.instui-transition のベースルールと fade/scale/slide-* のステートクラス）は 現在 @pantoken/components の独自の transition ユーティリティに含まれています；このプラグインは、duration と timing の2つのトークンを、低レベルの @pantoken/css + @pantoken/tokens パイプラインを直接使用する利用者向けにトークン IR として組み込むだけです。

例

import { buildTokens } from "@pantoken/core/build";
import { transition } from "@pantoken/plugin-transition";

const tokens = buildTokens({ theme: "rebrand", plugins: [transition()] });
// → includes --instui-transition-duration: 300ms, --instui-transition-timing: ease-in-out

インターフェース

• TransitionOptions

関数

• transition

参照

default

transition の名前を変更して再エクスポートします