@idbrnd/design-system 1.12.1 → 1.12.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/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @idbrnd/design-system
2
2
 
3
- ![Version](https://img.shields.io/badge/version-1.12.1-4B5FE1?style=flat-square)
3
+ ![Version](https://img.shields.io/badge/version-1.12.3-4B5FE1?style=flat-square)
4
4
  ![React](https://img.shields.io/badge/React-18.3.1-61DAFB?style=flat-square&logo=react&logoColor=white)
5
5
  ![Vite](https://img.shields.io/badge/Vite-7.3.0-646CFF?style=flat-square&logo=vite&logoColor=white)
6
6
  ![TypeScript](https://img.shields.io/badge/TypeScript-5.9.3-3178C6?style=flat-square&logo=typescript&logoColor=white)
@@ -3,11 +3,12 @@ export type PushBadgeVariant = 'dot' | 'number' | 'info';
3
3
  export interface PushBadgeProps {
4
4
  variant?: PushBadgeVariant;
5
5
  count?: number;
6
+ maxCount?: number;
6
7
  bgColor?: string;
7
8
  color?: string;
8
9
  disabled?: boolean;
9
10
  customStyle?: CSSProperties;
10
11
  className?: string;
11
12
  }
12
- declare function PushBadge({ variant, count, bgColor, color, disabled, customStyle, className }: PushBadgeProps): import("react/jsx-runtime").JSX.Element | null;
13
+ declare function PushBadge({ variant, count, maxCount, bgColor, color, disabled, customStyle, className }: PushBadgeProps): import("react/jsx-runtime").JSX.Element | null;
13
14
  export default PushBadge;
package/dist/index.js CHANGED
@@ -969,21 +969,22 @@ const Hr = "_badge_iiym7_1", Wr = "_dot_iiym7_16", qr = "_number_iiym7_23", Vr =
969
969
  function c0({
970
970
  variant: e = "number",
971
971
  count: t = 1,
972
- bgColor: n,
973
- color: o,
974
- disabled: s = !1,
975
- customStyle: l = {},
976
- className: r
972
+ maxCount: n = 999,
973
+ bgColor: o,
974
+ color: s,
975
+ disabled: l = !1,
976
+ customStyle: r = {},
977
+ className: c
977
978
  }) {
978
- if (s)
979
+ if (l)
979
980
  return null;
980
- const c = t > 999 ? "999+" : t, i = {
981
- ...n ? { backgroundColor: n } : {},
982
- ...o ? { color: o } : {},
983
- ...l
984
- }, d = [on.badge, on[e], r ?? ""].filter(Boolean).join(" ");
985
- return /* @__PURE__ */ T("span", { "data-idb-component": !0, className: d, style: i, children: [
986
- e === "number" ? c : null,
981
+ const i = t > n ? `${n}+` : t, d = {
982
+ ...o ? { backgroundColor: o } : {},
983
+ ...s ? { color: s } : {},
984
+ ...r
985
+ }, p = [on.badge, on[e], c ?? ""].filter(Boolean).join(" ");
986
+ return /* @__PURE__ */ T("span", { "data-idb-component": !0, className: p, style: d, children: [
987
+ e === "number" ? i : null,
987
988
  e === "info" ? "?" : null
988
989
  ] });
989
990
  }
@@ -3625,7 +3626,7 @@ function w0({
3625
3626
  }
3626
3627
  );
3627
3628
  }
3628
- const Za = "_tab_1et42_2", Ja = "_fill_1et42_11", ed = "_horizontalPadding_1et42_15", td = "_emblaWrapper_1et42_20", nd = "_emblaViewport_1et42_25", od = "_emblaContainer_1et42_30", sd = "_overflowing_1et42_37", rd = "_trailingSlot_1et42_42", id = "_tabItem_1et42_50", ld = "_selected_1et42_86", cd = "_disabled_1et42_92", ad = "_labelWrapper_1et42_99", dd = "_labelText_1et42_106", ud = "_dotBadge_1et42_112", fd = "_numberBadge_1et42_125", md = "_numberBadgePadded_1et42_139", _d = "_indicator_1et42_145", pd = "_large_1et42_160", gd = "_medium_1et42_166", hd = "_small_1et42_172", oe = {
3629
+ const Za = "_tab_1mhbg_2", Ja = "_fill_1mhbg_11", ed = "_horizontalPadding_1mhbg_15", td = "_emblaWrapper_1mhbg_20", nd = "_emblaViewport_1mhbg_25", od = "_emblaContainer_1mhbg_30", sd = "_overflowing_1mhbg_37", rd = "_trailingSlot_1mhbg_42", id = "_tabItem_1mhbg_50", ld = "_selected_1mhbg_86", cd = "_disabled_1mhbg_92", ad = "_dotBadge_1mhbg_100", dd = "_numberBadge_1mhbg_105", ud = "_labelWrapper_1mhbg_112", fd = "_labelText_1mhbg_119", md = "_numberBadgePadded_1mhbg_152", _d = "_indicator_1mhbg_158", pd = "_large_1mhbg_173", gd = "_medium_1mhbg_179", hd = "_small_1mhbg_185", oe = {
3629
3630
  tab: Za,
3630
3631
  fill: Ja,
3631
3632
  horizontalPadding: ed,
@@ -3637,10 +3638,10 @@ const Za = "_tab_1et42_2", Ja = "_fill_1et42_11", ed = "_horizontalPadding_1et42
3637
3638
  tabItem: id,
3638
3639
  selected: ld,
3639
3640
  disabled: cd,
3640
- labelWrapper: ad,
3641
- labelText: dd,
3642
- dotBadge: ud,
3643
- numberBadge: fd,
3641
+ dotBadge: ad,
3642
+ numberBadge: dd,
3643
+ labelWrapper: ud,
3644
+ labelText: fd,
3644
3645
  numberBadgePadded: md,
3645
3646
  indicator: _d,
3646
3647
  large: pd,