@spark-ui/progress 0.2.3 → 0.3.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.3.0](https://github.com/adevinta/spark/compare/@spark-ui/progress@0.2.4...@spark-ui/progress@0.3.0) (2023-08-31)
+
+### Features
+
+- **progress:** release stable version ([dfbf577](https://github.com/adevinta/spark/commit/dfbf577681e51851065b88a96f20c406bfaf6976))
+
+### BREAKING CHANGES
+
+- **progress:** component
+
+## [0.2.4](https://github.com/adevinta/spark/compare/@spark-ui/progress@0.2.3...@spark-ui/progress@0.2.4) (2023-08-31)
+
+### Bug Fixes
+
+- **progress:** add missing border radius to progress component ([0f2ec85](https://github.com/adevinta/spark/commit/0f2ec85382a694cf24eb9aab0bbc0f202b6945dd))
+
 ## [0.2.3](https://github.com/adevinta/spark/compare/@spark-ui/progress@0.2.2...@spark-ui/progress@0.2.3) (2023-08-31)
 
 **Note:** Version bump only for package @spark-ui/progress

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),g=require("@radix-ui/react-progress"),m=require("class-variance-authority"),P=require("@radix-ui/react-id"),y=require("@spark-ui/use-merge-refs"),b=e.createContext(null),p=()=>{const r=e.useContext(b);if(!r)throw new Error("useProgress must be used within a Progress provider");return r},I=m.cva(["h-full w-full","bg-basic","transition-transform duration-400"],{variants:{isIndeterminate:{true:["absolute","-translate-x-1/2","animate-standalone-indeterminate-bar"],false:[]}}}),u=e.forwardRef(({className:r,style:a,...s},t)=>{const{value:n,max:l,isIndeterminate:o}=p(),i=(l-n)/l*100;return e.createElement(g.ProgressIndicator,{className:I({isIndeterminate:o,className:r}),style:{...a,...!o&&{transform:`translateX(-${i}%)`}},ref:t,...s})});u.displayName="Progress.Indicator";const f=e.forwardRef(({className:r,children:a=e.createElement(u,null),...s},t)=>e.createElement("div",{className:m.cx("relative h-sz-4 w-full transform-gpu overflow-hidden rounded-sm bg-on-background/dim-4",r),ref:t,...s},a));f.displayName="Progress.Bar";const v=e.forwardRef(({className:r,value:a,max:s=100,isIndeterminate:t=!1,children:n=e.createElement(f,null),...l},o)=>{const[i,d]=e.useState(),x=e.useMemo(()=>({value:a??0,max:s,isIndeterminate:t,onLabelId:d}),[s,a,t,d]);return e.createElement(b.Provider,{"data-spark-component":"progress",value:x},e.createElement(g.Progress,{ref:o,className:m.cx("flex flex-col gap-sm",r),value:a,"aria-labelledby":i,max:s,...l},n))});v.displayName="Progress";const N=e.forwardRef(({id:r,children:a,...s},t)=>{const n=P.useId(r),{onLabelId:l}=p(),o=e.useCallback(d=>{l(d?n:void 0)},[n,l]),i=y.useMergeRefs(t,o);return e.createElement("span",{id:n,className:"text-body-2 text-on-surface",ref:i,...s},a)});N.displayName="Progress.Label";const c=Object.assign(v,{Label:N,Bar:f,Indicator:u});c.Label.displayName="Progress.Label",c.Bar.displayName="Progress.Bar",exports.Progress=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),g=require("@radix-ui/react-progress"),m=require("class-variance-authority"),P=require("@radix-ui/react-id"),y=require("@spark-ui/use-merge-refs"),b=e.createContext(null),p=()=>{const r=e.useContext(b);if(!r)throw new Error("useProgress must be used within a Progress provider");return r},I=m.cva(["h-full w-full","bg-basic","rounded-sm","transition-transform duration-400"],{variants:{isIndeterminate:{true:["absolute","-translate-x-1/2","animate-standalone-indeterminate-bar"],false:[]}}}),u=e.forwardRef(({className:r,style:a,...s},t)=>{const{value:n,max:l,isIndeterminate:o}=p(),i=(l-n)/l*100;return e.createElement(g.ProgressIndicator,{className:I({isIndeterminate:o,className:r}),style:{...a,...!o&&{transform:`translateX(-${i}%)`}},ref:t,...s})});u.displayName="Progress.Indicator";const f=e.forwardRef(({className:r,children:a=e.createElement(u,null),...s},t)=>e.createElement("div",{className:m.cx("relative h-sz-4 w-full transform-gpu overflow-hidden rounded-sm bg-on-background/dim-4",r),ref:t,...s},a));f.displayName="Progress.Bar";const v=e.forwardRef(({className:r,value:a,max:s=100,isIndeterminate:t=!1,children:n=e.createElement(f,null),...l},o)=>{const[i,d]=e.useState(),x=e.useMemo(()=>({value:a??0,max:s,isIndeterminate:t,onLabelId:d}),[s,a,t,d]);return e.createElement(b.Provider,{"data-spark-component":"progress",value:x},e.createElement(g.Progress,{ref:o,className:m.cx("flex flex-col gap-sm",r),value:a,"aria-labelledby":i,max:s,...l},n))});v.displayName="Progress";const N=e.forwardRef(({id:r,children:a,...s},t)=>{const n=P.useId(r),{onLabelId:l}=p(),o=e.useCallback(d=>{l(d?n:void 0)},[n,l]),i=y.useMergeRefs(t,o);return e.createElement("span",{id:n,className:"text-body-2 text-on-surface",ref:i,...s},a)});N.displayName="Progress.Label";const c=Object.assign(v,{Label:N,Bar:f,Indicator:u});c.Label.displayName="Progress.Label",c.Bar.displayName="Progress.Bar",exports.Progress=c;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import l, { createContext as P, useContext as y, forwardRef as c, useState as I, useMemo as h, useCallback as E } from "react";
+import o, { createContext as P, useContext as y, forwardRef as d, useState as I, useMemo as h, useCallback as E } from "react";
 import { ProgressIndicator as w, Progress as L } from "@radix-ui/react-progress";
 import { cva as B, cx as g } from "class-variance-authority";
 import { useId as k } from "@radix-ui/react-id";
@@ -8,26 +8,26 @@ const p = P(null), b = () => {
   if (!e)
     throw new Error("useProgress must be used within a Progress provider");
   return e;
-}, M = B(["h-full w-full", "bg-basic", "transition-transform duration-400"], { variants: { isIndeterminate: { true: ["absolute", "-translate-x-1/2", "animate-standalone-indeterminate-bar"], false: [] } } }), d = c(({ className: e, style: a, ...r }, s) => {
-  const { value: t, max: n, isIndeterminate: o } = b(), m = (n - t) / n * 100;
-  return l.createElement(w, { className: M({ isIndeterminate: o, className: e }), style: { ...a, ...!o && { transform: `translateX(-${m}%)` } }, ref: s, ...r });
+}, M = B(["h-full w-full", "bg-basic", "rounded-sm", "transition-transform duration-400"], { variants: { isIndeterminate: { true: ["absolute", "-translate-x-1/2", "animate-standalone-indeterminate-bar"], false: [] } } }), c = d(({ className: e, style: a, ...r }, s) => {
+  const { value: t, max: n, isIndeterminate: l } = b(), m = (n - t) / n * 100;
+  return o.createElement(w, { className: M({ isIndeterminate: l, className: e }), style: { ...a, ...!l && { transform: `translateX(-${m}%)` } }, ref: s, ...r });
 });
-d.displayName = "Progress.Indicator";
-const u = c(({ className: e, children: a = l.createElement(d, null), ...r }, s) => l.createElement("div", { className: g("relative h-sz-4 w-full transform-gpu overflow-hidden rounded-sm bg-on-background/dim-4", e), ref: s, ...r }, a));
+c.displayName = "Progress.Indicator";
+const u = d(({ className: e, children: a = o.createElement(c, null), ...r }, s) => o.createElement("div", { className: g("relative h-sz-4 w-full transform-gpu overflow-hidden rounded-sm bg-on-background/dim-4", e), ref: s, ...r }, a));
 u.displayName = "Progress.Bar";
-const N = c(({ className: e, value: a, max: r = 100, isIndeterminate: s = !1, children: t = l.createElement(u, null), ...n }, o) => {
+const N = d(({ className: e, value: a, max: r = 100, isIndeterminate: s = !1, children: t = o.createElement(u, null), ...n }, l) => {
   const [m, i] = I(), x = h(() => ({ value: a ?? 0, max: r, isIndeterminate: s, onLabelId: i }), [r, a, s, i]);
-  return l.createElement(p.Provider, { "data-spark-component": "progress", value: x }, l.createElement(L, { ref: o, className: g("flex flex-col gap-sm", e), value: a, "aria-labelledby": m, max: r, ...n }, t));
+  return o.createElement(p.Provider, { "data-spark-component": "progress", value: x }, o.createElement(L, { ref: l, className: g("flex flex-col gap-sm", e), value: a, "aria-labelledby": m, max: r, ...n }, t));
 });
 N.displayName = "Progress";
-const v = c(({ id: e, children: a, ...r }, s) => {
-  const t = k(e), { onLabelId: n } = b(), o = E((i) => {
+const v = d(({ id: e, children: a, ...r }, s) => {
+  const t = k(e), { onLabelId: n } = b(), l = E((i) => {
     n(i ? t : void 0);
-  }, [t, n]), m = C(s, o);
-  return l.createElement("span", { id: t, className: "text-body-2 text-on-surface", ref: m, ...r }, a);
+  }, [t, n]), m = C(s, l);
+  return o.createElement("span", { id: t, className: "text-body-2 text-on-surface", ref: m, ...r }, a);
 });
 v.displayName = "Progress.Label";
-const f = Object.assign(N, { Label: v, Bar: u, Indicator: d });
+const f = Object.assign(N, { Label: v, Bar: u, Indicator: c });
 f.Label.displayName = "Progress.Label", f.Bar.displayName = "Progress.Bar";
 export {
   f as Progress

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/progress",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
   "publishConfig": {
     "access": "public"
@@ -29,7 +29,7 @@
     "class-variance-authority": "0.7.0"
   },
   "peerDependencies": {
-    "@spark-ui/theme-utils": "^3.0.2",
+    "@spark-ui/theme-utils": "^4.0.0",
     "react": "^16.8 || ^17.0 || ^18.0",
     "react-dom": "^16.8 || ^17.0 || ^18.0",
     "tailwindcss": "^3.0.0"
@@ -44,5 +44,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "4cdee86bb86f13da6e349580b97b8b577000e59c"
+  "gitHead": "e51d180fb4ab61b4d35221a80afde31b7eb17872"
 }