@neo4j-ndl/react 4.18.13 → 4.20.0

package/lib/types/text-input/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAO7E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC;;;;;;GAMG;AACH,KAAK,cAAc,GAAG;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9B,8GAA8G;IAC9G,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B,gDAAgD;IAChD,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B,iDAAiD;IACjD,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IAGH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,qCAAqC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;IAEzD,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;IAErE,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC;IAE/D,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEjC,mEAAmE;IACnE,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAElC,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;IAEtD,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;GAMG;AAEH,eAAO,MAAM,SAAS,GAAI,iUA0BvB,WAAW,CAAC,OAAO,EAAE,cAAc,CAAC,4CA8QtC,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAO7E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC;;;;;;GAMG;AACH,KAAK,cAAc,GAAG;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9B,8GAA8G;IAC9G,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B,gDAAgD;IAChD,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B,iDAAiD;IACjD,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IAIH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,qCAAqC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;IAEzD,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;IAErE,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC;IAE/D,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEjC,mEAAmE;IACnE,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAElC,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;IAEtD,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;GAMG;AAEH,eAAO,MAAM,SAAS,GAAI,iUA0BvB,WAAW,CAAC,OAAO,EAAE,cAAc,CAAC,4CA8QtC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "4.18.13",
+  "version": "4.20.0",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -82,6 +82,11 @@
       "require": "./lib/cjs/color-picker/index.js",
       "import": "./lib/esm/color-picker/index.js"
     },
+    "./combobox": {
+      "types": "./lib/types/combobox/index.d.ts",
+      "require": "./lib/cjs/combobox/index.js",
+      "import": "./lib/esm/combobox/index.js"
+    },
     "./conditional-wrap": {
       "types": "./lib/types/conditional-wrap/index.d.ts",
       "require": "./lib/cjs/conditional-wrap/index.js",
@@ -355,7 +360,8 @@
   "files": [
     "lib",
     "icons",
-    "skills"
+    "skills",
+    "!skills/*/evals"
   ],
   "publishConfig": {
     "access": "public"
@@ -367,7 +373,6 @@
     "@storybook/addon-docs": "10.2.19",
     "@storybook/react-vite": "10.2.19",
     "@svgr/cli": "6.5.1",
-    "@tanstack/react-virtual": "3.13.23",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "^14.6.1",
@@ -399,7 +404,7 @@
     "@tanstack/react-table": "8.21.3",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
-    "@neo4j-ndl/base": "^4.17.7"
+    "@neo4j-ndl/base": "^4.19.0"
   },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",
@@ -408,6 +413,7 @@
     "@floating-ui/react-dom": "2.1.9",
     "@heroicons/react": "2.2.0",
     "@neo4j-devtools/word-color": "0.0.8",
+    "@tanstack/react-virtual": "3.13.23",
     "@uiw/react-color": "2.8.1",
     "classnames": "2.5.1",
     "date-fns": "4.1.0",

package/skills/ndl-react/SKILL.md

@@ -43,6 +43,25 @@ Use Neo4j Needle components instead of hand-rolling equivalent UI.
 - Compound components are exposed as subcomponents (e.g. `Tooltip.Trigger`,
   `Tooltip.Content`). Follow each component's own doc — don't assume one
   component's compound shape matches another's.
+- **Class names are unchecked strings, and the prefix is not fixed.** A wrong
+  prop fails the build, but `className="n-justify-between"` compiles and
+  silently renders nothing. Which utility classes exist — and whether they carry
+  an `n-` prefix at all — depends on the consuming app, so establish that first
+  rather than assuming:
+  - No Tailwind build: only classes literally present in
+    `node_modules/@neo4j-ndl/base/lib/neo4j-ds-styles.css` apply. Grep it for
+    the exact class.
+  - Tailwind with the published preset and no override: the preset sets
+    `prefix: 'n-'`, so `n-flex` works and `flex` does not.
+  - Tailwind where the app's own config sets `prefix` (it overrides the preset,
+    and `prefix: ''` is common): the theme is Needle's but the classes are
+    unprefixed — `flex` and `text-neutral-text-weaker` work, `n-flex` does not.
+
+  Check the app's Tailwind config for `prefix` and follow the surrounding code.
+  Tailwind-shaped guesses (`n-justify-between`, `n-items-baseline`) and
+  near-misses on real scales (`n-gap-token-1` when the scale is 2/4/6/8/12/16)
+  become invisible layout bugs, not errors. `Flex`, `Box` and `Typography` with
+  token props sidestep the question entirely — prefer them.
 - Follow the accessibility guidance in each component's doc; don't strip built-in
   roles or keyboard behavior.
 
@@ -69,6 +88,7 @@ Import from `@neo4j-ndl/react`.
 | `Code` | [components/code.md](components/code.md) | ✅ | 2 |
 | `CodeBlock` | [components/code-block.md](components/code-block.md) |  | 8 |
 | `ColorPicker` | [components/color-picker.md](components/color-picker.md) |  | 5 |
+| `Combobox` | [components/combobox.md](components/combobox.md) | ✅ | 26 |
 | `ConditionalWrap` | [components/conditional-wrap.md](components/conditional-wrap.md) |  | 1 |
 | `DataGrid` | [components/data-grid.md](components/data-grid.md) |  | 20 |
 | `DatePicker` | [components/date-picker.md](components/date-picker.md) | ✅ | 15 |