@hearthscale/app-ui 0.1.0 → 0.2.0
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 +21 -2
- package/dist/CLASSES.md +283 -216
- package/dist/TOKENS.md +138 -21
- package/dist/chunks/chunk-E3RFTBRS.js +332 -0
- package/dist/editor.d.ts +32 -0
- package/dist/editor.js +69 -0
- package/dist/index.d.ts +317 -11
- package/dist/index.js +1087 -377
- package/dist/markdown.d.ts +25 -0
- package/dist/markdown.js +365 -0
- package/dist/ui.css +2434 -564
- package/package.json +28 -3
package/README.md
CHANGED
|
@@ -47,6 +47,7 @@ A label names its action. Where a reason is needed, give it in a tooltip
|
|
|
47
47
|
| -------------- | ------------------------------------------------------------------------------------------ |
|
|
48
48
|
| Actions | `Button`, `IconButton` |
|
|
49
49
|
| Surfaces | `Card`, `SettingsCard`, `SettingsSection`, `EmptyState`, `Notice` |
|
|
50
|
+
| Scrolling | `OverlayScroll` |
|
|
50
51
|
| Rows | `ListRow`, `InfoRow`, `LinkRow`, `FactRow`, `ToggleRow` |
|
|
51
52
|
| Fields | `TextField`, `TextInput`, `Toggle`, `SegmentedControl`, `SettingsSearch`, `SettingsSelect` |
|
|
52
53
|
| Tabs | `SettingsTabs` |
|
|
@@ -77,6 +78,18 @@ design system's drawn marks: the dim ink in a picker or a search field, and
|
|
|
77
78
|
the press of the control it sits in. `IconName` names every icon, so your
|
|
78
79
|
editor completes the names. Draw no icon by hand.
|
|
79
80
|
|
|
81
|
+
Two marks are Hearthscale's own, drawn the same way: the sidebar open wide
|
|
82
|
+
and folded narrow, which Hearthscale's own sidebars show on the press that
|
|
83
|
+
opens and folds them. A press shows the shape the sidebar takes:
|
|
84
|
+
|
|
85
|
+
```html
|
|
86
|
+
<i class="hs-icon hs-glyph-side-narrow"></i>
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
```tsx
|
|
90
|
+
<Icon name="side-narrow" size={16} />
|
|
91
|
+
```
|
|
92
|
+
|
|
80
93
|
## Tokens and classes
|
|
81
94
|
|
|
82
95
|
`dist/TOKENS.md` lists every token with its dark and light value, and
|
|
@@ -141,9 +154,15 @@ from the font's sheet. It does not build `@hearthscale/ui`:
|
|
|
141
154
|
first. The parts come from the design system's `kit` entry
|
|
142
155
|
(`packages/ui/src/kit.ts`): a part is added there, never copied here. The
|
|
143
156
|
platform's build stages the sheets and fonts of this `dist/` beside the
|
|
144
|
-
daemon, with the MCP Apps SDK's browser build as `mcp-apps.js`,
|
|
157
|
+
daemon, with the MCP Apps SDK's browser build as `mcp-apps.js`, which the
|
|
158
|
+
build writes to `dist/host/` without the SDK's `console.debug` of every
|
|
159
|
+
message and the package does not publish, and the
|
|
145
160
|
daemon serves them to every view as `/ui/*`, so the kit a view gets and the
|
|
146
161
|
files this package publishes are one build.
|
|
147
162
|
`npm pack --dry-run` lists what a publish ships. `remixicon` stays at 4.8.0
|
|
148
163
|
here and in `@hearthscale/ui`: its later releases carry the Remix Icon License
|
|
149
|
-
v1.0 in place of the Apache License 2.0.
|
|
164
|
+
v1.0 in place of the Apache License 2.0. Every Tiptap package takes one exact
|
|
165
|
+
version, here and in `@hearthscale/ui`, and they move together: a Tiptap
|
|
166
|
+
package of one release reads the internals of another, so a range lets an
|
|
167
|
+
app's install mix two releases, and `RichTextEditor` then breaks on Markdown
|
|
168
|
+
headings.
|