kaleido-ui 0.1.17 → 0.1.19
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/dist/web/index.cjs +12 -2
- package/dist/web/index.js +12 -2
- package/package.json +1 -1
package/dist/web/index.cjs
CHANGED
|
@@ -504,7 +504,12 @@ function Icon2({
|
|
|
504
504
|
"span",
|
|
505
505
|
{
|
|
506
506
|
className: cn(
|
|
507
|
-
|
|
507
|
+
// `inline-flex items-center justify-center leading-none` keeps the
|
|
508
|
+
// glyph centered inside its own box rather than drifting on the
|
|
509
|
+
// parent's text baseline. Without this, a Material-Symbols span
|
|
510
|
+
// sitting next to an <img>-based icon in a flex row renders a few
|
|
511
|
+
// pixels lower because the glyph adopts the surrounding line-height.
|
|
512
|
+
"material-symbols-outlined inline-flex items-center justify-center leading-none align-middle",
|
|
508
513
|
filled && "filled",
|
|
509
514
|
sizeClasses[size],
|
|
510
515
|
className
|
|
@@ -3693,7 +3698,12 @@ function ActivityNetworkFilters({
|
|
|
3693
3698
|
type: "button",
|
|
3694
3699
|
onClick: () => onChange(filter.value),
|
|
3695
3700
|
className: cn(
|
|
3696
|
-
|
|
3701
|
+
// `leading-none` on the button normalizes the line-box for
|
|
3702
|
+
// both the icon span and the label span; without it the
|
|
3703
|
+
// icon (now `leading-none` from Icon primitive) and the text
|
|
3704
|
+
// (default leading) get center-aligned along different
|
|
3705
|
+
// visual axes and the glyph drifts above the text.
|
|
3706
|
+
"inline-flex shrink-0 items-center gap-1.5 rounded-full px-2.5 py-1.5 text-xxs font-bold uppercase tracking-wider leading-none transition-all active:scale-95",
|
|
3697
3707
|
isActive ? "bg-primary/15 text-primary shadow-inner hover:bg-primary/20" : "bg-surface-card text-white/45 hover:bg-surface-elevated hover:text-white/80"
|
|
3698
3708
|
),
|
|
3699
3709
|
children: [
|
package/dist/web/index.js
CHANGED
|
@@ -343,7 +343,12 @@ function Icon2({
|
|
|
343
343
|
"span",
|
|
344
344
|
{
|
|
345
345
|
className: cn(
|
|
346
|
-
|
|
346
|
+
// `inline-flex items-center justify-center leading-none` keeps the
|
|
347
|
+
// glyph centered inside its own box rather than drifting on the
|
|
348
|
+
// parent's text baseline. Without this, a Material-Symbols span
|
|
349
|
+
// sitting next to an <img>-based icon in a flex row renders a few
|
|
350
|
+
// pixels lower because the glyph adopts the surrounding line-height.
|
|
351
|
+
"material-symbols-outlined inline-flex items-center justify-center leading-none align-middle",
|
|
347
352
|
filled && "filled",
|
|
348
353
|
sizeClasses[size],
|
|
349
354
|
className
|
|
@@ -3538,7 +3543,12 @@ function ActivityNetworkFilters({
|
|
|
3538
3543
|
type: "button",
|
|
3539
3544
|
onClick: () => onChange(filter.value),
|
|
3540
3545
|
className: cn(
|
|
3541
|
-
|
|
3546
|
+
// `leading-none` on the button normalizes the line-box for
|
|
3547
|
+
// both the icon span and the label span; without it the
|
|
3548
|
+
// icon (now `leading-none` from Icon primitive) and the text
|
|
3549
|
+
// (default leading) get center-aligned along different
|
|
3550
|
+
// visual axes and the glyph drifts above the text.
|
|
3551
|
+
"inline-flex shrink-0 items-center gap-1.5 rounded-full px-2.5 py-1.5 text-xxs font-bold uppercase tracking-wider leading-none transition-all active:scale-95",
|
|
3542
3552
|
isActive ? "bg-primary/15 text-primary shadow-inner hover:bg-primary/20" : "bg-surface-card text-white/45 hover:bg-surface-elevated hover:text-white/80"
|
|
3543
3553
|
),
|
|
3544
3554
|
children: [
|
package/package.json
CHANGED