9a0c74cb6e
The textarea swap made the composer row tall and dragged the controls with it. Three causes, all fixed: - No box-sizing anywhere in the stylesheet, so `min-height: 38px` on a padded, bordered textarea rendered ~58px (content-box adds 18px padding + 2px border on top). The textarea is now border-box with a 40px min-height — the same height the old single-line input had. - .miu-composer-row is display:flex with no align-items, so it defaulted to `stretch` and the buttons — neither of which declared a height — grew to the row. Now align-items: flex-end, so controls stay pinned to the bottom while the box grows upward (WhatsApp behaviour), with an explicit 40px on both. The send height is scoped to .miu-composer so modal/settings buttons keep their own sizing. - The auto-grow effect set height = scrollHeight, which under content-box double-counted padding on every keystroke. It now compensates for the border explicitly, correct under border-box. Bumped to 0.1.11. SDK suite: 17 files / 98 tests green. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
66 lines
1.6 KiB
JSON
66 lines
1.6 KiB
JSON
{
|
|
"name": "@insignia/iios-messaging-ui",
|
|
"version": "0.1.11",
|
|
"type": "module",
|
|
"main": "dist/index.js",
|
|
"module": "dist/index.js",
|
|
"types": "dist/index.d.ts",
|
|
"exports": {
|
|
".": {
|
|
"types": "./dist/index.d.ts",
|
|
"import": "./dist/index.js"
|
|
},
|
|
"./adapters/mock": {
|
|
"types": "./dist/adapters/mock.d.ts",
|
|
"import": "./dist/adapters/mock.js"
|
|
},
|
|
"./adapters/kernel-client": {
|
|
"types": "./dist/adapters/kernel-client.d.ts",
|
|
"import": "./dist/adapters/kernel-client.js"
|
|
},
|
|
"./adapters/mock-inbox": {
|
|
"types": "./dist/adapters/mock-inbox.d.ts",
|
|
"import": "./dist/adapters/mock-inbox.js"
|
|
},
|
|
"./conformance": {
|
|
"types": "./dist/conformance.d.ts",
|
|
"import": "./dist/conformance.js"
|
|
},
|
|
"./styles.css": "./dist/styles.css"
|
|
},
|
|
"files": [
|
|
"dist"
|
|
],
|
|
"scripts": {
|
|
"build": "tsup",
|
|
"typecheck": "tsc --noEmit",
|
|
"test": "vitest run"
|
|
},
|
|
"peerDependencies": {
|
|
"@insignia/iios-kernel-client": "*",
|
|
"react": ">=18",
|
|
"react-dom": ">=18"
|
|
},
|
|
"peerDependenciesMeta": {
|
|
"@insignia/iios-kernel-client": {
|
|
"optional": true
|
|
}
|
|
},
|
|
"devDependencies": {
|
|
"@insignia/iios-kernel-client": "workspace:*",
|
|
"@testing-library/dom": "^10.4.0",
|
|
"@testing-library/react": "^16.1.0",
|
|
"@types/react": "^19.0.0",
|
|
"@types/react-dom": "^19.0.0",
|
|
"jsdom": "^26.0.0",
|
|
"react": "^19.0.0",
|
|
"react-dom": "^19.0.0",
|
|
"tsup": "^8.3.5",
|
|
"typescript": "^5.7.3",
|
|
"vitest": "^3.0.5"
|
|
},
|
|
"publishConfig": {
|
|
"registry": "https://git.lynkedup.cloud/api/packages/insignia/npm/"
|
|
}
|
|
}
|