design-zystem 1.0.299 → 1.0.301

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 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)(BadgeSlot, { $size: size, $bg: (_b = badge.backgroundColor) != null ? _b : colors.white, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
2343
- BadgeIcon,
2342
+ ) }) : badge && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
2343
+ BadgeSlot,
2344
2344
  {
2345
2345
  $size: size,
2346
- $color: (_c = badge.iconColor) != null ? _c : colors.blue_950,
2347
- className: `fa-${(_d = badge.family) != null ? _d : "regular"} fa-${badge.name}`
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
 
@@ -7364,7 +7373,7 @@ var getFileIconByMimeType = (mimeType) => {
7364
7373
  // src/utils/vehicle/formatVin.ts
7365
7374
  var formatVin = (vin) => {
7366
7375
  if (!vin) return "";
7367
- return vin.length > 7 ? vin.slice(-7) : vin;
7376
+ return (vin.length > 7 ? vin.slice(-7) : vin).toUpperCase();
7368
7377
  };
7369
7378
 
7370
7379
  // src/utils/vehicle/formatKM.ts
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(BadgeSlot, { $size: size, $bg: (_b = badge.backgroundColor) != null ? _b : colors.white, children: /* @__PURE__ */ jsx22(
2202
- BadgeIcon,
2201
+ ) }) : badge && /* @__PURE__ */ jsx22(
2202
+ BadgeSlot,
2203
2203
  {
2204
2204
  $size: size,
2205
- $color: (_c = badge.iconColor) != null ? _c : colors.blue_950,
2206
- className: `fa-${(_d = badge.family) != null ? _d : "regular"} fa-${badge.name}`
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
 
@@ -7243,7 +7252,7 @@ var getFileIconByMimeType = (mimeType) => {
7243
7252
  // src/utils/vehicle/formatVin.ts
7244
7253
  var formatVin = (vin) => {
7245
7254
  if (!vin) return "";
7246
- return vin.length > 7 ? vin.slice(-7) : vin;
7255
+ return (vin.length > 7 ? vin.slice(-7) : vin).toUpperCase();
7247
7256
  };
7248
7257
 
7249
7258
  // src/utils/vehicle/formatKM.ts
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.299",
3
+ "version": "1.0.301",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",