@molecule/app-ui 1.3.6 → 1.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -5
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -3,21 +3,21 @@ AUTO-GENERATED — DO NOT EDIT THIS FILE.
|
|
|
3
3
|
Generated by `mlcl sync-docs` from the package's src/index.ts JSDoc + mlcl/registry.json.
|
|
4
4
|
Edits here are overwritten on the next commit (molecule's pre-commit hook regenerates).
|
|
5
5
|
To change this document, edit the module-level JSDoc in src/index.ts.
|
|
6
|
-
Generated: 2026-10-
|
|
6
|
+
Generated: 2026-10-18T09:34:41.440Z
|
|
7
7
|
-->
|
|
8
8
|
|
|
9
9
|
# @molecule/app-ui
|
|
10
10
|
|
|
11
|
-
> **Auto-generated, AI-first package reference** for the [molecule.dev](https://molecule.dev) ecosystem.
|
|
12
|
-
> It is written to be read by coding agents as much as by people, and is generated from this
|
|
13
|
-
> package's source — edit `src/index.ts` JSDoc, not this file.
|
|
14
|
-
|
|
15
11
|
UI component interfaces for molecule.dev.
|
|
16
12
|
|
|
17
13
|
Provides standardized prop interfaces for common UI components
|
|
18
14
|
that can be implemented by different UI libraries (styled-components,
|
|
19
15
|
Tailwind, Ionic, etc.).
|
|
20
16
|
|
|
17
|
+
> **Auto-generated, AI-first package reference** for the [molecule.dev](https://molecule.dev) ecosystem.
|
|
18
|
+
> It is written to be read by coding agents as much as by people, and is generated from this
|
|
19
|
+
> package's source — edit `src/index.ts` JSDoc, not this file.
|
|
20
|
+
|
|
21
21
|
## Quick Start
|
|
22
22
|
|
|
23
23
|
```tsx
|
|
@@ -2702,6 +2702,11 @@ the ClassMap bond (`@molecule/app-ui-tailwind`), so swapping the styling library
|
|
|
2702
2702
|
only the bond — a literal `"flex p-4"` in a component defeats that and is the #1 styling
|
|
2703
2703
|
mistake.
|
|
2704
2704
|
|
|
2705
|
+
A stylesheet the request supplies (a theme CSS, a CSS framework, a design export with its
|
|
2706
|
+
own class names) is used by those class names written directly in `className` — ClassMap
|
|
2707
|
+
governs molecule's own utilities, not a supplied stylesheet's contract; never wrap,
|
|
2708
|
+
re-generate or rename its classes.
|
|
2709
|
+
|
|
2705
2710
|
- **`Button` defaults to `type="button"`.** A form's primary action needs
|
|
2706
2711
|
`type="submit"`, or Enter does nothing and tests that select `button[type="submit"]`
|
|
2707
2712
|
miss it (X1 RealWorld runs failed 15 browser tests on one Settings button).
|
package/dist/index.d.ts
CHANGED
|
@@ -14,6 +14,11 @@
|
|
|
14
14
|
* only the bond — a literal `"flex p-4"` in a component defeats that and is the #1 styling
|
|
15
15
|
* mistake.
|
|
16
16
|
*
|
|
17
|
+
* A stylesheet the request supplies (a theme CSS, a CSS framework, a design export with its
|
|
18
|
+
* own class names) is used by those class names written directly in `className` — ClassMap
|
|
19
|
+
* governs molecule's own utilities, not a supplied stylesheet's contract; never wrap,
|
|
20
|
+
* re-generate or rename its classes.
|
|
21
|
+
*
|
|
17
22
|
* - **`Button` defaults to `type="button"`.** A form's primary action needs
|
|
18
23
|
* `type="submit"`, or Enter does nothing and tests that select `button[type="submit"]`
|
|
19
24
|
* miss it (X1 RealWorld runs failed 15 browser tests on one Settings button).
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AAEH,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -14,6 +14,11 @@
|
|
|
14
14
|
* only the bond — a literal `"flex p-4"` in a component defeats that and is the #1 styling
|
|
15
15
|
* mistake.
|
|
16
16
|
*
|
|
17
|
+
* A stylesheet the request supplies (a theme CSS, a CSS framework, a design export with its
|
|
18
|
+
* own class names) is used by those class names written directly in `className` — ClassMap
|
|
19
|
+
* governs molecule's own utilities, not a supplied stylesheet's contract; never wrap,
|
|
20
|
+
* re-generate or rename its classes.
|
|
21
|
+
*
|
|
17
22
|
* - **`Button` defaults to `type="button"`.** A form's primary action needs
|
|
18
23
|
* `type="submit"`, or Enter does nothing and tests that select `button[type="submit"]`
|
|
19
24
|
* miss it (X1 RealWorld runs failed 15 browser tests on one Settings button).
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AAEH,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@molecule/app-ui",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.8",
|
|
4
4
|
"description": "UI component interfaces for molecule.dev",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -32,10 +32,10 @@
|
|
|
32
32
|
"@molecule/app-i18n": "^1.0.1"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@molecule/app-bond": "1.0.
|
|
36
|
-
"@types/node": "26.
|
|
35
|
+
"@molecule/app-bond": "1.0.3",
|
|
36
|
+
"@types/node": "26.6.5",
|
|
37
37
|
"typescript": "6.0.3",
|
|
38
|
-
"vitest": "4.1.
|
|
38
|
+
"vitest": "4.1.12"
|
|
39
39
|
},
|
|
40
40
|
"repository": {
|
|
41
41
|
"type": "git",
|