@spark-ui/badge 2.1.0 → 2.1.1

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/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.1.1](https://github.com/adevinta/spark/compare/@spark-ui/badge@2.1.0...@spark-ui/badge@2.1.1) (2023-10-06)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **badge:** border-box ([15d41ff](https://github.com/adevinta/spark/commit/15d41ffd56f62360301647ead953b3a157976cd4))
11
+ - **badge:** change rings for borders ([cd7911b](https://github.com/adevinta/spark/commit/cd7911be77457f8adaf8e4591d6b38b41e1b855a))
12
+ - **badge:** doc ([b649238](https://github.com/adevinta/spark/commit/b64923806799065834e5d9ab4b056c6842c2afb5))
13
+
6
14
  # [2.1.0](https://github.com/adevinta/spark/compare/@spark-ui/badge@2.0.11...@spark-ui/badge@2.1.0) (2023-09-28)
7
15
 
8
16
  ### Bug Fixes
package/README.md CHANGED
@@ -1,13 +1,12 @@
1
1
  # Badge
2
2
  > @spark-ui/badge
3
3
 
4
- ![storybook](https://img.shields.io/badge/storybook-black?logo=storybook&link=https%3A%2F%2Fsparkui.vercel.app%2F%3Fpath%3D%2Fdocs%2Fcomponents-badge--docs)
5
- ![documentation](https://img.shields.io/badge/documentation-black?logo=googledocs&link=https%3A%2F%2Fsparkui-adv.vercel.app%2Fdocs%2Fcomponents%2Fbadge)
6
- ![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)
7
- ![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)
8
-
4
+ [![storybook](https://img.shields.io/badge/storybook-black?logo=storybook)](https://sparkui.vercel.app/?path=/docs/components-badge--docs)
5
+ [![documentation](https://img.shields.io/badge/documentation-black?logo=googledocs)](https://sparkui-adv.vercel.app/docs/components/badge)
6
+ [![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)
7
+ [![npm](https://img.shields.io/npm/dt/%40spark-ui/badge?logo=npm&labelColor=black)](https://www.npmjs.com/package/@spark-ui/badge)
9
8
 
10
9
  This package is part of the [`@spark-ui`](https://github.com/adevinta/spark) react-js user interface component library project.
11
10
 
12
- ![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)
13
- ![NPM](https://img.shields.io/npm/l/%40spark-ui%2Fbadge)
11
+ [![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)
12
+ [![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 CHANGED
@@ -1 +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;
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"),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 CHANGED
@@ -1,12 +1,12 @@
1
- import r, { forwardRef as c } from "react";
2
- import { makeVariants as l } from "@spark-ui/internal-utils";
3
- import { cva as b } from "class-variance-authority";
4
- 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) => {
5
- const d = a && a > s, x = { ...f, "aria-label": typeof o == "function" ? o({ count: a, overflowCount: s }) : o };
6
- 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);
1
+ import r, { forwardRef as i } from "react";
2
+ import { makeVariants as c } from "@spark-ui/internal-utils";
3
+ import { cva as g } from "class-variance-authority";
4
+ 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) => {
5
+ const f = n && n > o, x = { ...b, "aria-label": typeof s == "function" ? s({ count: n, overflowCount: o }) : s };
6
+ 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);
7
7
  });
8
- i.displayName = "BadgeItem";
9
- 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 }));
8
+ l.displayName = "BadgeItem";
9
+ 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 }));
10
10
  v.displayName = "Badge";
11
11
  export {
12
12
  v as Badge
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-ui/badge",
3
- "version": "2.1.0",
3
+ "version": "2.1.1",
4
4
  "description": "Badge component is a visual indicator for numeric values such as tallies and scores.",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -46,5 +46,5 @@
46
46
  },
47
47
  "homepage": "https://sparkui.vercel.app",
48
48
  "license": "MIT",
49
- "gitHead": "60a8f00aef92177084ac744bc4fd56ef13bc9948"
49
+ "gitHead": "8004dfcde56caeb54c5b88dbc206861ec3e69ae4"
50
50
  }