Effects

현재 등록된 border·focus·interaction token과 사용 중인 shadow primitive를 표시합니다.

Semantic effect token

Light/Dark에 따라 실제 값이 바뀌는 공용 oe token입니다.

Name	Type	Light / value	Dark	Preview
oe-border-primary	Token	neutral-300	neutral-700
oe-border-secondary	Token	neutral-200	neutral-800
oe-border-disabled	Token	neutral-100	neutral-900
oe-focus-ring	Token	brand-600	brand-400
oe-interaction-hover-subtle	Token	black / 3%	white / 5%	Subtle hover
oe-interaction-hover	Token	black / 5%	white / 8%	Hover

현재 공용 semantic token은 없고 자산에서 사용하는 Tailwind shadow primitive입니다.

Primitive

Small surface

Primitive

Floating surface

Primitive

Popover layer