@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.
Files changed (2) hide show
  1. package/README.md +6 -16
  2. 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. (See Verification status above on why their spacing is
146
- variant-dependent.)
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.6",
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",