@snacky/ui 0.3.7 → 0.3.9
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 +8 -16
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
React implementation of the Snacky App design system - generated from the
|
|
4
4
|
source of truth at `../../index.html` (via `tokens.json` / `components.json`),
|
|
5
|
-
pixel-accurate to Figma
|
|
5
|
+
pixel-accurate to Figma.
|
|
6
6
|
|
|
7
7
|
This exists so AI coding tools (and humans) building new Snacky features can
|
|
8
8
|
**import** these components directly instead of regenerating similar-looking
|
|
@@ -57,13 +57,18 @@ Callout, List (OrderListItem/NotificationListItem), Accordion, BottomSheet
|
|
|
57
57
|
(the shared Modal shell), Section (the shared content-block shell), Avatar,
|
|
58
58
|
Illustration, ProductImage, ProductCard.
|
|
59
59
|
|
|
60
|
+
Plus the icon set, as `SnackyIcons.outline.*` and `SnackyIcons.solid.*` (42
|
|
61
|
+
Outline, 10 Solid). Two things to know: they are **filled** shapes rather than
|
|
62
|
+
stroked paths, so there is no `strokeWidth` to set, and the set is **not
|
|
63
|
+
uniform** - each icon is authored at 16, 20 or 24px and defaults to its own
|
|
64
|
+
natural size, so pass `width`/`height` if you need them to match.
|
|
65
|
+
|
|
60
66
|
## Verification status
|
|
61
67
|
|
|
62
68
|
Every component is diffed against `index.html`'s own Live Preview
|
|
63
69
|
implementation - the code that actually renders the documentation site - not
|
|
64
70
|
just the spec values in `components.json`. Where the two disagree, the
|
|
65
|
-
verified implementation wins.
|
|
66
|
-
were additionally checked against their Figma component sets directly.
|
|
71
|
+
verified implementation wins.
|
|
67
72
|
|
|
68
73
|
See [CHANGELOG.md](https://github.com/rezatresnas/snacky-design-system/blob/main/packages/react-ui/CHANGELOG.md)
|
|
69
74
|
for how the package got here, including the mistakes.
|
|
@@ -86,19 +91,6 @@ what is already in the bundle.
|
|
|
86
91
|
|
|
87
92
|
## Known gaps - read before relying on these
|
|
88
93
|
|
|
89
|
-
- **Icons** (`SnackyIcons.outline.*` / `SnackyIcons.solid.*`): no longer a
|
|
90
|
-
gap. The hand-drawn starter set has been replaced by the real thing - all
|
|
91
|
-
42 Outline + 10 Solid icons exported from Figma's own `Icon-outline` (node
|
|
92
|
-
`55:2062`) and `Icon-solid` (`8772:5851`) component sets. `src/icons/outline.tsx` and
|
|
93
|
-
`solid.tsx` are generated from `../../assets/icons/icons.json` by
|
|
94
|
-
`../../scripts/generate-icons.js` (never hand-edit them), the same source
|
|
95
|
-
that generates compose-ui's `SnackyIcons.kt`.
|
|
96
|
-
|
|
97
|
-
Two things changed versus the old hand-drawn placeholder: the icons are
|
|
98
|
-
**filled outline shapes**, not stroked paths (the weight is baked into each
|
|
99
|
-
shape, there is no `strokeWidth` to set), and the set is **not uniform** -
|
|
100
|
-
icons are authored at 16, 20 or 24px depending on use, so each carries its
|
|
101
|
-
own viewBox and defaults to that natural size.
|
|
102
94
|
- **Illustration** ships no artwork - you supply the image. This is
|
|
103
95
|
deliberate and normal (Material, Radix and Chakra ship none either); the
|
|
104
96
|
component owns the documented canvas size for each variant, which is the
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@snacky/ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.9",
|
|
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",
|