@mirror-physics/fractal-ui 0.2.0-next.74 → 0.2.0-next.76
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 -0
- package/dist/index.cjs +222 -182
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +237 -74
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +33 -9
- package/dist/index.d.ts +33 -9
- package/dist/index.js +221 -182
- package/dist/index.js.map +1 -1
- package/dist/tokens.css +71 -6
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -43,3 +43,11 @@ import { Button, Card, CardContent } from '@mirror-physics/fractal-ui'
|
|
|
43
43
|
npm run typecheck
|
|
44
44
|
npm run build
|
|
45
45
|
```
|
|
46
|
+
|
|
47
|
+
### Shared control sizes
|
|
48
|
+
|
|
49
|
+
Use `controlSize="xs" | "sm" | "md" | "lg" | "xl"` on Button, Dropdown, Input, NumberInput, TableSearch, PasswordInput, and Label. The default is `md`. Matching sizes share typography and padding; their block size derives from the line box, padding, and borders. Existing `Button.buttonSize` and `Dropdown.size` remain aliases; `controlSize` wins if both are supplied. Native numeric `Input.size` retains its HTML meaning.
|
|
50
|
+
|
|
51
|
+
Compose a persistent label and control in `className="fractal-field"` to use the shared label gap. For dropdowns, connect `Label.htmlFor` to `Dropdown.triggerId` and provide a meaningful `triggerLabel`. Use matching sizes across a row. Icons add a shared leading slot; centered action labels remain centered.
|
|
52
|
+
|
|
53
|
+
This changes the rendered geometry of existing size presets, including default controls. Remove product CSS that hardcodes the previous heights. Compact sizes suit pointer interfaces; choose an appropriately large target for touch. Custom multiline dropdown content may grow beyond the single-line minimum.
|