@snacky/ui 0.3.8 → 0.4.0

package/README.md

@@ -57,6 +57,17 @@ Callout, List (OrderListItem/NotificationListItem), Accordion, BottomSheet
 (the shared Modal shell), Section (the shared content-block shell), Avatar,
 Illustration, ProductImage, ProductCard.
 
+Plus the icon set, as `SnackyIcons.outline.*` and `SnackyIcons.solid.*` (42
+Outline, 10 Solid). Two things to know: they are **filled** shapes rather than
+stroked paths, so there is no `strokeWidth` to set, and the set is **not
+uniform** - each icon is authored at 16, 20 or 24px and defaults to its own
+natural size, so pass `width`/`height` if you need them to match.
+
+The design system documents ~9 Modal and ~13 Section "variants", but each is
+the same shell with different `children`, so you get two components rather
+than 22 near-duplicates. Their spacing varies per variant in Figma, so the
+shells ship sensible defaults and expect `children` to override it.
+
 ## Verification status
 
 Every component is diffed against `index.html`'s own Live Preview
@@ -85,19 +96,6 @@ what is already in the bundle.
 
 ## Known gaps - read before relying on these
 
-- **Icons** (`SnackyIcons.outline.*` / `SnackyIcons.solid.*`): no longer a
-  gap. The hand-drawn starter set has been replaced by the real thing - all
-  42 Outline + 10 Solid icons exported from Figma's own `Icon-outline` (node
-  `55:2062`) and `Icon-solid` (`8772:5851`) component sets. `src/icons/outline.tsx` and
-  `solid.tsx` are generated from `../../assets/icons/icons.json` by
-  `../../scripts/generate-icons.js` (never hand-edit them), the same source
-  that generates compose-ui's `SnackyIcons.kt`.
-
-  Two things changed versus the old hand-drawn placeholder: the icons are
-  **filled outline shapes**, not stroked paths (the weight is baked into each
-  shape, there is no `strokeWidth` to set), and the set is **not uniform** -
-  icons are authored at 16, 20 or 24px depending on use, so each carries its
-  own viewBox and defaults to that natural size.
 - **Illustration** ships no artwork - you supply the image. This is
   deliberate and normal (Material, Radix and Chakra ship none either); the
   component owns the documented canvas size for each variant, which is the
@@ -126,23 +124,3 @@ what is already in the bundle.
 - **`NavBar` items use `flex: 1`** to fill the container, where the site's demo
   hardcodes `72x72` per item - that demo only ever renders at a fixed 360px
   frame, so this is a deliberate deviation rather than a mismatch.
-- **Modal/Section**: the design system documents ~9 Modal "variants" and ~13
-  Section "variants", but each is really the *same* shell component
-  (`BottomSheet` / `Section`) with different `children` - so that's what's
-  exported, matching every `code.tsx` sample exactly, rather than 22 near-
-  duplicate components. Their spacing is variant-dependent by design - Figma
-  uses different gaps per variant, so the shells ship sensible defaults and
-  expect `children` to override where a composition needs it.
-
-## Keeping this in sync
-
-If `index.html`'s component data (the `C` object) changes:
-
-```bash
-node ../../scripts/generate-agent-files.js   # regenerates tokens.json / components.json
-node ../../scripts/generate-react-tokens.js  # regenerates src/theme/tokens.css / tokens.ts
-```
-
-Then re-check any component whose spec changed against its file here -
-token/color/spacing changes propagate automatically via the regenerated CSS
-variables, but structural changes (new variant, new prop) need a manual edit.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snacky/ui",
-  "version": "0.3.8",
+  "version": "0.4.0",
   "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.",
   "license": "MIT",
   "author": "rezatresnas",