pantoken / transition

transition ​

베타

@pantoken/plugin-transition — InstUI의 Transition 유틸리티 뒤에 있는 --instui-transition-duration/--instui-transition-timing 토큰.

CSS 그 자체( .instui-transition 기본 규칙과 fade/scale/slide-* 상태 클래스) 은 이제 @pantoken/components 자체의 transition 유틸리티에 위치합니다; 이 플러그인은 단지 두 개의 지속 시간/타이밍 토큰을 하위 수준의 @pantoken/css + @pantoken/tokens 파이프라인을 직접 사용하는 소비자들을 위한 토큰 IR에 포함할 뿐입니다.

예제 ​

ts
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

인터페이스 ​

함수 ​

참조 ​

default ​

transition을 이름을 변경해 재내보냅니다