@opencxh/ui-kit 3.137.2 → 3.137.3
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/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +8 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3931,7 +3931,11 @@ function Lr(t) {
|
|
|
3931
3931
|
}
|
|
3932
3932
|
const Ir = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
|
|
3933
3933
|
const [l, o] = oe.useState(!1), u = d(
|
|
3934
|
-
|
|
3934
|
+
// `avatar`, not `surface-hover`: at 0.972 the plate was within a few percent
|
|
3935
|
+
// of every surface it sits on, so the monogram floated instead of sitting in
|
|
3936
|
+
// a disc. It needs its own token because it is a fill that must stay a step
|
|
3937
|
+
// away from its background in *both* themes.
|
|
3938
|
+
"inline-flex items-center justify-center rounded-full overflow-hidden shrink-0 font-semibold select-none bg-avatar text-avatar-fg",
|
|
3935
3939
|
Ar[n],
|
|
3936
3940
|
s
|
|
3937
3941
|
);
|
|
@@ -3968,7 +3972,9 @@ const Ir = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
|
|
|
3968
3972
|
"span",
|
|
3969
3973
|
{
|
|
3970
3974
|
className: d(
|
|
3971
|
-
|
|
3975
|
+
// Same fill as an Avatar plate, so the "+3" reads as one more disc
|
|
3976
|
+
// in the row rather than a gap at the end of it.
|
|
3977
|
+
"inline-flex items-center justify-center rounded-full shrink-0 -ml-2 font-semibold bg-avatar text-avatar-fg",
|
|
3972
3978
|
n === "xs" ? "w-5 h-5 text-xs" : n === "md" ? "w-7 h-7 text-xs" : n === "lg" ? "w-9 h-9 text-xs" : "w-6 h-6 text-xs",
|
|
3973
3979
|
Re
|
|
3974
3980
|
),
|