DTS-TYPE-SHADOW / 値の型

Shadow token(影)

x・y位置、ぼかし、広がり、色を複合値として管理します。

v1.0.0 2026-07-20 English

Direct answer

この用語・ルールが意味すること

x・y位置、ぼかし、広がり、色を複合値として管理します。

Verified example

最小例

{ "$type": "shadow", "$value": { "offsetX": "0px", "offsetY": "8px", "blur": "24px", "color": "#0000001f" } }

この例は安定した基本契約を示すもので、各platformのすべてのoptionを表すものではありません。

Resolution and export

Studioでの処理方法

  1. 入力値を型付きの内部recordへ正規化し、変更しないtoken IDを割り当てます。
  2. resolverがaliasとlight・darkのsourceをたどり、参照経路を保持します。
  3. 各adapterが変換するか、warningとlossへ記録し、黙って削除しません。

Boundary

制約と確認ポイント

  • validation通過はブランド品質や全画面状態を保証するものではありません。
  • 本番ファイルを置き換える前に、対象frameworkとWordPress versionを確認してください。
  • Projectデータはブラウザ内に留まり、共有URLには含めません。

Design Token Studioで確認する

preset作成またはCSS・DTCG import後に、値の解決、検証根拠、6形式の出力を確認できます。

Studioを開く