@spark-ui/badge 2.1.0 → 2.1.1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.1](https://github.com/adevinta/spark/compare/@spark-ui/badge@2.1.0...@spark-ui/badge@2.1.1) (2023-10-06)
+
+### Bug Fixes
+
+- **badge:** border-box ([15d41ff](https://github.com/adevinta/spark/commit/15d41ffd56f62360301647ead953b3a157976cd4))
+- **badge:** change rings for borders ([cd7911b](https://github.com/adevinta/spark/commit/cd7911be77457f8adaf8e4591d6b38b41e1b855a))
+- **badge:** doc ([b649238](https://github.com/adevinta/spark/commit/b64923806799065834e5d9ab4b056c6842c2afb5))
+
 # [2.1.0](https://github.com/adevinta/spark/compare/@spark-ui/badge@2.0.11...@spark-ui/badge@2.1.0) (2023-09-28)
 
 ### Bug Fixes

package/README.md

@@ -1,13 +1,12 @@
 # Badge
 > @spark-ui/badge
 
-![storybook](https://img.shields.io/badge/storybook-black?logo=storybook&link=https%3A%2F%2Fsparkui.vercel.app%2F%3Fpath%3D%2Fdocs%2Fcomponents-badge--docs)
-![documentation](https://img.shields.io/badge/documentation-black?logo=googledocs&link=https%3A%2F%2Fsparkui-adv.vercel.app%2Fdocs%2Fcomponents%2Fbadge)
-![issue](https://img.shields.io/badge/report%20a%20bug-black?logo=openbugbounty&logoColor=red&link=https%3A%2F%2Fgithub.com%2Fadevinta%2Fspark%2Fissues%2Fnew%3F%26projects%3D4%26template%3Dbug-report.yml%26assignees%3D%26labels%3Dcomponent%2Cbadge)
-![npm](https://img.shields.io/npm/dt/%40spark-ui/badge?logo=npm&labelColor=black&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2F%40spark-ui%2Fbadge)
-
+[![storybook](https://img.shields.io/badge/storybook-black?logo=storybook)](https://sparkui.vercel.app/?path=/docs/components-badge--docs)
+[![documentation](https://img.shields.io/badge/documentation-black?logo=googledocs)](https://sparkui-adv.vercel.app/docs/components/badge)
+[![issue](https://img.shields.io/badge/report%20a%20bug-black?logo=openbugbounty&logoColor=red)](https://github.com/adevinta/spark/issues/new?&projects=4&template=bug-report.yml&assignees=&labels=component,badge)
+[![npm](https://img.shields.io/npm/dt/%40spark-ui/badge?logo=npm&labelColor=black)](https://www.npmjs.com/package/@spark-ui/badge)
 
 This package is part of the [`@spark-ui`](https://github.com/adevinta/spark) react-js user interface component library project.
 
-![Issues open](https://img.shields.io/github/issues-search/adevinta/spark?query=is%3Aopen%20label%3Acomponent%20label%3Abadge&logo=openbugbounty&logoColor=red&label=issues%20open&color=red&link=https%3A%2F%2Fgithub.com%2Fadevinta%2Fspark%2Fissues%3Fq%3Dis%253Aopen%2Blabel%253Acomponent%2Blabel%253Abadge)
-![NPM](https://img.shields.io/npm/l/%40spark-ui%2Fbadge)
+[![Issues open](https://img.shields.io/github/issues-search/adevinta/spark?query=is%3Aopen%20label%3Acomponent%20label%3Abadge&logo=openbugbounty&logoColor=red&label=issues%20open&color=red)](https://github.com/adevinta/spark/issues?q=is%3Aopen+label%3Acomponent+label%3Abadge)
+[![NPM](https://img.shields.io/npm/l/%40spark-ui%2Fbadge)](https://github.com/adevinta/spark/blob/main/packages/components/badge/LICENSE.md)

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

package/dist/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/badge",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Badge component is a visual indicator for numeric values such as tallies and scores.",
   "publishConfig": {
     "access": "public"
@@ -46,5 +46,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "60a8f00aef92177084ac744bc4fd56ef13bc9948"
+  "gitHead": "8004dfcde56caeb54c5b88dbc206861ec3e69ae4"
 }