@ynetlabo/ui-tokens 0.1.0

package/dist/tokens.js

@@ -0,0 +1,266 @@
+// 生成物。手で編集しない
+export const light = {
+  "colorNeutral0": "oklch(1 0 0)",
+  "colorNeutral50": "oklch(0.985 0.003 250)",
+  "colorNeutral100": "oklch(0.965 0.005 250)",
+  "colorNeutral200": "oklch(0.925 0.008 250)",
+  "colorNeutral300": "oklch(0.865 0.012 250)",
+  "colorNeutral400": "oklch(0.72 0.016 250)",
+  "colorNeutral500": "oklch(0.60 0.018 250)",
+  "colorNeutral600": "oklch(0.47 0.018 250)",
+  "colorNeutral700": "oklch(0.34 0.016 250)",
+  "colorNeutral800": "oklch(0.255 0.014 250)",
+  "colorNeutral900": "oklch(0.205 0.012 250)",
+  "colorNeutral950": "oklch(0.165 0.010 250)",
+  "colorNeutral1000": "oklch(0.135 0.010 250)",
+  "colorAi100": "oklch(0.945 0.028 252)",
+  "colorAi400": "oklch(0.615 0.108 252)",
+  "colorAi500": "oklch(0.525 0.126 252)",
+  "colorAi600": "oklch(0.438 0.118 252)",
+  "colorAi700": "oklch(0.372 0.100 252)",
+  "colorShu100": "oklch(0.945 0.030 30)",
+  "colorShu500": "oklch(0.545 0.130 30)",
+  "colorShu600": "oklch(0.470 0.128 30)",
+  "colorMap1": "oklch(0.545 0.088 252)",
+  "colorMap2": "oklch(0.775 0.075 195)",
+  "colorMap3": "oklch(0.605 0.088 150)",
+  "colorMap4": "oklch(0.835 0.088 122)",
+  "colorMap5": "oklch(0.655 0.095 88)",
+  "colorMap6": "oklch(0.795 0.090 62)",
+  "colorMap7": "oklch(0.575 0.105 32)",
+  "colorMap8": "oklch(0.745 0.070 348)",
+  "colorMap9": "oklch(0.545 0.085 295)",
+  "colorMap10": "oklch(0.665 0.075 232)",
+  "colorMap11": "oklch(0.815 0.078 135)",
+  "colorBg": "oklch(0.965 0.005 250)",
+  "colorSurface": "oklch(1 0 0)",
+  "colorSurface2": "oklch(0.985 0.003 250)",
+  "colorSunken": "oklch(0.925 0.008 250)",
+  "colorInk": "oklch(0.135 0.010 250)",
+  "colorInk2": "oklch(0.47 0.018 250)",
+  "colorInk3": "oklch(0.60 0.018 250)",
+  "colorLine": "oklch(0.925 0.008 250)",
+  "colorLine2": "oklch(0.865 0.012 250)",
+  "colorAccent": "oklch(0.438 0.118 252)",
+  "colorAccentHover": "oklch(0.525 0.126 252)",
+  "colorAccentWash": "oklch(0.945 0.028 252)",
+  "colorOnAccent": "oklch(1 0 0)",
+  "colorDanger": "oklch(0.470 0.128 30)",
+  "colorDangerWash": "oklch(0.945 0.030 30)",
+  "colorSea": "oklch(0.925 0.008 250)",
+  "colorLandLine": "oklch(1 0 0)",
+  "colorArea1": "oklch(0.545 0.088 252)",
+  "colorArea2": "oklch(0.775 0.075 195)",
+  "colorArea3": "oklch(0.605 0.088 150)",
+  "colorArea4": "oklch(0.835 0.088 122)",
+  "colorArea5": "oklch(0.655 0.095 88)",
+  "colorArea6": "oklch(0.795 0.090 62)",
+  "colorArea7": "oklch(0.575 0.105 32)",
+  "colorArea8": "oklch(0.745 0.070 348)",
+  "colorArea9": "oklch(0.545 0.085 295)",
+  "colorArea10": "oklch(0.665 0.075 232)",
+  "colorArea11": "oklch(0.815 0.078 135)",
+  "space0": "0px",
+  "space1": "2px",
+  "space2": "4px",
+  "space3": "6px",
+  "space4": "8px",
+  "space5": "10px",
+  "space6": "12px",
+  "space8": "16px",
+  "space10": "20px",
+  "space12": "24px",
+  "radiusSm": "6px",
+  "radiusMd": "8px",
+  "radiusLg": "14px",
+  "radiusXl": "18px",
+  "radiusFull": "999px",
+  "radiusControl": "6px",
+  "radiusPanel": "14px",
+  "radiusSheet": "18px",
+  "radiusPill": "999px",
+  "strokeHair": "1px",
+  "strokeThin": "3.4px",
+  "strokeMedium": "4.5px",
+  "strokeThick": "8.5px",
+  "sizeField": "38px",
+  "sizeTouch": "44px",
+  "sizePopMin": "272px",
+  "sizePopMax": "420px",
+  "sizeControlHeight": "38px",
+  "sizeControlTouch": "44px",
+  "sizePanelMin": "272px",
+  "sizePanelMax": "420px",
+  "durationPop": "170ms",
+  "durationSheet": "300ms",
+  "durationZoom": "520ms",
+  "lineHair": "1px",
+  "lineDilate": "4.5px",
+  "lineEmphasis": "3.4px",
+  "lineStrong": "8.5px",
+  "motionQuick": "170ms",
+  "motionSheet": "300ms",
+  "motionZoom": "520ms",
+  "prefecturePickerTriggerBg": "oklch(1 0 0)",
+  "prefecturePickerTriggerBorder": "oklch(0.865 0.012 250)",
+  "prefecturePickerTriggerBorderHover": "oklch(0.438 0.118 252)",
+  "prefecturePickerTriggerText": "oklch(0.135 0.010 250)",
+  "prefecturePickerTriggerPlaceholder": "oklch(0.60 0.018 250)",
+  "prefecturePickerTriggerHeight": "38px",
+  "prefecturePickerTriggerRadius": "6px",
+  "prefecturePickerPopoverBg": "oklch(1 0 0)",
+  "prefecturePickerPopoverBorder": "oklch(0.865 0.012 250)",
+  "prefecturePickerPopoverRadius": "14px",
+  "prefecturePickerPopoverMinWidth": "272px",
+  "prefecturePickerPopoverMaxWidth": "420px",
+  "prefecturePickerPopoverDuration": "170ms",
+  "prefecturePickerSheetRadius": "18px",
+  "prefecturePickerSheetMinTarget": "44px",
+  "prefecturePickerSheetDuration": "300ms",
+  "prefecturePickerMapSea": "oklch(0.925 0.008 250)",
+  "prefecturePickerMapLandLine": "oklch(1 0 0)",
+  "prefecturePickerMapOutline": "oklch(0.135 0.010 250)",
+  "prefecturePickerMapOutlineHover": "oklch(0.47 0.018 250)",
+  "prefecturePickerMapLandLineWidth": "1px",
+  "prefecturePickerMapFillDilate": "4.5px",
+  "prefecturePickerMapOutlineWidth": "8.5px",
+  "prefecturePickerMapOutlineHoverWidth": "3.4px",
+  "prefecturePickerMapZoomDuration": "520ms",
+  "prefecturePickerOptionBg": "oklch(1 0 0)",
+  "prefecturePickerOptionBgHover": "oklch(0.925 0.008 250)",
+  "prefecturePickerOptionBgSelected": "oklch(0.438 0.118 252)",
+  "prefecturePickerOptionTextSelected": "oklch(1 0 0)",
+};
+export const dark = {
+  "colorNeutral0": "oklch(1 0 0)",
+  "colorNeutral50": "oklch(0.985 0.003 250)",
+  "colorNeutral100": "oklch(0.965 0.005 250)",
+  "colorNeutral200": "oklch(0.925 0.008 250)",
+  "colorNeutral300": "oklch(0.865 0.012 250)",
+  "colorNeutral400": "oklch(0.72 0.016 250)",
+  "colorNeutral500": "oklch(0.60 0.018 250)",
+  "colorNeutral600": "oklch(0.47 0.018 250)",
+  "colorNeutral700": "oklch(0.34 0.016 250)",
+  "colorNeutral800": "oklch(0.255 0.014 250)",
+  "colorNeutral900": "oklch(0.205 0.012 250)",
+  "colorNeutral950": "oklch(0.165 0.010 250)",
+  "colorNeutral1000": "oklch(0.135 0.010 250)",
+  "colorAi100": "oklch(0.945 0.028 252)",
+  "colorAi400": "oklch(0.615 0.108 252)",
+  "colorAi500": "oklch(0.525 0.126 252)",
+  "colorAi600": "oklch(0.438 0.118 252)",
+  "colorAi700": "oklch(0.372 0.100 252)",
+  "colorShu100": "oklch(0.945 0.030 30)",
+  "colorShu500": "oklch(0.545 0.130 30)",
+  "colorShu600": "oklch(0.470 0.128 30)",
+  "colorMap1": "oklch(0.545 0.088 252)",
+  "colorMap2": "oklch(0.775 0.075 195)",
+  "colorMap3": "oklch(0.605 0.088 150)",
+  "colorMap4": "oklch(0.835 0.088 122)",
+  "colorMap5": "oklch(0.655 0.095 88)",
+  "colorMap6": "oklch(0.795 0.090 62)",
+  "colorMap7": "oklch(0.575 0.105 32)",
+  "colorMap8": "oklch(0.745 0.070 348)",
+  "colorMap9": "oklch(0.545 0.085 295)",
+  "colorMap10": "oklch(0.665 0.075 232)",
+  "colorMap11": "oklch(0.815 0.078 135)",
+  "colorBg": "oklch(0.135 0.010 250)",
+  "colorSurface": "oklch(0.205 0.012 250)",
+  "colorSurface2": "oklch(0.255 0.014 250)",
+  "colorSunken": "oklch(0.165 0.010 250)",
+  "colorInk": "oklch(0.985 0.003 250)",
+  "colorInk2": "oklch(0.72 0.016 250)",
+  "colorInk3": "oklch(0.60 0.018 250)",
+  "colorLine": "oklch(0.255 0.014 250)",
+  "colorLine2": "oklch(0.34 0.016 250)",
+  "colorAccent": "oklch(0.615 0.108 252)",
+  "colorAccentHover": "oklch(0.615 0.108 252)",
+  "colorAccentWash": "oklch(0.255 0.014 250)",
+  "colorOnAccent": "oklch(0.135 0.010 250)",
+  "colorDanger": "oklch(0.545 0.130 30)",
+  "colorDangerWash": "oklch(0.255 0.014 250)",
+  "colorSea": "oklch(0.165 0.010 250)",
+  "colorLandLine": "oklch(0.135 0.010 250)",
+  "colorArea1": "oklch(0.635 0.088 252)",
+  "colorArea2": "oklch(0.845 0.075 195)",
+  "colorArea3": "oklch(0.695 0.088 150)",
+  "colorArea4": "oklch(0.885 0.088 122)",
+  "colorArea5": "oklch(0.745 0.095 88)",
+  "colorArea6": "oklch(0.855 0.090 62)",
+  "colorArea7": "oklch(0.665 0.105 32)",
+  "colorArea8": "oklch(0.805 0.070 348)",
+  "colorArea9": "oklch(0.645 0.085 295)",
+  "colorArea10": "oklch(0.745 0.075 232)",
+  "colorArea11": "oklch(0.875 0.078 135)",
+  "space0": "0px",
+  "space1": "2px",
+  "space2": "4px",
+  "space3": "6px",
+  "space4": "8px",
+  "space5": "10px",
+  "space6": "12px",
+  "space8": "16px",
+  "space10": "20px",
+  "space12": "24px",
+  "radiusSm": "6px",
+  "radiusMd": "8px",
+  "radiusLg": "14px",
+  "radiusXl": "18px",
+  "radiusFull": "999px",
+  "radiusControl": "6px",
+  "radiusPanel": "14px",
+  "radiusSheet": "18px",
+  "radiusPill": "999px",
+  "strokeHair": "1px",
+  "strokeThin": "3.4px",
+  "strokeMedium": "4.5px",
+  "strokeThick": "8.5px",
+  "sizeField": "38px",
+  "sizeTouch": "44px",
+  "sizePopMin": "272px",
+  "sizePopMax": "420px",
+  "sizeControlHeight": "38px",
+  "sizeControlTouch": "44px",
+  "sizePanelMin": "272px",
+  "sizePanelMax": "420px",
+  "durationPop": "170ms",
+  "durationSheet": "300ms",
+  "durationZoom": "520ms",
+  "lineHair": "1px",
+  "lineDilate": "4.5px",
+  "lineEmphasis": "3.4px",
+  "lineStrong": "8.5px",
+  "motionQuick": "170ms",
+  "motionSheet": "300ms",
+  "motionZoom": "520ms",
+  "prefecturePickerTriggerBg": "oklch(0.205 0.012 250)",
+  "prefecturePickerTriggerBorder": "oklch(0.34 0.016 250)",
+  "prefecturePickerTriggerBorderHover": "oklch(0.615 0.108 252)",
+  "prefecturePickerTriggerText": "oklch(0.985 0.003 250)",
+  "prefecturePickerTriggerPlaceholder": "oklch(0.60 0.018 250)",
+  "prefecturePickerTriggerHeight": "38px",
+  "prefecturePickerTriggerRadius": "6px",
+  "prefecturePickerPopoverBg": "oklch(0.205 0.012 250)",
+  "prefecturePickerPopoverBorder": "oklch(0.34 0.016 250)",
+  "prefecturePickerPopoverRadius": "14px",
+  "prefecturePickerPopoverMinWidth": "272px",
+  "prefecturePickerPopoverMaxWidth": "420px",
+  "prefecturePickerPopoverDuration": "170ms",
+  "prefecturePickerSheetRadius": "18px",
+  "prefecturePickerSheetMinTarget": "44px",
+  "prefecturePickerSheetDuration": "300ms",
+  "prefecturePickerMapSea": "oklch(0.165 0.010 250)",
+  "prefecturePickerMapLandLine": "oklch(0.135 0.010 250)",
+  "prefecturePickerMapOutline": "oklch(0.985 0.003 250)",
+  "prefecturePickerMapOutlineHover": "oklch(0.72 0.016 250)",
+  "prefecturePickerMapLandLineWidth": "1px",
+  "prefecturePickerMapFillDilate": "4.5px",
+  "prefecturePickerMapOutlineWidth": "8.5px",
+  "prefecturePickerMapOutlineHoverWidth": "3.4px",
+  "prefecturePickerMapZoomDuration": "520ms",
+  "prefecturePickerOptionBg": "oklch(0.205 0.012 250)",
+  "prefecturePickerOptionBgHover": "oklch(0.165 0.010 250)",
+  "prefecturePickerOptionBgSelected": "oklch(0.615 0.108 252)",
+  "prefecturePickerOptionTextSelected": "oklch(0.135 0.010 250)",
+};
+export const cssVar = (name) => `var(--${name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase()})`;

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@ynetlabo/ui-tokens",
+  "version": "0.1.0",
+  "description": "ui-labo のデザイントークン（DTCG 2025.10）と、各プラットフォームへの変換",
+  "type": "module",
+  "license": "MIT",
+  "files": [
+    "dist",
+    "src",
+    "resolver.json"
+  ],
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "test": "node --test test/*.test.mjs"
+  },
+  "devDependencies": {
+    "style-dictionary": "^5.5.2"
+  },
+  "homepage": "https://yuuint.github.io/ui-labo/",
+  "bugs": {
+    "url": "https://github.com/yuuint/ui-labo/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yuuint/ui-labo.git",
+    "directory": "packages/tokens"
+  },
+  "keywords": [
+    "design-tokens",
+    "dtcg",
+    "style-dictionary",
+    "ui-labo",
+    "ynetlabo"
+  ],
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/resolver.json

@@ -0,0 +1,48 @@
+{
+  "$schema": "https://tr.designtokens.org/resolver/",
+  "name": "ui-labo",
+  "description": "テーマの解決順。ファイル分割ではなく、この宣言が切り替えの正",
+  "sets": [
+    {
+      "name": "primitive",
+      "values": [
+        "src/primitive/color.tokens.json",
+        "src/primitive/dimension.tokens.json"
+      ]
+    },
+    {
+      "name": "semantic-shared",
+      "values": [
+        "src/semantic/shared.tokens.json"
+      ],
+      "description": "テーマで変わらない役割（寸法・線・モーション）"
+    },
+    {
+      "name": "component",
+      "values": [
+        "src/component/prefecture-picker.tokens.json"
+      ]
+    }
+  ],
+  "modifiers": [
+    {
+      "name": "theme",
+      "type": "enumerated",
+      "default": "light",
+      "values": {
+        "light": [
+          "src/semantic/light.tokens.json"
+        ],
+        "dark": [
+          "src/semantic/dark.tokens.json"
+        ]
+      }
+    }
+  ],
+  "order": [
+    "primitive",
+    "semantic-shared",
+    "theme",
+    "component"
+  ]
+}

package/src/component/prefecture-picker.tokens.json

@@ -0,0 +1,49 @@
+{
+  "$description": "部品固有。semantic のみを参照する。primitive を直接参照しない",
+  "prefecturePicker": {
+    "trigger": {
+      "$type": "color",
+      "bg":          { "$value": "{color.surface}" },
+      "border":      { "$value": "{color.line2}" },
+      "borderHover": { "$value": "{color.accent}" },
+      "text":        { "$value": "{color.ink}" },
+      "placeholder": { "$value": "{color.ink3}" },
+      "height":      { "$type": "dimension", "$value": "{size.control.height}" },
+      "radius":      { "$type": "dimension", "$value": "{radius.control}" }
+    },
+    "popover": {
+      "$type": "color",
+      "bg":       { "$value": "{color.surface}" },
+      "border":   { "$value": "{color.line2}" },
+      "radius":   { "$type": "dimension", "$value": "{radius.panel}" },
+      "minWidth": { "$type": "dimension", "$value": "{size.panel.min}" },
+      "maxWidth": { "$type": "dimension", "$value": "{size.panel.max}" },
+      "duration": { "$type": "duration",  "$value": "{motion.quick}" }
+    },
+    "sheet": {
+      "$type": "dimension",
+      "radius":    { "$value": "{radius.sheet}" },
+      "minTarget": { "$value": "{size.control.touch}" },
+      "duration":  { "$type": "duration", "$value": "{motion.sheet}" }
+    },
+    "map": {
+      "$type": "color",
+      "sea":          { "$value": "{color.sea}" },
+      "landLine":     { "$value": "{color.landLine}" },
+      "outline":      { "$value": "{color.ink}",  "$description": "選択中の外周" },
+      "outlineHover": { "$value": "{color.ink2}", "$description": "ホバー中の外周" },
+      "landLineWidth":     { "$type": "dimension", "$value": "{line.hair}" },
+      "fillDilate":        { "$type": "dimension", "$value": "{line.dilate}" },
+      "outlineWidth":      { "$type": "dimension", "$value": "{line.strong}" },
+      "outlineHoverWidth": { "$type": "dimension", "$value": "{line.emphasis}" },
+      "zoomDuration":      { "$type": "duration",  "$value": "{motion.zoom}" }
+    },
+    "option": {
+      "$type": "color",
+      "bg":           { "$value": "{color.surface}" },
+      "bgHover":      { "$value": "{color.sunken}" },
+      "bgSelected":   { "$value": "{color.accent}" },
+      "textSelected": { "$value": "{color.onAccent}" }
+    }
+  }
+}

package/src/primitive/color.tokens.json

@@ -0,0 +1,50 @@
+{
+  "$description": "素材。文脈を持たない実値。ここを差し替えると全テーマが変わる",
+  "color": {
+    "$type": "color",
+    "neutral": {
+      "$description": "藍に寄せた無彩色。純粋な灰にしない",
+      "0":    { "$value": "oklch(1 0 0)" },
+      "50":   { "$value": "oklch(0.985 0.003 250)" },
+      "100":  { "$value": "oklch(0.965 0.005 250)" },
+      "200":  { "$value": "oklch(0.925 0.008 250)" },
+      "300":  { "$value": "oklch(0.865 0.012 250)" },
+      "400":  { "$value": "oklch(0.72 0.016 250)" },
+      "500":  { "$value": "oklch(0.60 0.018 250)" },
+      "600":  { "$value": "oklch(0.47 0.018 250)" },
+      "700":  { "$value": "oklch(0.34 0.016 250)" },
+      "800":  { "$value": "oklch(0.255 0.014 250)" },
+      "900":  { "$value": "oklch(0.205 0.012 250)" },
+      "950":  { "$value": "oklch(0.165 0.010 250)" },
+      "1000": { "$value": "oklch(0.135 0.010 250)" }
+    },
+    "ai": {
+      "$description": "藍。ブランドの基準色",
+      "100": { "$value": "oklch(0.945 0.028 252)" },
+      "400": { "$value": "oklch(0.615 0.108 252)" },
+      "500": { "$value": "oklch(0.525 0.126 252)" },
+      "600": { "$value": "oklch(0.438 0.118 252)" },
+      "700": { "$value": "oklch(0.372 0.100 252)" }
+    },
+    "shu": {
+      "$description": "朱。注意・エラー",
+      "100": { "$value": "oklch(0.945 0.030 30)" },
+      "500": { "$value": "oklch(0.545 0.130 30)" },
+      "600": { "$value": "oklch(0.470 0.128 30)" }
+    },
+    "map": {
+      "$description": "地図の塗り分け。隣り合う色の明度が十分に離れる並び。色相の差が失われても境目が残る",
+      "1":  { "$value": "oklch(0.545 0.088 252)" },
+      "2":  { "$value": "oklch(0.775 0.075 195)" },
+      "3":  { "$value": "oklch(0.605 0.088 150)" },
+      "4":  { "$value": "oklch(0.835 0.088 122)" },
+      "5":  { "$value": "oklch(0.655 0.095 88)" },
+      "6":  { "$value": "oklch(0.795 0.090 62)" },
+      "7":  { "$value": "oklch(0.575 0.105 32)" },
+      "8":  { "$value": "oklch(0.745 0.070 348)" },
+      "9":  { "$value": "oklch(0.545 0.085 295)" },
+      "10": { "$value": "oklch(0.665 0.075 232)" },
+      "11": { "$value": "oklch(0.815 0.078 135)" }
+    }
+  }
+}

package/src/primitive/dimension.tokens.json

@@ -0,0 +1,44 @@
+{
+  "$description": "素材。寸法・角丸・線幅",
+  "space": {
+    "$type": "dimension",
+    "0":  { "$value": { "value": 0,  "unit": "px" } },
+    "1":  { "$value": { "value": 2,  "unit": "px" } },
+    "2":  { "$value": { "value": 4,  "unit": "px" } },
+    "3":  { "$value": { "value": 6,  "unit": "px" } },
+    "4":  { "$value": { "value": 8,  "unit": "px" } },
+    "5":  { "$value": { "value": 10, "unit": "px" } },
+    "6":  { "$value": { "value": 12, "unit": "px" } },
+    "8":  { "$value": { "value": 16, "unit": "px" } },
+    "10": { "$value": { "value": 20, "unit": "px" } },
+    "12": { "$value": { "value": 24, "unit": "px" } }
+  },
+  "radius": {
+    "$type": "dimension",
+    "sm":   { "$value": { "value": 6,  "unit": "px" } },
+    "md":   { "$value": { "value": 8,  "unit": "px" } },
+    "lg":   { "$value": { "value": 14, "unit": "px" } },
+    "xl":   { "$value": { "value": 18, "unit": "px" } },
+    "full": { "$value": { "value": 999, "unit": "px" } }
+  },
+  "stroke": {
+    "$type": "dimension",
+    "hair":   { "$value": { "value": 1,   "unit": "px" } },
+    "thin":   { "$value": { "value": 3.4, "unit": "px" } },
+    "medium": { "$value": { "value": 4.5, "unit": "px" } },
+    "thick":  { "$value": { "value": 8.5, "unit": "px" } }
+  },
+  "size": {
+    "$type": "dimension",
+    "field":  { "$value": { "value": 38, "unit": "px" } },
+    "touch":  { "$value": { "value": 44, "unit": "px" } },
+    "popMin": { "$value": { "value": 272, "unit": "px" } },
+    "popMax": { "$value": { "value": 420, "unit": "px" } }
+  },
+  "duration": {
+    "$type": "duration",
+    "pop":   { "$value": { "value": 170, "unit": "ms" } },
+    "sheet": { "$value": { "value": 300, "unit": "ms" } },
+    "zoom":  { "$value": { "value": 520, "unit": "ms" } }
+  }
+}

package/src/semantic/dark.tokens.json

@@ -0,0 +1,32 @@
+{
+  "$description": "役割。primitive のみを参照する。ダークテーマ",
+  "color": {
+    "$type": "color",
+    "bg":       { "$value": "{color.neutral.1000}" },
+    "surface":  { "$value": "{color.neutral.900}" },
+    "surface2": { "$value": "{color.neutral.800}" },
+    "sunken":   { "$value": "{color.neutral.950}" },
+    "ink":      { "$value": "{color.neutral.50}" },
+    "ink2":     { "$value": "{color.neutral.400}" },
+    "ink3":     { "$value": "{color.neutral.500}" },
+    "line":     { "$value": "{color.neutral.800}" },
+    "line2":    { "$value": "{color.neutral.700}" },
+    "accent":       { "$value": "{color.ai.400}" },
+    "accentHover":  { "$value": "{color.ai.400}" },
+    "accentWash":   { "$value": "{color.neutral.800}" },
+    "onAccent":     { "$value": "{color.neutral.1000}" },
+    "danger":       { "$value": "{color.shu.500}" },
+    "dangerWash":   { "$value": "{color.neutral.800}" },
+    "sea":       { "$value": "{color.neutral.950}" },
+    "landLine":  { "$value": "{color.neutral.1000}" },
+    "area": {
+      "$description": "ダークでは背景が沈むぶん明度を上げる。並びの濃淡は保つ",
+      "1":  { "$value": "oklch(0.635 0.088 252)" }, "2":  { "$value": "oklch(0.845 0.075 195)" },
+      "3":  { "$value": "oklch(0.695 0.088 150)" }, "4":  { "$value": "oklch(0.885 0.088 122)" },
+      "5":  { "$value": "oklch(0.745 0.095 88)" },  "6":  { "$value": "oklch(0.855 0.090 62)" },
+      "7":  { "$value": "oklch(0.665 0.105 32)" },  "8":  { "$value": "oklch(0.805 0.070 348)" },
+      "9":  { "$value": "oklch(0.645 0.085 295)" }, "10": { "$value": "oklch(0.745 0.075 232)" },
+      "11": { "$value": "oklch(0.875 0.078 135)" }
+    }
+  }
+}

package/src/semantic/light.tokens.json

@@ -0,0 +1,32 @@
+{
+  "$description": "役割。primitive のみを参照する。ライトテーマ",
+  "color": {
+    "$type": "color",
+    "bg":       { "$value": "{color.neutral.100}", "$description": "ページの地" },
+    "surface":  { "$value": "{color.neutral.0}" },
+    "surface2": { "$value": "{color.neutral.50}" },
+    "sunken":   { "$value": "{color.neutral.200}" },
+    "ink":      { "$value": "{color.neutral.1000}" },
+    "ink2":     { "$value": "{color.neutral.600}" },
+    "ink3":     { "$value": "{color.neutral.500}" },
+    "line":     { "$value": "{color.neutral.200}" },
+    "line2":    { "$value": "{color.neutral.300}" },
+    "accent":       { "$value": "{color.ai.600}" },
+    "accentHover":  { "$value": "{color.ai.500}" },
+    "accentWash":   { "$value": "{color.ai.100}" },
+    "onAccent":     { "$value": "{color.neutral.0}" },
+    "danger":       { "$value": "{color.shu.600}" },
+    "dangerWash":   { "$value": "{color.shu.100}" },
+    "sea":       { "$value": "{color.neutral.200}", "$description": "地図の余白（海）" },
+    "landLine":  { "$value": "{color.neutral.0}",   "$description": "県境・エリア境の線" },
+    "area": {
+      "$description": "地図の塗り分け。エリアの並び順に割り当てる",
+      "1":  { "$value": "{color.map.1}" },  "2":  { "$value": "{color.map.2}" },
+      "3":  { "$value": "{color.map.3}" },  "4":  { "$value": "{color.map.4}" },
+      "5":  { "$value": "{color.map.5}" },  "6":  { "$value": "{color.map.6}" },
+      "7":  { "$value": "{color.map.7}" },  "8":  { "$value": "{color.map.8}" },
+      "9":  { "$value": "{color.map.9}" },  "10": { "$value": "{color.map.10}" },
+      "11": { "$value": "{color.map.11}" }
+    }
+  }
+}

package/src/semantic/shared.tokens.json

@@ -0,0 +1,34 @@
+{
+  "$description": "役割。テーマで変わらない寸法・線・モーション。primitive のみを参照する",
+  "size": {
+    "$type": "dimension",
+    "control": {
+      "height": { "$value": "{size.field}", "$description": "入力欄と同じ高さ" },
+      "touch":  { "$value": "{size.touch}", "$description": "タップ領域の下限" }
+    },
+    "panel": {
+      "min": { "$value": "{size.popMin}" },
+      "max": { "$value": "{size.popMax}" }
+    }
+  },
+  "radius": {
+    "$type": "dimension",
+    "control": { "$value": "{radius.sm}" },
+    "panel":   { "$value": "{radius.lg}" },
+    "sheet":   { "$value": "{radius.xl}" },
+    "pill":    { "$value": "{radius.full}" }
+  },
+  "line": {
+    "$type": "dimension",
+    "hair":     { "$value": "{stroke.hair}",   "$description": "境界線" },
+    "dilate":   { "$value": "{stroke.medium}", "$description": "簡略化のズレを塞ぐ膨張ぶん" },
+    "emphasis": { "$value": "{stroke.thin}",   "$description": "ホバーの縁取り" },
+    "strong":   { "$value": "{stroke.thick}",  "$description": "選択の縁取り" }
+  },
+  "motion": {
+    "$type": "duration",
+    "quick": { "$value": "{duration.pop}" },
+    "sheet": { "$value": "{duration.sheet}" },
+    "zoom":  { "$value": "{duration.zoom}" }
+  }
+}