@kolkrabbi/kol-foundry 0.4.0 → 0.4.1
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-foundry",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "KOL foundry component set — the type-specimen apparatus: typeface hero, variable-font axis playground, parsed-metric glyph inspector, character-set browser, font-preview, and the typeface-catalog grid. Every component renders, inspects, or manipulates a live font. Typeface data is consumer-injected. Sits above @kolkrabbi/kol-{theme,icons,component}.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
".": "./src/index.js"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@kolkrabbi/kol-component": "0.
|
|
15
|
-
"@kolkrabbi/kol-
|
|
16
|
-
"@kolkrabbi/kol-
|
|
14
|
+
"@kolkrabbi/kol-component": "0.10.0",
|
|
15
|
+
"@kolkrabbi/kol-theme": "0.7.5",
|
|
16
|
+
"@kolkrabbi/kol-icons": "0.6.0"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"react": "^18.3.0 || ^19.0.0",
|
|
@@ -59,22 +59,20 @@ function FontPreviewItem({
|
|
|
59
59
|
options={weightOptions}
|
|
60
60
|
value={selectedWeight}
|
|
61
61
|
onChange={setSelectedWeight}
|
|
62
|
-
variant="minimal"
|
|
63
62
|
/>
|
|
64
63
|
</div>
|
|
65
64
|
<div className="flex-1 flex justify-start items-start gap-8">
|
|
66
|
-
<Slider label="Size" min={12} max={200} value={size} onChange={setSize}
|
|
65
|
+
<Slider label="Size" min={12} max={200} value={size} onChange={setSize} className="flex-1" />
|
|
67
66
|
<Slider
|
|
68
67
|
label="Leading"
|
|
69
68
|
min={0}
|
|
70
69
|
max={50}
|
|
71
70
|
value={leading}
|
|
72
71
|
onChange={setLeading}
|
|
73
|
-
variant="minimal"
|
|
74
72
|
className="hidden md:flex flex-1"
|
|
75
73
|
formatValue={(val) => 90 + val}
|
|
76
74
|
/>
|
|
77
|
-
<Slider label="Spacing" min={-50} max={50} value={spacing} onChange={setSpacing}
|
|
75
|
+
<Slider label="Spacing" min={-50} max={50} value={spacing} onChange={setSpacing} className="hidden md:flex flex-1" />
|
|
78
76
|
</div>
|
|
79
77
|
</div>
|
|
80
78
|
|
|
@@ -111,7 +111,6 @@ const TypefaceVariablePreview = ({
|
|
|
111
111
|
max={200}
|
|
112
112
|
value={size}
|
|
113
113
|
onChange={setSize}
|
|
114
|
-
variant="minimal"
|
|
115
114
|
className="flex-1"
|
|
116
115
|
/>
|
|
117
116
|
<Slider
|
|
@@ -120,7 +119,6 @@ const TypefaceVariablePreview = ({
|
|
|
120
119
|
max={50}
|
|
121
120
|
value={leading}
|
|
122
121
|
onChange={setLeading}
|
|
123
|
-
variant="minimal"
|
|
124
122
|
className="flex-1"
|
|
125
123
|
formatValue={(val) => 90 + val}
|
|
126
124
|
/>
|
|
@@ -130,7 +128,6 @@ const TypefaceVariablePreview = ({
|
|
|
130
128
|
max={50}
|
|
131
129
|
value={spacing}
|
|
132
130
|
onChange={setSpacing}
|
|
133
|
-
variant="minimal"
|
|
134
131
|
className="flex-1"
|
|
135
132
|
/>
|
|
136
133
|
</div>
|