@spark-ui/badge 7.3.7 → 8.0.0

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.0.0](https://github.com/adevinta/spark/compare/v7.3.7...v8.0.0) (2025-01-13)
+
+**Note:** Version bump only for package @spark-ui/badge
+
 ## [7.3.7](https://github.com/adevinta/spark/compare/v7.3.6...v7.3.7) (2025-01-08)
 
 **Note:** Version bump only for package @spark-ui/badge

package/dist/Badge.d.ts

@@ -1,6 +1,9 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, Ref } from 'react';
 import { BadgeItemProps } from './BadgeItem';
-export type BadgeProps = PropsWithChildren<Omit<BadgeItemProps, 'type'>>;
-export declare const Badge: import("react").ForwardRefExoticComponent<Omit<BadgeItemProps, "type"> & {
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLElement>>;
+export type BadgeProps = PropsWithChildren<Omit<BadgeItemProps, 'type'>> & {
+    ref?: Ref<HTMLElement>;
+};
+export declare const Badge: {
+    ({ children, ...props }: BadgeProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/BadgeItem.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, PropsWithRef } from 'react';
+import { HTMLAttributes, Ref } from 'react';
 import { type StylesProps } from './BadgeItem.styles';
-export interface BadgeItemProps extends PropsWithRef<Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>>, StylesProps {
+export interface BadgeItemProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>, StylesProps {
     /**
      * Numeric value used as indicator inside the component.
      */
@@ -23,5 +23,9 @@ export interface BadgeItemProps extends PropsWithRef<Omit<HTMLAttributes<HTMLSpa
      * @default 'relative'
      */
     type?: 'relative' | 'standalone';
+    ref?: Ref<HTMLSpanElement>;
 }
-export declare const BadgeItem: import("react").ForwardRefExoticComponent<BadgeItemProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const BadgeItem: {
+    ({ intent, size, type, count, overflowCount, "aria-label": label, className, ...others }: BadgeItemProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),i=require("@spark-ui/internal-utils"),p=require("class-variance-authority").cva(["inline-flex h-fit","empty:p-none","text-center font-bold","rounded-full box-content"],{variants:{intent:i.makeVariants({main:["bg-main","text-on-main","border-surface"],support:["bg-support","text-on-support","border-surface"],accent:["bg-accent","text-on-accent","border-surface"],success:["bg-success","text-on-success","border-surface"],alert:["bg-alert","text-on-alert","border-surface"],danger:["bg-error","text-on-error","border-surface"],info:["bg-info","text-on-info","border-surface"],neutral:["bg-neutral","text-on-neutral","border-surface"],surface:["bg-surface","text-on-surface","border-surface"],basic:["bg-basic","text-on-basic","border-surface"]}),size:i.makeVariants({sm:["text-small","px-[var(--sz-6)] py-[var(--sz-2)]","empty:size-sz-8"],md:["text-caption","px-md py-sm","empty:size-sz-16"]}),type:{relative:["absolute right-none border-md","translate-x-1/2 -translate-y-1/2"],standalone:[]}},defaultVariants:{intent:"danger",size:"md",type:"relative"}}),c=e.forwardRef(({intent:t="danger",size:r="md",type:a="relative",count:n,overflowCount:s=99,"aria-label":o,className:d,...u},f)=>{const b=n&&n>s,m={...u,"aria-label":typeof o=="function"?o({count:n,overflowCount:s}):o};return e.createElement("span",{ref:f,"data-spark-component":"badge",role:"status",className:p({intent:t,size:r,type:a,className:d}),...m},b?`${s}+`:n)});c.displayName="BadgeItem";const l=e.forwardRef(({children:t,...r},a)=>t?e.createElement("div",{className:"relative inline-flex"},t,e.createElement(c,{ref:a,...r})):e.createElement(c,{ref:a,type:"standalone",...r}));l.displayName="Badge",exports.Badge=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),c=require("@spark-ui/internal-utils"),f=require("class-variance-authority").cva(["inline-flex h-fit","empty:p-none","text-center font-bold","rounded-full box-content"],{variants:{intent:c.makeVariants({main:["bg-main","text-on-main","border-surface"],support:["bg-support","text-on-support","border-surface"],accent:["bg-accent","text-on-accent","border-surface"],success:["bg-success","text-on-success","border-surface"],alert:["bg-alert","text-on-alert","border-surface"],danger:["bg-error","text-on-error","border-surface"],info:["bg-info","text-on-info","border-surface"],neutral:["bg-neutral","text-on-neutral","border-surface"],surface:["bg-surface","text-on-surface","border-surface"],basic:["bg-basic","text-on-basic","border-surface"]}),size:c.makeVariants({sm:["text-small","px-[var(--sz-6)] py-[var(--sz-2)]","empty:size-sz-8"],md:["text-caption","px-md py-sm","empty:size-sz-16"]}),type:{relative:["absolute right-none border-md","translate-x-1/2 -translate-y-1/2"],standalone:[]}},defaultVariants:{intent:"danger",size:"md",type:"relative"}}),o=({intent:e="danger",size:t="md",type:l="relative",count:a,overflowCount:n=99,"aria-label":s,className:u,...d})=>{const b=a&&a>n,m={...d,"aria-label":typeof s=="function"?s({count:a,overflowCount:n}):s};return r.createElement("span",{"data-spark-component":"badge",role:"status",className:f({intent:e,size:t,type:l,className:u}),...m},b?`${n}+`:a)};o.displayName="BadgeItem";const i=({children:e,...t})=>e?r.createElement("div",{className:"relative inline-flex"},e,r.createElement(o,{...t})):r.createElement(o,{type:"standalone",...t});i.displayName="Badge",exports.Badge=i;

package/dist/index.mjs

@@ -1,13 +1,13 @@
-import n, { forwardRef as l } from "react";
-import { makeVariants as i } from "@spark-ui/internal-utils";
-import { cva as p } from "class-variance-authority";
-const x = p(["inline-flex h-fit", "empty:p-none", "text-center font-bold", "rounded-full box-content"], { variants: { intent: i({ main: ["bg-main", "text-on-main", "border-surface"], support: ["bg-support", "text-on-support", "border-surface"], accent: ["bg-accent", "text-on-accent", "border-surface"], success: ["bg-success", "text-on-success", "border-surface"], alert: ["bg-alert", "text-on-alert", "border-surface"], danger: ["bg-error", "text-on-error", "border-surface"], info: ["bg-info", "text-on-info", "border-surface"], neutral: ["bg-neutral", "text-on-neutral", "border-surface"], surface: ["bg-surface", "text-on-surface", "border-surface"], basic: ["bg-basic", "text-on-basic", "border-surface"] }), size: i({ sm: ["text-small", "px-[var(--sz-6)] py-[var(--sz-2)]", "empty:size-sz-8"], md: ["text-caption", "px-md py-sm", "empty:size-sz-16"] }), type: { relative: ["absolute right-none border-md", "translate-x-1/2 -translate-y-1/2"], standalone: [] } }, defaultVariants: { intent: "danger", size: "md", type: "relative" } }), c = l(({ intent: e = "danger", size: t = "md", type: a = "relative", count: r, overflowCount: s = 99, "aria-label": o, className: d, ...f }, m) => {
-  const u = r && r > s, b = { ...f, "aria-label": typeof o == "function" ? o({ count: r, overflowCount: s }) : o };
-  return n.createElement("span", { ref: m, "data-spark-component": "badge", role: "status", className: x({ intent: e, size: t, type: a, className: d }), ...b }, u ? `${s}+` : r);
-});
-c.displayName = "BadgeItem";
-const g = l(({ children: e, ...t }, a) => e ? n.createElement("div", { className: "relative inline-flex" }, e, n.createElement(c, { ref: a, ...t })) : n.createElement(c, { ref: a, type: "standalone", ...t }));
-g.displayName = "Badge";
+import r from "react";
+import { makeVariants as c } from "@spark-ui/internal-utils";
+import { cva as b } from "class-variance-authority";
+const p = b(["inline-flex h-fit", "empty:p-none", "text-center font-bold", "rounded-full box-content"], { variants: { intent: c({ main: ["bg-main", "text-on-main", "border-surface"], support: ["bg-support", "text-on-support", "border-surface"], accent: ["bg-accent", "text-on-accent", "border-surface"], success: ["bg-success", "text-on-success", "border-surface"], alert: ["bg-alert", "text-on-alert", "border-surface"], danger: ["bg-error", "text-on-error", "border-surface"], info: ["bg-info", "text-on-info", "border-surface"], neutral: ["bg-neutral", "text-on-neutral", "border-surface"], surface: ["bg-surface", "text-on-surface", "border-surface"], basic: ["bg-basic", "text-on-basic", "border-surface"] }), size: c({ sm: ["text-small", "px-[var(--sz-6)] py-[var(--sz-2)]", "empty:size-sz-8"], md: ["text-caption", "px-md py-sm", "empty:size-sz-16"] }), type: { relative: ["absolute right-none border-md", "translate-x-1/2 -translate-y-1/2"], standalone: [] } }, defaultVariants: { intent: "danger", size: "md", type: "relative" } }), o = ({ intent: e = "danger", size: t = "md", type: i = "relative", count: a, overflowCount: n = 99, "aria-label": s, className: l, ...d }) => {
+  const u = a && a > n, m = { ...d, "aria-label": typeof s == "function" ? s({ count: a, overflowCount: n }) : s };
+  return r.createElement("span", { "data-spark-component": "badge", role: "status", className: p({ intent: e, size: t, type: i, className: l }), ...m }, u ? `${n}+` : a);
+};
+o.displayName = "BadgeItem";
+const f = ({ children: e, ...t }) => e ? r.createElement("div", { className: "relative inline-flex" }, e, r.createElement(o, { ...t })) : r.createElement(o, { type: "standalone", ...t });
+f.displayName = "Badge";
 export {
-  g as Badge
+  f as Badge
 };

package/dist/public/docgen.json

@@ -129,6 +129,29 @@
         "type": {
           "name": "number"
         }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "parent": {
+          "fileName": "badge/src/BadgeItem.tsx",
+          "name": "BadgeItemProps"
+        },
+        "declarations": [
+          {
+            "fileName": "badge/src/BadgeItem.tsx",
+            "name": "BadgeItemProps"
+          },
+          {
+            "fileName": "badge/src/Badge.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLSpanElement> & Ref<HTMLElement>"
+        }
       }
     }
   },
@@ -227,6 +250,25 @@
           ]
         }
       },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "parent": {
+          "fileName": "badge/src/BadgeItem.tsx",
+          "name": "BadgeItemProps"
+        },
+        "declarations": [
+          {
+            "fileName": "badge/src/BadgeItem.tsx",
+            "name": "BadgeItemProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLSpanElement>"
+        }
+      },
       "intent": {
         "defaultValue": {
           "value": "danger"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/badge",
-  "version": "7.3.7",
+  "version": "8.0.0",
   "description": "Badge component is a visual indicator for numeric values such as tallies and scores.",
   "publishConfig": {
     "access": "public"
@@ -35,7 +35,7 @@
     "url": "https://github.com/adevinta/spark/issues?q=is%3Aopen+is%3Aissue+label%3A%22Component%3A+badge%22"
   },
   "dependencies": {
-    "@spark-ui/internal-utils": "^7.3.7",
+    "@spark-ui/internal-utils": "^8.0.0",
     "class-variance-authority": "0.7.0"
   },
   "peerDependencies": {
@@ -47,5 +47,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "ca2b7a1f2a4a921fd4c6ad8521c2dfd90471f7d6"
+  "gitHead": "309903aa55f44ebd43d2a1fe43691f110a5036ea"
 }