ionbase-ui 0.21.0 → 0.22.0

package/dist/meta/components.json

@@ -1,6 +1,6 @@
 {
   "package": "ionbase-ui",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "generated": "by scripts/build-meta.mjs — do not edit; intent lives in meta/*.json",
   "hooks": [
     "useToast"

package/dist/meta/index.json

@@ -1,6 +1,6 @@
 {
   "package": "ionbase-ui",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "usage": "Pick a component here, then read dist/meta/<Name>.json for its full contract.",
   "hooks": [
     "useToast"

package/dist/meta/patterns/index.json

@@ -1,6 +1,6 @@
 {
   "package": "ionbase-ui",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "usage": "A pattern is a documented composition of components, not a component. Read one here, then read the contracts of what it composes.",
   "patterns": {
     "DataTable": {

package/llms.txt

@@ -2,7 +2,7 @@
 
 > IonBase is a React design system for enterprise SaaS, built to be consumed by an agent rather than read by a developer. Every component ships a machine-readable contract carrying the judgement a type signature cannot: when to use it, what to use instead, the anti-patterns, and what it guarantees for accessibility versus what it requires of you.
 
-Version 0.21.0. 35 components.
+Version 0.22.0. 35 components.
 
 ## Read these, in this order
 
@@ -21,6 +21,10 @@ Compositions of the components above, in `dist/meta/patterns/`. Read `dist/meta/
 
 `DataTable`, `DestructiveConfirm`, `Form`, `PageShell`, `SettingsPanel`, `Wizard`
 
+## Coming from a Figma design?
+
+`dist/figma-map.json` maps every Figma component and node id in the IonBase library to the React component and the real props — what Code Connect does, without needing an Organization plan. Look up the node id or the component name rather than guessing from a screenshot.
+
 ## Rules that ship with this package
 
 - `ionbase-ui/eslint-plugin` — five rules driven from the contracts: deprecated props, missing accessible names, raw style values, measured contrast failures, competing primary actions.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ionbase-ui",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "IonBase Design System — accessible React components, styles and design tokens in one package",
   "license": "MIT",
   "type": "module",
@@ -24,6 +24,7 @@
       "types": "./dist/tokens-js.d.ts",
       "default": "./dist/tokens-js.js"
     },
+    "./figma-map": "./dist/figma-map.json",
     "./llms.txt": "./llms.txt",
     "./stylelint-config": "./stylelint-config.js",
     "./eslint-plugin": "./eslint-plugin/index.js"
@@ -61,7 +62,7 @@
   },
   "scripts": {
     "dev": "tsc --watch",
-    "build": "node scripts/sync-tokens.mjs && tsc --build --force && node scripts/copy-css.mjs && node scripts/verify-client-boundaries.mjs && node scripts/verify-contrast.mjs && node scripts/build-meta.mjs && node scripts/verify-meta.mjs && node scripts/build-patterns.mjs && node scripts/build-llms.mjs",
+    "build": "node scripts/sync-tokens.mjs && tsc --build --force && node scripts/copy-css.mjs && node scripts/verify-client-boundaries.mjs && node scripts/verify-contrast.mjs && node scripts/build-meta.mjs && node scripts/verify-meta.mjs && node scripts/build-patterns.mjs && node scripts/verify-figma-map.mjs && node scripts/build-llms.mjs",
     "typecheck": "tsc --noEmit",
     "lint": "eslint . && stylelint \"src/styles/*.css\"",
     "format": "prettier --check .",
@@ -71,7 +72,8 @@
     "contrast": "node scripts/verify-contrast.mjs",
     "contrast:list": "node scripts/verify-contrast.mjs --list",
     "llms": "node scripts/build-llms.mjs",
-    "patterns": "node scripts/build-patterns.mjs"
+    "patterns": "node scripts/build-patterns.mjs",
+    "figma:map": "node scripts/verify-figma-map.mjs"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",