@spark-ui/badge 2.1.3 → 2.1.5

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.5](https://github.com/adevinta/spark/compare/@spark-ui/badge@2.1.4...@spark-ui/badge@2.1.5) (2024-03-15)
+
+**Note:** Version bump only for package @spark-ui/badge
+
+## [2.1.4](https://github.com/adevinta/spark/compare/@spark-ui/badge@2.1.3...@spark-ui/badge@2.1.4) (2024-02-28)
+
+### Bug Fixes
+
+- **badge:** badge outline now utilizes "surface" token ([79feadf](https://github.com/adevinta/spark/commit/79feadf159e93a2d26703108fec915d0a09ff6a5)), closes [#1906](https://github.com/adevinta/spark/issues/1906)
+
 ## [2.1.3](https://github.com/adevinta/spark/compare/@spark-ui/badge@2.1.2...@spark-ui/badge@2.1.3) (2024-01-29)
 
 ### Bug Fixes

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),l=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:l.makeVariants({main:["bg-main","text-on-main","border-on-main"],support:["bg-support","text-on-support","border-on-support"],accent:["bg-accent","text-on-accent","border-on-accent"],success:["bg-success","text-on-success","border-on-success"],alert:["bg-alert","text-on-alert","border-on-alert"],danger:["bg-error","text-on-error","border-on-error"],info:["bg-info","text-on-info","border-on-info"],neutral:["bg-neutral","text-on-neutral","border-on-neutral"],surface:["bg-surface","text-on-surface","border-on-surface"],basic:["bg-basic","text-on-basic","border-on-basic"]}),size:l.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"}}),i=e.forwardRef(({intent:t="danger",size:r="md",type:a="relative",count:n,overflowCount:o=99,"aria-label":s,className:d,...b},u)=>{const m=n&&n>o,p={...b,"aria-label":typeof s=="function"?s({count:n,overflowCount:o}):s};return e.createElement("span",{ref:u,"data-spark-component":"badge",role:"status",className:f({intent:t,size:r,type:a,className:d}),...p},m?`${o}+`:n)});i.displayName="BadgeItem";const c=e.forwardRef(({children:t,...r},a)=>t?e.createElement("div",{className:"relative inline-flex"},t,e.createElement(i,{ref:a,...r})):e.createElement(i,{ref:a,type:"standalone",...r}));c.displayName="Badge",exports.Badge=c;
+"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;

package/dist/index.mjs

@@ -1,12 +1,12 @@
-import n, { forwardRef as i } from "react";
-import { makeVariants as c } from "@spark-ui/internal-utils";
-import { cva as f } from "class-variance-authority";
-const x = f(["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-on-main"], support: ["bg-support", "text-on-support", "border-on-support"], accent: ["bg-accent", "text-on-accent", "border-on-accent"], success: ["bg-success", "text-on-success", "border-on-success"], alert: ["bg-alert", "text-on-alert", "border-on-alert"], danger: ["bg-error", "text-on-error", "border-on-error"], info: ["bg-info", "text-on-info", "border-on-info"], neutral: ["bg-neutral", "text-on-neutral", "border-on-neutral"], surface: ["bg-surface", "text-on-surface", "border-on-surface"], basic: ["bg-basic", "text-on-basic", "border-on-basic"] }), 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" } }), l = i(({ intent: e = "danger", size: t = "md", type: a = "relative", count: r, overflowCount: o = 99, "aria-label": s, className: d, ...m }, p) => {
-  const b = r && r > o, u = { ...m, "aria-label": typeof s == "function" ? s({ count: r, overflowCount: o }) : s };
-  return n.createElement("span", { ref: p, "data-spark-component": "badge", role: "status", className: x({ intent: e, size: t, type: a, className: d }), ...u }, b ? `${o}+` : r);
+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);
 });
-l.displayName = "BadgeItem";
-const g = i(({ children: e, ...t }, a) => e ? n.createElement("div", { className: "relative inline-flex" }, e, n.createElement(l, { ref: a, ...t })) : n.createElement(l, { ref: a, type: "standalone", ...t }));
+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";
 export {
   g as Badge

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/badge",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "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+label%3Acomponent+label%3Abadge"
   },
   "dependencies": {
-    "@spark-ui/internal-utils": "^2.2.0",
+    "@spark-ui/internal-utils": "^2.3.0",
     "class-variance-authority": "0.7.0"
   },
   "peerDependencies": {
@@ -46,5 +46,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "cee11f691913f464628acaa223be031843ca3db1"
+  "gitHead": "017b58f0d658252f4548068dd2ec6f962c9202fd"
 }