@snacky/ui 0.3.6 → 0.3.7
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 +6 -16
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -65,20 +65,6 @@ just the spec values in `components.json`. Where the two disagree, the
|
|
|
65
65
|
verified implementation wins. `List`, `Header`, `BottomSheet` and `Section`
|
|
66
66
|
were additionally checked against their Figma component sets directly.
|
|
67
67
|
|
|
68
|
-
Two things worth knowing before you rely on them:
|
|
69
|
-
|
|
70
|
-
- **`NavBar` items use `flex: 1`** to fill the container, where the site's own
|
|
71
|
-
demo hardcodes `72x72` per item. That demo only ever renders at a fixed
|
|
72
|
-
360px frame; a real nav bar has to fill the actual device width, so this is
|
|
73
|
-
a deliberate deviation rather than a mismatch.
|
|
74
|
-
- **`BottomSheet` and `Section` spacing is variant-dependent by design.** Both
|
|
75
|
-
shells have since been checked against Figma, and the finding was that no
|
|
76
|
-
single shell default reproduces every variant: BottomSheet's block gap is
|
|
77
|
-
32px on Welcome, 24px on Calendar and 16px elsewhere, and Section's "Variant"
|
|
78
|
-
layout has no horizontal shell padding at all, with its header owning the
|
|
79
|
-
24px instead. The shells ship sensible defaults and expect `children` to
|
|
80
|
-
override the spacing where a specific composition needs to.
|
|
81
|
-
|
|
82
68
|
See [CHANGELOG.md](https://github.com/rezatresnas/snacky-design-system/blob/main/packages/react-ui/CHANGELOG.md)
|
|
83
69
|
for how the package got here, including the mistakes.
|
|
84
70
|
|
|
@@ -138,12 +124,16 @@ what is already in the bundle.
|
|
|
138
124
|
library of your own. Either way, check the licence yourself before shipping
|
|
139
125
|
- it is the one part of this that a component library cannot decide for you.
|
|
140
126
|
|
|
127
|
+
- **`NavBar` items use `flex: 1`** to fill the container, where the site's demo
|
|
128
|
+
hardcodes `72x72` per item - that demo only ever renders at a fixed 360px
|
|
129
|
+
frame, so this is a deliberate deviation rather than a mismatch.
|
|
141
130
|
- **Modal/Section**: the design system documents ~9 Modal "variants" and ~13
|
|
142
131
|
Section "variants", but each is really the *same* shell component
|
|
143
132
|
(`BottomSheet` / `Section`) with different `children` - so that's what's
|
|
144
133
|
exported, matching every `code.tsx` sample exactly, rather than 22 near-
|
|
145
|
-
duplicate components.
|
|
146
|
-
variant
|
|
134
|
+
duplicate components. Their spacing is variant-dependent by design - Figma
|
|
135
|
+
uses different gaps per variant, so the shells ship sensible defaults and
|
|
136
|
+
expect `children` to override where a composition needs it.
|
|
147
137
|
|
|
148
138
|
## Keeping this in sync
|
|
149
139
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@snacky/ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.7",
|
|
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",
|