design-zystem 1.0.299 → 1.0.300
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.d.mts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +14 -5
- package/dist/index.mjs +14 -5
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -337,6 +337,7 @@ interface IconProps {
|
|
|
337
337
|
onClick?: () => void;
|
|
338
338
|
className?: string;
|
|
339
339
|
style?: CSSProperties;
|
|
340
|
+
title?: string;
|
|
340
341
|
}
|
|
341
342
|
declare const Icon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
342
343
|
|
|
@@ -389,6 +390,7 @@ interface AvatarBadge {
|
|
|
389
390
|
family?: 'solid' | 'regular' | 'light' | 'brands';
|
|
390
391
|
backgroundColor?: string;
|
|
391
392
|
iconColor?: string;
|
|
393
|
+
label?: string;
|
|
392
394
|
}
|
|
393
395
|
interface AvatarPhotoBadge {
|
|
394
396
|
name: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -337,6 +337,7 @@ interface IconProps {
|
|
|
337
337
|
onClick?: () => void;
|
|
338
338
|
className?: string;
|
|
339
339
|
style?: CSSProperties;
|
|
340
|
+
title?: string;
|
|
340
341
|
}
|
|
341
342
|
declare const Icon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
342
343
|
|
|
@@ -389,6 +390,7 @@ interface AvatarBadge {
|
|
|
389
390
|
family?: 'solid' | 'regular' | 'light' | 'brands';
|
|
390
391
|
backgroundColor?: string;
|
|
391
392
|
iconColor?: string;
|
|
393
|
+
label?: string;
|
|
392
394
|
}
|
|
393
395
|
interface AvatarPhotoBadge {
|
|
394
396
|
name: string;
|
package/dist/index.js
CHANGED
|
@@ -2339,14 +2339,23 @@ var Avatar = ({
|
|
|
2339
2339
|
textColor: avatarBadge.textColor,
|
|
2340
2340
|
size: Math.round(size * 0.4)
|
|
2341
2341
|
}
|
|
2342
|
-
) }) : badge && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2343
|
-
|
|
2342
|
+
) }) : badge && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2343
|
+
BadgeSlot,
|
|
2344
2344
|
{
|
|
2345
2345
|
$size: size,
|
|
2346
|
-
$
|
|
2347
|
-
|
|
2346
|
+
$bg: (_b = badge.backgroundColor) != null ? _b : colors.white,
|
|
2347
|
+
title: badge.label,
|
|
2348
|
+
"aria-label": badge.label,
|
|
2349
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2350
|
+
BadgeIcon,
|
|
2351
|
+
{
|
|
2352
|
+
$size: size,
|
|
2353
|
+
$color: (_c = badge.iconColor) != null ? _c : colors.blue_950,
|
|
2354
|
+
className: `fa-${(_d = badge.family) != null ? _d : "regular"} fa-${badge.name}`
|
|
2355
|
+
}
|
|
2356
|
+
)
|
|
2348
2357
|
}
|
|
2349
|
-
)
|
|
2358
|
+
)
|
|
2350
2359
|
] });
|
|
2351
2360
|
};
|
|
2352
2361
|
|
package/dist/index.mjs
CHANGED
|
@@ -2198,14 +2198,23 @@ var Avatar = ({
|
|
|
2198
2198
|
textColor: avatarBadge.textColor,
|
|
2199
2199
|
size: Math.round(size * 0.4)
|
|
2200
2200
|
}
|
|
2201
|
-
) }) : badge && /* @__PURE__ */ jsx22(
|
|
2202
|
-
|
|
2201
|
+
) }) : badge && /* @__PURE__ */ jsx22(
|
|
2202
|
+
BadgeSlot,
|
|
2203
2203
|
{
|
|
2204
2204
|
$size: size,
|
|
2205
|
-
$
|
|
2206
|
-
|
|
2205
|
+
$bg: (_b = badge.backgroundColor) != null ? _b : colors.white,
|
|
2206
|
+
title: badge.label,
|
|
2207
|
+
"aria-label": badge.label,
|
|
2208
|
+
children: /* @__PURE__ */ jsx22(
|
|
2209
|
+
BadgeIcon,
|
|
2210
|
+
{
|
|
2211
|
+
$size: size,
|
|
2212
|
+
$color: (_c = badge.iconColor) != null ? _c : colors.blue_950,
|
|
2213
|
+
className: `fa-${(_d = badge.family) != null ? _d : "regular"} fa-${badge.name}`
|
|
2214
|
+
}
|
|
2215
|
+
)
|
|
2207
2216
|
}
|
|
2208
|
-
)
|
|
2217
|
+
)
|
|
2209
2218
|
] });
|
|
2210
2219
|
};
|
|
2211
2220
|
|