@journ/bloom 0.1.3 → 0.2.0
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/DESIGN.md +2 -2
- package/README.md +1 -1
- package/package.json +2 -7
package/DESIGN.md
CHANGED
|
@@ -189,7 +189,7 @@ The typeface is `--font-bloom-display`. Load Hedvig Letters Sans (or your own fa
|
|
|
189
189
|
|
|
190
190
|
## Components
|
|
191
191
|
|
|
192
|
-
Import
|
|
192
|
+
Import per file (`@journ/bloom/card`). The library named in parentheses is what the nude part is built on.
|
|
193
193
|
|
|
194
194
|
| Component | Parts |
|
|
195
195
|
| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
@@ -284,5 +284,5 @@ Button, IconButton and Badge tones: `neutral` (default, inverts with the theme),
|
|
|
284
284
|
2. Create `packages/bloom/src/<name>.tsx`: wrap each nude part and add classes through `cn` or `tv`.
|
|
285
285
|
3. Use only `bloom-*` tokens. Add a token before adding a raw value.
|
|
286
286
|
4. Reuse `interactive` and `TouchTarget` for anything pressable.
|
|
287
|
-
5. Export at the end of the file
|
|
287
|
+
5. Export at the end of the file. Any `src/*.tsx` is exposed as `@journ/bloom/<name>`.
|
|
288
288
|
6. Add a usage to a story in `apps/playground/src` and check it on a phone-width viewport.
|
package/README.md
CHANGED
|
@@ -42,7 +42,7 @@ function Example() {
|
|
|
42
42
|
}
|
|
43
43
|
```
|
|
44
44
|
|
|
45
|
-
Every component has its own entry (`@journ/bloom/button`, `@journ/bloom/dialog`, ...).
|
|
45
|
+
Every component has its own entry (`@journ/bloom/button`, `@journ/bloom/dialog`, ...).
|
|
46
46
|
|
|
47
47
|
### With your own Tailwind
|
|
48
48
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@journ/bloom",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "Styled UI library A. Wraps nude primitives with a Tailwind style layer and ships precompiled, prefixed CSS. Sibling of lotus, web only.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -17,11 +17,6 @@
|
|
|
17
17
|
"**/*.css"
|
|
18
18
|
],
|
|
19
19
|
"exports": {
|
|
20
|
-
".": {
|
|
21
|
-
"@journ/source": "./src/index.ts",
|
|
22
|
-
"types": "./dist/index.d.ts",
|
|
23
|
-
"default": "./dist/index.js"
|
|
24
|
-
},
|
|
25
20
|
"./*": {
|
|
26
21
|
"@journ/source": "./src/*.tsx",
|
|
27
22
|
"types": "./dist/*.d.ts",
|
|
@@ -44,7 +39,7 @@
|
|
|
44
39
|
"animejs": "^4.5.0",
|
|
45
40
|
"lucide-react": "^1.48.0",
|
|
46
41
|
"tailwind-variants": "^3.3.1",
|
|
47
|
-
"@journ/nude": "0.
|
|
42
|
+
"@journ/nude": "0.2.0",
|
|
48
43
|
"@journ/lift": "0.2.0"
|
|
49
44
|
},
|
|
50
45
|
"devDependencies": {
|