@kolkrabbi/kol-component 0.154.0 → 0.154.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-component",
|
|
3
|
-
"version": "0.154.
|
|
3
|
+
"version": "0.154.1",
|
|
4
4
|
"description": "KOL design-system components — atoms through organisms, emitting canonical kol-* classes. Pairs with @kolkrabbi/kol-theme for styling.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -47,7 +47,7 @@ import { Tooltip } from '../utilities/Popover.jsx'
|
|
|
47
47
|
*
|
|
48
48
|
* @param {string} image photo URL — square, `object-cover object-top`
|
|
49
49
|
* @param {string} alt the photo's alt (default: `name`)
|
|
50
|
-
* @param {ReactNode} logo the lockup — sized by the ramp
|
|
50
|
+
* @param {ReactNode} logo the lockup — sized by the ramp: the node and any svg inside it take the ramp's height, width auto; `text-auto-inverse`
|
|
51
51
|
* @param {string} name the person
|
|
52
52
|
* @param {string} email rendered as a `mailto:`
|
|
53
53
|
* @param {Array} socials `[{ icon, href, label }]` — one Icon-in-Tooltip each, external links
|
|
@@ -117,7 +117,10 @@ export default function ProfileCard({
|
|
|
117
117
|
<img src={image} alt={alt ?? name ?? ''} className="w-full h-full object-cover object-top" loading="lazy" />
|
|
118
118
|
)
|
|
119
119
|
const lockup = logo != null && (
|
|
120
|
-
|
|
120
|
+
/* `[&_svg]` not `[&>svg]`: a brand `Asset` wraps its svg, so the site had to
|
|
121
|
+
* re-add the sizing on the node it passed — the slot sizes whatever it is
|
|
122
|
+
* handed, wrapped or bare */
|
|
123
|
+
<div className={`inline-flex ${ramp.logo} text-auto-inverse [&>*]:h-full [&_svg]:h-full [&_svg]:w-auto`}>{logo}</div>
|
|
121
124
|
)
|
|
122
125
|
const contact = (
|
|
123
126
|
<div className={`flex flex-col ${horizontal ? 'gap-1.5' : 'gap-1'} antialiased`} style={{ lineHeight: 1 }}>
|