@still-forest/canopy 0.56.1 → 0.57.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/README.md +26 -5
- package/dist/index.css +1 -0
- package/dist/index.d.ts +51 -71
- package/dist/index.js +20851 -21101
- package/dist/styles/base.css +4 -0
- package/dist/styles/color.css +421 -0
- package/dist/styles/dimensions.css +14 -0
- package/dist/styles/index.css +29 -0
- package/dist/styles/theme.css +166 -0
- package/dist/styles/typography.css +112 -0
- package/package.json +11 -2
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
@theme inline {
|
|
2
|
+
--font-sans: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;
|
|
3
|
+
--font-serif: "EB Garamond", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif;
|
|
4
|
+
--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
|
|
5
|
+
|
|
6
|
+
--font-brand: var(--font-serif);
|
|
7
|
+
--font-heading: var(--font-serif);
|
|
8
|
+
--font-body: var(--font-sans);
|
|
9
|
+
|
|
10
|
+
--font-brand-weight: 500;
|
|
11
|
+
--font-heading-weight: 500;
|
|
12
|
+
--font-body-weight: 400;
|
|
13
|
+
--font-mono-weight: 400;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@utility font-brand {
|
|
17
|
+
font-family: var(--font-brand);
|
|
18
|
+
font-weight: var(--font-brand-weight);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@utility font-heading {
|
|
22
|
+
font-family: var(--font-heading);
|
|
23
|
+
font-weight: var(--font-heading-weight);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@utility font-body {
|
|
27
|
+
font-family: var(--font-body);
|
|
28
|
+
font-weight: var(--font-body-weight);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@utility font-mono {
|
|
32
|
+
font-family: var(--font-mono);
|
|
33
|
+
font-weight: var(--font-mono-weight);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@layer base {
|
|
37
|
+
h1,
|
|
38
|
+
.heading-1 {
|
|
39
|
+
@apply font-heading;
|
|
40
|
+
@apply text-5xl tracking-tight;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
h2,
|
|
44
|
+
.heading-2 {
|
|
45
|
+
@apply font-heading;
|
|
46
|
+
@apply text-4xl tracking-normal;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
h3,
|
|
50
|
+
.heading-3 {
|
|
51
|
+
@apply font-heading;
|
|
52
|
+
@apply text-3xl tracking-normal;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
h4,
|
|
56
|
+
.heading-4 {
|
|
57
|
+
@apply font-body font-medium;
|
|
58
|
+
@apply text-xl;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
h5,
|
|
62
|
+
.heading-5 {
|
|
63
|
+
@apply font-body font-semibold;
|
|
64
|
+
@apply text-lg;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
h6,
|
|
68
|
+
.heading-6 {
|
|
69
|
+
@apply font-body font-bold;
|
|
70
|
+
@apply text-base;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
p,
|
|
74
|
+
.body-base {
|
|
75
|
+
@apply font-body text-base;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
label,
|
|
79
|
+
.label {
|
|
80
|
+
@apply font-body font-semibold text-sm;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
code,
|
|
84
|
+
.code {
|
|
85
|
+
@apply font-mono font-normal text-sm;
|
|
86
|
+
@apply bg-muted-foreground/10 px-1 py-0.5 rounded-md;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.heading-hero {
|
|
90
|
+
@apply font-bold text-6xl tracking-tight;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.heading-lead {
|
|
94
|
+
@apply font-body font-medium text-muted-foreground text-xl;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
p.muted {
|
|
98
|
+
@apply text-muted-foreground;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.footnote {
|
|
102
|
+
@apply font-body text-muted-foreground text-sm;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.footnote-xs {
|
|
106
|
+
@apply font-body text-muted-foreground text-xs;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.eyebrow {
|
|
110
|
+
@apply font-body text-muted-foreground text-xs uppercase tracking-wide;
|
|
111
|
+
}
|
|
112
|
+
}
|
package/package.json
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@still-forest/canopy",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.57.0",
|
|
4
4
|
"author": "John Szymanowski",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "React components, built with Tailwind CSS, Shadcn, and VisX",
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
8
|
"module": "./dist/index.js",
|
|
9
9
|
"types": "./dist/index.d.ts",
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"import": "./dist/index.js",
|
|
13
|
+
"types": "./dist/index.d.ts"
|
|
14
|
+
},
|
|
15
|
+
"./styles": "./dist/styles/index.css",
|
|
16
|
+
"./styles/*": "./dist/styles/*"
|
|
17
|
+
},
|
|
10
18
|
"files": [
|
|
11
19
|
"dist"
|
|
12
20
|
],
|
|
@@ -22,6 +30,7 @@
|
|
|
22
30
|
"type": "module",
|
|
23
31
|
"scripts": {
|
|
24
32
|
"build": "tsc -b && vite build",
|
|
33
|
+
"build:watch": "tsc -b && vite build --watch",
|
|
25
34
|
"chromatic": "chromatic --exit-zero-on-changes",
|
|
26
35
|
"dev": "vite",
|
|
27
36
|
"format": "biome format --write .",
|
|
@@ -30,7 +39,7 @@
|
|
|
30
39
|
"lint:fix": "biome check --write --unsafe .",
|
|
31
40
|
"prepublishOnly": "pnpm build",
|
|
32
41
|
"preview": "vite preview",
|
|
33
|
-
"storybook": "storybook dev -p
|
|
42
|
+
"storybook": "storybook dev -p 7006",
|
|
34
43
|
"storybook:build": "storybook build",
|
|
35
44
|
"storybook:build:docs": "storybook build --docs",
|
|
36
45
|
"storybook:docs": "storybook dev --docs",
|