@nadicodeai/design-system 0.13.0 → 0.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/design-system",
-  "version": "0.13.0",
+  "version": "0.15.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -19,10 +19,98 @@
       "types": "./src/assets/logo-mark.d.ts",
       "default": "./dist/assets/logo-mark.svg"
     },
+    "./assets/logo-mark-inverse": {
+      "types": "./src/assets/logo-mark.d.ts",
+      "default": "./dist/assets/logo-mark-inverse.svg"
+    },
+    "./assets/logo-mark-mono": {
+      "types": "./src/assets/logo-mark.d.ts",
+      "default": "./dist/assets/logo-mark-mono.svg"
+    },
+    "./assets/logo-mark-on-verde": {
+      "types": "./src/assets/logo-mark.d.ts",
+      "default": "./dist/assets/logo-mark-on-verde.svg"
+    },
+    "./assets/logo-mark.png": {
+      "types": "./src/assets/logo-mark.d.ts",
+      "default": "./dist/assets/logo-mark.png"
+    },
+    "./assets/logo-mark-inverse.png": {
+      "types": "./src/assets/logo-mark.d.ts",
+      "default": "./dist/assets/logo-mark-inverse.png"
+    },
+    "./assets/logo-mark-mono.png": {
+      "types": "./src/assets/logo-mark.d.ts",
+      "default": "./dist/assets/logo-mark-mono.png"
+    },
+    "./assets/logo-mark-on-verde.png": {
+      "types": "./src/assets/logo-mark.d.ts",
+      "default": "./dist/assets/logo-mark-on-verde.png"
+    },
     "./assets/logo-wordmark": {
       "types": "./src/assets/logo-wordmark.d.ts",
       "default": "./dist/assets/logo-wordmark.svg"
     },
+    "./assets/logo-wordmark-inverse": {
+      "types": "./src/assets/logo-wordmark.d.ts",
+      "default": "./dist/assets/logo-wordmark-inverse.svg"
+    },
+    "./assets/logo-wordmark-mono": {
+      "types": "./src/assets/logo-wordmark.d.ts",
+      "default": "./dist/assets/logo-wordmark-mono.svg"
+    },
+    "./assets/logo-wordmark-on-verde": {
+      "types": "./src/assets/logo-wordmark.d.ts",
+      "default": "./dist/assets/logo-wordmark-on-verde.svg"
+    },
+    "./assets/logo-wordmark.png": {
+      "types": "./src/assets/logo-wordmark.d.ts",
+      "default": "./dist/assets/logo-wordmark.png"
+    },
+    "./assets/logo-wordmark-inverse.png": {
+      "types": "./src/assets/logo-wordmark.d.ts",
+      "default": "./dist/assets/logo-wordmark-inverse.png"
+    },
+    "./assets/logo-wordmark-mono.png": {
+      "types": "./src/assets/logo-wordmark.d.ts",
+      "default": "./dist/assets/logo-wordmark-mono.png"
+    },
+    "./assets/logo-wordmark-on-verde.png": {
+      "types": "./src/assets/logo-wordmark.d.ts",
+      "default": "./dist/assets/logo-wordmark-on-verde.png"
+    },
+    "./assets/logo-lockup": {
+      "types": "./src/assets/logo-lockup.d.ts",
+      "default": "./dist/assets/logo-lockup.svg"
+    },
+    "./assets/logo-lockup-inverse": {
+      "types": "./src/assets/logo-lockup.d.ts",
+      "default": "./dist/assets/logo-lockup-inverse.svg"
+    },
+    "./assets/logo-lockup-mono": {
+      "types": "./src/assets/logo-lockup.d.ts",
+      "default": "./dist/assets/logo-lockup-mono.svg"
+    },
+    "./assets/logo-lockup-on-verde": {
+      "types": "./src/assets/logo-lockup.d.ts",
+      "default": "./dist/assets/logo-lockup-on-verde.svg"
+    },
+    "./assets/logo-lockup.png": {
+      "types": "./src/assets/logo-lockup.d.ts",
+      "default": "./dist/assets/logo-lockup.png"
+    },
+    "./assets/logo-lockup-inverse.png": {
+      "types": "./src/assets/logo-lockup.d.ts",
+      "default": "./dist/assets/logo-lockup-inverse.png"
+    },
+    "./assets/logo-lockup-mono.png": {
+      "types": "./src/assets/logo-lockup.d.ts",
+      "default": "./dist/assets/logo-lockup-mono.png"
+    },
+    "./assets/logo-lockup-on-verde.png": {
+      "types": "./src/assets/logo-lockup.d.ts",
+      "default": "./dist/assets/logo-lockup-on-verde.png"
+    },
     "./assets/logo-geometry": {
       "types": "./src/assets/logo-geometry.d.ts",
       "import": "./src/assets/logo-geometry.js",
@@ -60,11 +148,12 @@
   },
   "devDependencies": {
     "@google/design.md": "0.1.1",
-    "@types/node": "^22",
     "@playwright/test": "^1.57.0",
+    "@types/node": "^22",
     "esbuild": "^0.28.0",
     "eslint": "^9.39.4",
     "lucide-static": "1.21.0",
+    "sharp": "^0.34.5",
     "style-dictionary": "^5.4.3",
     "tsx": "^4.21.0",
     "typescript": "^5",

package/src/assets/logo-geometry.d.ts

@@ -21,6 +21,7 @@ export type LogoGeometryBindings = Readonly<{
 
 export declare const logoMarkGeometry: LogoGeometry;
 export declare const logoWordmarkGeometry: LogoGeometry;
+export declare const logoLockupGeometry: LogoGeometry;
 export declare function resolveLogoGeometry(
   geometry: LogoGeometry,
   bindings: LogoGeometryBindings,

package/src/assets/logo-geometry.js

@@ -1,5 +1,5 @@
 /**
- * Framework-neutral SVG geometry for the NadicodeAI mark and wordmark.
+ * Framework-neutral SVG geometry for the NadicodeAI mark, wordmark, and lockup.
  *
  * Attribute values use two renderer bindings:
  * - `{paint:ink}` / `{paint:primary}` select presentation colors.
@@ -175,6 +175,28 @@ export const logoWordmarkGeometry = freezeGeometry({
   ],
 });
 
+/**
+ * The horizontal lockup preserves the approved July 2026 composition: the
+ * mark sits to the left, scaled to the wordmark's capital height, and both
+ * forms share one baseline. The extra view-box width is part of that approved
+ * asset and must not be tightened independently by a consumer.
+ */
+export const logoLockupGeometry = freezeGeometry({
+  viewBox: "0 0 480 100",
+  nodes: [
+    {
+      element: "g",
+      attributes: { transform: "translate(-16 10) scale(0.5)" },
+      children: [...logoMarkGeometry.nodes],
+    },
+    {
+      element: "g",
+      attributes: { transform: "translate(72 0)" },
+      children: [...logoWordmarkGeometry.nodes],
+    },
+  ],
+});
+
 const resolveAttributeValue = (value, paints, idPrefix) => {
   if (value === "{paint:ink}") return paints.ink;
   if (value === "{paint:primary}") return paints.primary;

package/src/assets/logo-lockup.d.ts

@@ -0,0 +1,2 @@
+declare const asset: string | { src: string };
+export default asset;