@snacky/ui 0.3.9 → 0.4.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 +5 -20
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -63,6 +63,11 @@ stroked paths, so there is no `strokeWidth` to set, and the set is **not
|
|
|
63
63
|
uniform** - each icon is authored at 16, 20 or 24px and defaults to its own
|
|
64
64
|
natural size, so pass `width`/`height` if you need them to match.
|
|
65
65
|
|
|
66
|
+
The design system documents ~9 Modal and ~13 Section "variants", but each is
|
|
67
|
+
the same shell with different `children`, so you get two components rather
|
|
68
|
+
than 22 near-duplicates. Their spacing varies per variant in Figma, so the
|
|
69
|
+
shells ship sensible defaults and expect `children` to override it.
|
|
70
|
+
|
|
66
71
|
## Verification status
|
|
67
72
|
|
|
68
73
|
Every component is diffed against `index.html`'s own Live Preview
|
|
@@ -119,23 +124,3 @@ what is already in the bundle.
|
|
|
119
124
|
- **`NavBar` items use `flex: 1`** to fill the container, where the site's demo
|
|
120
125
|
hardcodes `72x72` per item - that demo only ever renders at a fixed 360px
|
|
121
126
|
frame, so this is a deliberate deviation rather than a mismatch.
|
|
122
|
-
- **Modal/Section**: the design system documents ~9 Modal "variants" and ~13
|
|
123
|
-
Section "variants", but each is really the *same* shell component
|
|
124
|
-
(`BottomSheet` / `Section`) with different `children` - so that's what's
|
|
125
|
-
exported, matching every `code.tsx` sample exactly, rather than 22 near-
|
|
126
|
-
duplicate components. Their spacing is variant-dependent by design - Figma
|
|
127
|
-
uses different gaps per variant, so the shells ship sensible defaults and
|
|
128
|
-
expect `children` to override where a composition needs it.
|
|
129
|
-
|
|
130
|
-
## Keeping this in sync
|
|
131
|
-
|
|
132
|
-
If `index.html`'s component data (the `C` object) changes:
|
|
133
|
-
|
|
134
|
-
```bash
|
|
135
|
-
node ../../scripts/generate-agent-files.js # regenerates tokens.json / components.json
|
|
136
|
-
node ../../scripts/generate-react-tokens.js # regenerates src/theme/tokens.css / tokens.ts
|
|
137
|
-
```
|
|
138
|
-
|
|
139
|
-
Then re-check any component whose spec changed against its file here -
|
|
140
|
-
token/color/spacing changes propagate automatically via the regenerated CSS
|
|
141
|
-
variables, but structural changes (new variant, new prop) need a manual edit.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@snacky/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "Snacky App design system - React component library. Generated from the source-of-truth design system at ../../index.html (tokens.json / components.json), pixel-accurate to Figma.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "rezatresnas",
|