@lism-css/mcp 0.10.4 → 0.12.0

package/dist/data/tokens.json

@@ -1,152 +0,0 @@
-[
-  {
-    "category": "color",
-    "description": "セマンティックカラートークン。サイト全体のカラー設計に使用。",
-    "tokens": [
-      { "name": "--base", "value": "hsl(224 4% 99%)", "description": "ベース背景色" },
-      { "name": "--base-2", "value": "hsl(224 8% 95%)", "description": "代替背景色" },
-      { "name": "--text", "value": "hsl(224 4% 8%)", "description": "基本テキスト色" },
-      { "name": "--text-2", "value": "hsl(224 6% 32%)", "description": "補助テキスト色" },
-      { "name": "--divider", "value": "hsl(224 8% 88%)", "description": "区切り線色" },
-      { "name": "--link", "value": "oklch(50% 0.3 240)", "description": "リンク色" },
-      { "name": "--brand", "value": "#1e5f8c", "description": "ブランド色" },
-      { "name": "--accent", "value": "#d94a6a", "description": "アクセント色" }
-    ]
-  },
-  {
-    "category": "color",
-    "description": "パレットカラートークン。OKLCHで定義。--L（明度）と--C（彩度）の基準値を調整するとパレット全体の色味を変更可能。",
-    "tokens": [
-      { "name": "--red", "value": "oklch(var(--L) var(--C) 20)" },
-      { "name": "--orange", "value": "oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 52)" },
-      { "name": "--yellow", "value": "oklch(calc(var(--L) + 12%) calc(var(--C) - 0.025) 84)" },
-      { "name": "--green", "value": "oklch(calc(var(--L) + 4%) calc(var(--C) - 0.02) 152)" },
-      { "name": "--blue", "value": "oklch(calc(var(--L) - 2%) calc(var(--C) + 0.01) 260)" },
-      { "name": "--purple", "value": "oklch(calc(var(--L) - 4%) calc(var(--C) + 0.02) 292)" },
-      { "name": "--pink", "value": "oklch(calc(var(--L) + 2%) calc(var(--C) + 0.02) 348)" },
-      { "name": "--gray", "value": "oklch(calc(var(--L) - 4%) 0.04 256)" },
-      { "name": "--black", "value": "#000" },
-      { "name": "--white", "value": "#fff" }
-    ]
-  },
-  {
-    "category": "spacing",
-    "description": "スペーシングトークン。padding, margin, gap 等で使用。CSS変数名は --s{値}。フィボナッチ数列ベースのスケーリング。--s-unit（≒8px）を基準とする。",
-    "tokens": [
-      { "name": "--s5", "value": "calc(0.5 * var(--s-unit))", "description": "≒ 4px" },
-      { "name": "--s10", "value": "var(--s-unit)", "description": "≒ 8px" },
-      { "name": "--s15", "value": "calc(1.5 * var(--s-unit))", "description": "≒ 12px" },
-      { "name": "--s20", "value": "calc(2 * var(--s-unit))", "description": "≒ 16px" },
-      { "name": "--s30", "value": "calc(3 * var(--s-unit))", "description": "≒ 24px" },
-      { "name": "--s40", "value": "calc(5 * var(--s-unit))", "description": "≒ 40px" },
-      { "name": "--s50", "value": "calc(8 * var(--s-unit))", "description": "≒ 64px" },
-      { "name": "--s60", "value": "calc(13 * var(--s-unit))", "description": "≒ 104px" },
-      { "name": "--s70", "value": "calc(21 * var(--s-unit))", "description": "≒ 168px" },
-      { "name": "--s80", "value": "calc(34 * var(--s-unit))", "description": "≒ 272px" }
-    ]
-  },
-  {
-    "category": "fontSize",
-    "description": "フォントサイズトークン。CSS変数名は --fz--{値}。--fz-mol（デフォルト8）を分子とする調和数列（倍音列）ベースのスケーリング。--fz-mol を上書きすることでスケール全体を調整可能。",
-    "tokens": [
-      { "name": "--fz--base", "value": "var(--REM)", "description": "本文の基本フォントサイズ（≒ 1rem）" },
-      { "name": "--fz-mol", "value": "8", "description": "倍音列の分母（7以上に対応）。この値を変更するとスケール全体が変わる" },
-      { "name": "--fz--5xl", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) - 6))", "description": "最大サイズ（mol/(mol-6)）" },
-      { "name": "--fz--4xl", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) - 5))", "description": "特大サイズ（mol/(mol-5)）" },
-      { "name": "--fz--3xl", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) - 4))", "description": "3XLサイズ（mol/(mol-4)）" },
-      { "name": "--fz--2xl", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) - 3))", "description": "2XLサイズ（mol/(mol-3)）" },
-      { "name": "--fz--xl", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) - 2))", "description": "XLサイズ（mol/(mol-2)）" },
-      { "name": "--fz--l", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) - 1))", "description": "Lサイズ（mol/(mol-1)）" },
-      { "name": "--fz--m", "value": "1em", "description": "Mサイズ（基準）" },
-      { "name": "--fz--s", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) + 1))", "description": "Sサイズ（mol/(mol+1)）" },
-      { "name": "--fz--xs", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) + 2))", "description": "XSサイズ（mol/(mol+2)）" },
-      { "name": "--fz--2xs", "value": "calc(1em * var(--fz-mol) / (var(--fz-mol) + 3))", "description": "最小サイズ（mol/(mol+3)）" }
-    ]
-  },
-  {
-    "category": "lineHeight",
-    "description": "行間（ハーフレディング）トークン。CSS変数名は --hl--{値}。line-heightは calc(1em + var(--hl) * 2) で算出される。--hl-unit（≒2px）を基準とする。",
-    "tokens": [
-      { "name": "--hl--xs", "value": "var(--hl-unit)", "description": "極小の行間（≒ 2px）" },
-      { "name": "--hl--s", "value": "calc(var(--hl-unit) * 2)", "description": "小さめの行間（≒ 4px）" },
-      { "name": "--hl--base", "value": "calc(var(--hl-unit) * 3)", "description": "基本の行間（≒ 6px）" },
-      { "name": "--hl--l", "value": "calc(var(--hl-unit) * 4)", "description": "大きめの行間（≒ 8px）" }
-    ]
-  },
-  {
-    "category": "letterSpacing",
-    "description": "文字間隔トークン。CSS変数名は --lts--{値}。",
-    "tokens": [
-      { "name": "--lts--base", "value": "normal", "description": "基本の文字間隔" },
-      { "name": "--lts--s", "value": "-0.05em", "description": "狭めの文字間隔" },
-      { "name": "--lts--l", "value": "0.05em", "description": "広めの文字間隔" }
-    ]
-  },
-  {
-    "category": "fontFamily",
-    "description": "フォントファミリートークン。CSS変数名は --ff--{値}。",
-    "tokens": [
-      {
-        "name": "--ff--base",
-        "value": "-apple-system, 'BlinkMacSystemFont', 'Hiragino Sans', sans-serif, 'Segoe UI Emoji'",
-        "description": "基本フォント"
-      },
-      { "name": "--ff--accent", "value": "'Garamond', 'Baskerville', 'Times New Roman', serif", "description": "アクセントフォント" },
-      { "name": "--ff--mono", "value": "ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace", "description": "モノスペースフォント" }
-    ]
-  },
-  {
-    "category": "fontWeight",
-    "description": "フォントウェイトトークン。CSS変数名は --fw--{値}。名前付きトークンは light / normal / bold の3つ。細かいウェイト指定には -fw:100 ~ -fw:900 の数値ユーティリティクラスを使用。",
-    "tokens": [
-      { "name": "--fw--light", "value": "300", "description": "細め" },
-      { "name": "--fw--normal", "value": "400", "description": "標準" },
-      { "name": "--fw--bold", "value": "600", "description": "太字（Hiragino Sans W6 相当）" }
-    ]
-  },
-  {
-    "category": "opacity",
-    "description": "不透明度トークン。CSS変数名は --o--{値}。値はマイナス表記（n10 = -10）。",
-    "tokens": [
-      { "name": "--o--n10", "value": "0.75", "description": "75%の不透明度" },
-      { "name": "--o--n20", "value": "0.5", "description": "50%の不透明度" },
-      { "name": "--o--n30", "value": "0.25", "description": "25%の不透明度" }
-    ]
-  },
-  {
-    "category": "radius",
-    "description": "角丸トークン。CSS変数名は --bdrs--{値}。段階的に値が大きくなる。",
-    "tokens": [
-      { "name": "--bdrs--5", "value": "2px", "description": "角丸 step 5" },
-      { "name": "--bdrs--10", "value": "0.25rem", "description": "角丸 step 10（≒ 4px）" },
-      { "name": "--bdrs--20", "value": "0.5rem", "description": "角丸 step 20（≒ 8px）" },
-      { "name": "--bdrs--30", "value": "1rem", "description": "角丸 step 30（≒ 16px）" },
-      { "name": "--bdrs--40", "value": "1.5rem", "description": "角丸 step 40（≒ 24px）" },
-      { "name": "--bdrs--50", "value": "2rem", "description": "角丸 step 50（≒ 32px）" },
-      { "name": "--bdrs--99", "value": "99rem", "description": "完全な丸 (pill)" },
-      { "name": "--bdrs--inner", "value": "calc(var(--bdrs, 0px) - var(--p, 0px))", "description": "内側の角丸（親要素に合わせる）" }
-    ]
-  },
-  {
-    "category": "shadow",
-    "description": "ボックスシャドウトークン。CSS変数名は --bxsh--{値}。--shc（シャドウカラー: hsl(220 4% 8% / 5%)）と --shsz--{n}（シャドウサイズ）を組み合わせた --sh--{n} 変数を複合して構成。",
-    "tokens": [
-      { "name": "--bxsh--5", "value": "var(--sh--5)", "description": "シャドウ step 5（最も薄い・単一シャドウ）" },
-      { "name": "--bxsh--10", "value": "var(--sh--5), var(--sh--10)", "description": "シャドウ step 10" },
-      { "name": "--bxsh--20", "value": "var(--sh--10), var(--sh--20)", "description": "シャドウ step 20" },
-      { "name": "--bxsh--30", "value": "var(--sh--20), var(--sh--30)", "description": "シャドウ step 30" },
-      { "name": "--bxsh--40", "value": "var(--sh--30), var(--sh--40)", "description": "シャドウ step 40" },
-      { "name": "--bxsh--50", "value": "var(--sh--40), var(--sh--50)", "description": "シャドウ step 50（最も濃い）" }
-    ]
-  },
-  {
-    "category": "zIndex",
-    "description": "z-index プリセット値。",
-    "tokens": [
-      { "name": "-1", "value": "-1" },
-      { "name": "0", "value": "0" },
-      { "name": "1", "value": "1" },
-      { "name": "99", "value": "99" }
-    ]
-  }
-]