@anvpx/motion-themes 0.0.0-stage → 0.1.1

package/dist/tokens/default.json

@@ -0,0 +1,319 @@
+{
+    "$description": "motion-kit default (light) theme, DTCG format",
+    "color": {
+        "$type": "color",
+        "bg": {
+            "$value": "#f7f8fc"
+        },
+        "bgEnd": {
+            "$value": "#e6ebf7"
+        },
+        "glow": {
+            "$value": "#c5d4ff"
+        },
+        "glow2": {
+            "$value": "#c2ece1"
+        },
+        "surface": {
+            "$value": "#eef1f8"
+        },
+        "card": {
+            "$value": "#ffffff"
+        },
+        "divider": {
+            "$value": "#c9d1e3"
+        },
+        "accentSoft": {
+            "$value": "#dce6ff"
+        },
+        "fg": {
+            "$value": "#0b1224"
+        },
+        "muted": {
+            "$value": "#475467"
+        },
+        "accent": {
+            "$value": "#1d4ed8"
+        },
+        "accent2": {
+            "$value": "#0f766e"
+        },
+        "onAccent": {
+            "$value": "#ffffff"
+        },
+        "onAccent2": {
+            "$value": "#ffffff"
+        },
+        "deep": {
+            "$value": "#172a73"
+        },
+        "deepEnd": {
+            "$value": "#0b1647"
+        },
+        "onDeep": {
+            "$value": "#ffffff"
+        },
+        "onDeepMuted": {
+            "$value": "#c7d2fe"
+        }
+    },
+    "chart": {
+        "$type": "color",
+        "1": {
+            "$value": "#1d4ed8"
+        },
+        "2": {
+            "$value": "#c2410c"
+        },
+        "3": {
+            "$value": "#15803d"
+        },
+        "4": {
+            "$value": "#7e22ce"
+        },
+        "5": {
+            "$value": "#b91c1c"
+        },
+        "6": {
+            "$value": "#0e7490"
+        },
+        "7": {
+            "$value": "#a16207"
+        },
+        "8": {
+            "$value": "#475569"
+        }
+    },
+    "font": {
+        "$type": "fontFamily",
+        "sans": {
+            "$value": ["Inter", "system-ui", "sans-serif"]
+        },
+        "mono": {
+            "$value": ["JetBrains Mono", "ui-monospace", "monospace"]
+        }
+    },
+    "fontSize": {
+        "$type": "dimension",
+        "sm": {
+            "$value": "28px"
+        },
+        "md": {
+            "$value": "32px"
+        },
+        "lg": {
+            "$value": "48px"
+        },
+        "xl": {
+            "$value": "72px"
+        },
+        "title": {
+            "$value": "96px"
+        },
+        "display": {
+            "$value": "128px"
+        },
+        "heroSm": {
+            "$value": "160px"
+        },
+        "heroMd": {
+            "$value": "240px"
+        },
+        "hero": {
+            "$value": "360px"
+        }
+    },
+    "spacing": {
+        "$type": "dimension",
+        "xs": {
+            "$value": "4px"
+        },
+        "sm": {
+            "$value": "8px"
+        },
+        "md": {
+            "$value": "16px"
+        },
+        "lg": {
+            "$value": "32px"
+        },
+        "xl": {
+            "$value": "64px"
+        },
+        "xxl": {
+            "$value": "96px"
+        }
+    },
+    "radius": {
+        "$type": "dimension",
+        "sm": {
+            "$value": "4px"
+        },
+        "md": {
+            "$value": "8px"
+        },
+        "lg": {
+            "$value": "16px"
+        },
+        "xl": {
+            "$value": "28px"
+        },
+        "full": {
+            "$value": "9999px"
+        }
+    },
+    "opacity": {
+        "$type": "number",
+        "subtle": {
+            "$value": 0.7
+        },
+        "medium": {
+            "$value": 0.85
+        },
+        "full": {
+            "$value": 1
+        }
+    },
+    "duration": {
+        "$type": "duration",
+        "fast": {
+            "$value": "200ms"
+        },
+        "base": {
+            "$value": "400ms"
+        },
+        "slow": {
+            "$value": "800ms"
+        }
+    },
+    "$extensions": {
+        "motion-kit": {
+            "textPairs": [
+                {
+                    "fg": "fg",
+                    "bg": "bg"
+                },
+                {
+                    "fg": "fg",
+                    "bg": "bgEnd"
+                },
+                {
+                    "fg": "fg",
+                    "bg": "glow"
+                },
+                {
+                    "fg": "fg",
+                    "bg": "glow2"
+                },
+                {
+                    "fg": "fg",
+                    "bg": "surface"
+                },
+                {
+                    "fg": "fg",
+                    "bg": "card"
+                },
+                {
+                    "fg": "fg",
+                    "bg": "accentSoft"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "bg"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "bgEnd"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "glow"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "glow2"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "surface"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "card"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "accentSoft"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "bg"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "bgEnd"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "glow"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "glow2"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "surface"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "card"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "accentSoft"
+                },
+                {
+                    "fg": "accent2",
+                    "bg": "bg"
+                },
+                {
+                    "fg": "accent2",
+                    "bg": "bgEnd"
+                },
+                {
+                    "fg": "accent2",
+                    "bg": "surface"
+                },
+                {
+                    "fg": "accent2",
+                    "bg": "card"
+                },
+                {
+                    "fg": "onAccent",
+                    "bg": "accent"
+                },
+                {
+                    "fg": "onAccent2",
+                    "bg": "accent2"
+                },
+                {
+                    "fg": "onDeep",
+                    "bg": "deep"
+                },
+                {
+                    "fg": "onDeep",
+                    "bg": "deepEnd"
+                },
+                {
+                    "fg": "onDeepMuted",
+                    "bg": "deep"
+                },
+                {
+                    "fg": "onDeepMuted",
+                    "bg": "deepEnd"
+                }
+            ]
+        }
+    }
+}

package/dist/tokens/tech-dark.json

@@ -0,0 +1,360 @@
+{
+    "$description": "tech: near-black with cyan and lime accents and mono labels (dark), DTCG format",
+    "color": {
+        "$type": "color",
+        "bg": {
+            "$value": "#07090d"
+        },
+        "bgEnd": {
+            "$value": "#0d1219"
+        },
+        "glow": {
+            "$value": "#0b3d4d"
+        },
+        "glow2": {
+            "$value": "#233f0e"
+        },
+        "surface": {
+            "$value": "#0e141b"
+        },
+        "card": {
+            "$value": "#121923"
+        },
+        "divider": {
+            "$value": "#263241"
+        },
+        "accentSoft": {
+            "$value": "#0e3341"
+        },
+        "fg": {
+            "$value": "#e8eef4"
+        },
+        "muted": {
+            "$value": "#9aa9bc"
+        },
+        "accent": {
+            "$value": "#22d3ee"
+        },
+        "accent2": {
+            "$value": "#a3e635"
+        },
+        "onAccent": {
+            "$value": "#031319"
+        },
+        "onAccent2": {
+            "$value": "#111a02"
+        },
+        "deep": {
+            "$value": "#0c2732"
+        },
+        "deepEnd": {
+            "$value": "#061319"
+        },
+        "onDeep": {
+            "$value": "#ffffff"
+        },
+        "onDeepMuted": {
+            "$value": "#a9cfdb"
+        }
+    },
+    "chart": {
+        "1": {
+            "$value": "#22d3ee"
+        },
+        "2": {
+            "$value": "#f4f42a"
+        },
+        "3": {
+            "$value": "#6a47f5"
+        },
+        "4": {
+            "$value": "#f9cf90"
+        },
+        "5": {
+            "$value": "#f43e2a"
+        },
+        "6": {
+            "$value": "#e33b8f"
+        },
+        "7": {
+            "$value": "#5596f6"
+        },
+        "8": {
+            "$value": "#72f8dd"
+        },
+        "$type": "color"
+    },
+    "font": {
+        "$type": "fontFamily",
+        "sans": {
+            "$value": ["Space Grotesk", "system-ui", "sans-serif"]
+        },
+        "display": {
+            "$value": ["Space Grotesk", "system-ui", "sans-serif"]
+        },
+        "mono": {
+            "$value": [
+                "JetBrains Mono",
+                "ui-monospace",
+                "SFMono-Regular",
+                "Menlo",
+                "Consolas",
+                "monospace"
+            ]
+        }
+    },
+    "fontSize": {
+        "$type": "dimension",
+        "sm": {
+            "$value": "28px"
+        },
+        "md": {
+            "$value": "32px"
+        },
+        "lg": {
+            "$value": "46px"
+        },
+        "xl": {
+            "$value": "68px"
+        },
+        "title": {
+            "$value": "92px"
+        },
+        "display": {
+            "$value": "120px"
+        },
+        "heroSm": {
+            "$value": "152px"
+        },
+        "heroMd": {
+            "$value": "224px"
+        },
+        "hero": {
+            "$value": "340px"
+        }
+    },
+    "spacing": {
+        "$type": "dimension",
+        "xs": {
+            "$value": "4px"
+        },
+        "sm": {
+            "$value": "8px"
+        },
+        "md": {
+            "$value": "16px"
+        },
+        "lg": {
+            "$value": "32px"
+        },
+        "xl": {
+            "$value": "56px"
+        },
+        "xxl": {
+            "$value": "88px"
+        }
+    },
+    "radius": {
+        "$type": "dimension",
+        "sm": {
+            "$value": "2px"
+        },
+        "md": {
+            "$value": "4px"
+        },
+        "lg": {
+            "$value": "8px"
+        },
+        "xl": {
+            "$value": "12px"
+        },
+        "full": {
+            "$value": "9999px"
+        }
+    },
+    "opacity": {
+        "$type": "number",
+        "subtle": {
+            "$value": 0.7
+        },
+        "medium": {
+            "$value": 0.85
+        },
+        "full": {
+            "$value": 1
+        }
+    },
+    "duration": {
+        "$type": "duration",
+        "fast": {
+            "$value": "120ms"
+        },
+        "base": {
+            "$value": "250ms"
+        },
+        "slow": {
+            "$value": "500ms"
+        }
+    },
+    "status": {
+        "$type": "color",
+        "good": {
+            "$value": "#4ade80"
+        },
+        "warn": {
+            "$value": "#fbbf24"
+        },
+        "bad": {
+            "$value": "#fb7185"
+        }
+    },
+    "stroke": {
+        "$type": "dimension",
+        "card": {
+            "$value": "1px"
+        },
+        "icon": {
+            "$value": "1.5px"
+        }
+    },
+    "numeric": {
+        "mode": {
+            "$type": "string",
+            "$value": "tabular"
+        }
+    },
+    "$extensions": {
+        "motion-kit": {
+            "family": "tech",
+            "mode": "dark",
+            "pair": "tech-light",
+            "strictChart": true,
+            "textPairs": [
+                {
+                    "fg": "fg",
+                    "bg": "bg"
+                },
+                {
+                    "fg": "fg",
+                    "bg": "bgEnd"
+                },
+                {
+                    "fg": "fg",
+                    "bg": "glow"
+                },
+                {
+                    "fg": "fg",
+                    "bg": "glow2"
+                },
+                {
+                    "fg": "fg",
+                    "bg": "surface"
+                },
+                {
+                    "fg": "fg",
+                    "bg": "card"
+                },
+                {
+                    "fg": "fg",
+                    "bg": "accentSoft"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "bg"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "bgEnd"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "glow"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "glow2"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "surface"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "card"
+                },
+                {
+                    "fg": "muted",
+                    "bg": "accentSoft"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "bg"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "bgEnd"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "glow"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "glow2"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "surface"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "card"
+                },
+                {
+                    "fg": "accent",
+                    "bg": "accentSoft"
+                },
+                {
+                    "fg": "accent2",
+                    "bg": "bg"
+                },
+                {
+                    "fg": "accent2",
+                    "bg": "bgEnd"
+                },
+                {
+                    "fg": "accent2",
+                    "bg": "surface"
+                },
+                {
+                    "fg": "accent2",
+                    "bg": "card"
+                },
+                {
+                    "fg": "onAccent",
+                    "bg": "accent"
+                },
+                {
+                    "fg": "onAccent2",
+                    "bg": "accent2"
+                },
+                {
+                    "fg": "onDeep",
+                    "bg": "deep"
+                },
+                {
+                    "fg": "onDeep",
+                    "bg": "deepEnd"
+                },
+                {
+                    "fg": "onDeepMuted",
+                    "bg": "deep"
+                },
+                {
+                    "fg": "onDeepMuted",
+                    "bg": "deepEnd"
+                }
+            ]
+        }
+    }
+}

package/package.json

@@ -1,6 +1,34 @@
 {
   "name": "@anvpx/motion-themes",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.1",
+  "description": "DTCG theme tokens projected to CSS variables and JS for @anvpx/motion.",
+  "license": "MIT",
+  "author": "anvpx",
+  "type": "module",
+  "engines": {
+    "node": ">=22"
+  },
+  "keywords": [
+    "motion-kit",
+    "themes",
+    "design-tokens",
+    "dtcg",
+    "video"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist/**/*.js",
+    "dist/**/*.d.ts",
+    "dist/**/*.json"
+  ],
+  "dependencies": {
+    "@anvpx/motion-schema": "0.1.1"
+  },
+  "scripts": {}
 }