@spark-ui/checkbox 1.11.3 → 1.11.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.
 
+## [1.11.5](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.11.4...@spark-ui/checkbox@1.11.5) (2023-05-02)
+
+### Bug Fixes
+
+- **checkbox:** update icon import ([f899aa2](https://github.com/adevinta/spark/commit/f899aa25c461105ced2d521c9a107961845dab36))
+
+## [1.11.4](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.11.3...@spark-ui/checkbox@1.11.4) (2023-04-28)
+
+**Note:** Version bump only for package @spark-ui/checkbox
+
 ## [1.11.3](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.11.2...@spark-ui/checkbox@1.11.3) (2023-04-27)
 
 ### Bug Fixes

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) Meta Platforms, Inc. and affiliates.
+Copyright (c) Adevinta ASA.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=require("@radix-ui/react-checkbox"),c=require("@spark-ui/icons"),f=require("@spark-ui/use-merge-refs"),h=require("@spark-ui/internal-utils"),d=require("class-variance-authority"),g=require("@radix-ui/react-label");function y(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const i=y(p),v=d.cva(["h-sz-20 w-sz-20 border-md peer my-[var(--sz-1)] shrink-0 items-center justify-center self-baseline rounded-sm bg-transparent","spark-disabled:opacity-dim-3 spark-disabled:cursor-not-allowed spark-disabled:hover:ring-0","focus-visible:ring-outline-high focus-visible:outline-none focus-visible:ring-2","hover:border-primary-container hover:outline-none hover:ring-2","u-shadow-border-transition"],{variants:{intent:h.makeVariants({primary:["spark-state-unchecked:border-outline","spark-state-indeterminate:border-primary spark-state-indeterminate:bg-primary","spark-state-checked:border-primary spark-state-checked:bg-primary"],success:["spark-state-unchecked:border-success","spark-state-indeterminate:border-success spark-state-indeterminate:bg-success","spark-state-checked:border-success spark-state-checked:bg-success"],alert:["spark-state-unchecked:border-alert","spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert","spark-state-checked:border-alert spark-state-checked:bg-alert"],error:["spark-state-unchecked:border-error","spark-state-indeterminate:border-error spark-state-indeterminate:bg-error","spark-state-checked:border-error spark-state-checked:bg-error"]})},defaultVariants:{intent:"primary"}}),N=t.forwardRef(({intent:e,icon:a,className:r,...s},o)=>{const[l,u]=t.useState(),b=f.useMergeRefs(o,n=>{u(n?.getAttribute("aria-checked"))}),k=(({icon:n,checked:m})=>{if(n)return n;switch(m){case"true":return t.createElement(c.Check,null);case"mixed":return t.createElement(c.Minus,null);default:return null}})({icon:a,checked:l});return t.createElement(i.Root,{ref:b,className:v({intent:e,className:r}),...s},t.createElement(i.Indicator,{className:"text-surface flex items-center justify-center"},k))}),w=d.cva(["flex","items-center","gap-md","text-body-1"],{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),x=({className:e,disabled:a,...r})=>t.createElement(g.Label,{className:w({className:e,disabled:a}),...r}),j=t.forwardRef(({children:e,className:a,...r},s)=>t.createElement(x,{"data-spark-component":"checkbox",className:a,disabled:r.disabled},t.createElement(N,{ref:s,...r}),e));exports.Checkbox=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),k=require("@radix-ui/react-checkbox"),p=require("@spark-ui/use-merge-refs"),f=require("@spark-ui/internal-utils"),l=require("class-variance-authority"),h=require("@radix-ui/react-label");function g(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const c=g(k),v=t.forwardRef(({title:e,fill:a="currentColor",stroke:r="none",...s},n)=>t.createElement("svg",{ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e&&{"data-title":e},fill:a,stroke:r,...s,dangerouslySetInnerHTML:{__html:(e===void 0?"":`<title>${e}</title>`)+'<path d="M8.91958 20.1667C8.73748 20.1667 8.56045 20.1323 8.38847 20.0635C8.21649 19.9947 8.05969 19.8915 7.91806 19.7539L2.42489 14.4176C2.14163 14.1425 2 13.8083 2 13.4152C2 13.0222 2.14163 12.688 2.42489 12.4129C2.70814 12.1377 3.04704 12.0001 3.44158 12.0001C3.83612 12.0001 4.18513 12.1377 4.48862 12.4129L8.91958 16.7173L19.5417 6.42797C19.825 6.1528 20.1639 6.0103 20.5584 6.00048C20.953 5.99065 21.2919 6.13315 21.5751 6.42797C21.8584 6.70313 22 7.03727 22 7.43036C22 7.82346 21.8584 8.15759 21.5751 8.43276L9.92109 19.7539C9.77946 19.8915 9.62266 19.9947 9.45068 20.0635C9.27871 20.1323 9.10167 20.1667 8.91958 20.1667Z"/>'}})),w=t.forwardRef(({title:e,fill:a="currentColor",stroke:r="none",...s},n)=>t.createElement("svg",{ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e&&{"data-title":e},fill:a,stroke:r,...s,dangerouslySetInnerHTML:{__html:(e===void 0?"":`<title>${e}</title>`)+'<path fill-rule="evenodd" clip-rule="evenodd" d="M2 11.9999C2 11.379 2.44772 10.8756 3 10.8756H21C21.5523 10.8756 22 11.379 22 11.9999C22 12.6208 21.5523 13.1242 21 13.1242H3C2.44772 13.1242 2 12.6208 2 11.9999Z"/>'}})),y=l.cva(["h-sz-20 w-sz-20 border-md peer my-[var(--sz-1)] shrink-0 items-center justify-center self-baseline rounded-sm bg-transparent","spark-disabled:opacity-dim-3 spark-disabled:cursor-not-allowed spark-disabled:hover:ring-0","focus-visible:ring-outline-high focus-visible:outline-none focus-visible:ring-2","hover:border-primary-container hover:outline-none hover:ring-2","u-shadow-border-transition"],{variants:{intent:f.makeVariants({primary:["spark-state-unchecked:border-outline","spark-state-indeterminate:border-primary spark-state-indeterminate:bg-primary","spark-state-checked:border-primary spark-state-checked:bg-primary"],success:["spark-state-unchecked:border-success","spark-state-indeterminate:border-success spark-state-indeterminate:bg-success","spark-state-checked:border-success spark-state-checked:bg-success"],alert:["spark-state-unchecked:border-alert","spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert","spark-state-checked:border-alert spark-state-checked:bg-alert"],error:["spark-state-unchecked:border-error","spark-state-indeterminate:border-error spark-state-indeterminate:bg-error","spark-state-checked:border-error spark-state-checked:bg-error"]})},defaultVariants:{intent:"primary"}}),C=t.forwardRef(({intent:e,icon:a,className:r,...s},n)=>{const[o,d]=t.useState(),u=p.useMergeRefs(n,i=>{d(i?.getAttribute("aria-checked"))}),m=(({icon:i,checked:b})=>{if(i)return i;switch(b){case"true":return t.createElement(v,null);case"mixed":return t.createElement(w,null);default:return null}})({icon:a,checked:o});return t.createElement(c.Root,{ref:u,className:y({intent:e,className:r}),...s},t.createElement(c.Indicator,{className:"text-surface flex items-center justify-center"},m))}),x=l.cva(["flex","items-center","gap-md","text-body-1"],{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),E=({className:e,disabled:a,...r})=>t.createElement(h.Label,{className:x({className:e,disabled:a}),...r}),N=t.forwardRef(({children:e,className:a,...r},s)=>t.createElement(E,{"data-spark-component":"checkbox",className:a,disabled:r.disabled},t.createElement(C,{ref:s,...r}),e));exports.Checkbox=N;

package/dist/index.mjs

@@ -1,27 +1,26 @@
-import e, { forwardRef as u, useState as b } from "react";
-import * as i from "@radix-ui/react-checkbox";
-import { Minus as h, Check as f } from "@spark-ui/icons";
-import { useMergeRefs as g } from "@spark-ui/use-merge-refs";
-import { makeVariants as y } from "@spark-ui/internal-utils";
-import { cva as n } from "class-variance-authority";
-import { Label as v } from "@radix-ui/react-label";
-const x = n(["h-sz-20 w-sz-20 border-md peer my-[var(--sz-1)] shrink-0 items-center justify-center self-baseline rounded-sm bg-transparent", "spark-disabled:opacity-dim-3 spark-disabled:cursor-not-allowed spark-disabled:hover:ring-0", "focus-visible:ring-outline-high focus-visible:outline-none focus-visible:ring-2", "hover:border-primary-container hover:outline-none hover:ring-2", "u-shadow-border-transition"], { variants: { intent: y({ primary: ["spark-state-unchecked:border-outline", "spark-state-indeterminate:border-primary spark-state-indeterminate:bg-primary", "spark-state-checked:border-primary spark-state-checked:bg-primary"], success: ["spark-state-unchecked:border-success", "spark-state-indeterminate:border-success spark-state-indeterminate:bg-success", "spark-state-checked:border-success spark-state-checked:bg-success"], alert: ["spark-state-unchecked:border-alert", "spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert", "spark-state-checked:border-alert spark-state-checked:bg-alert"], error: ["spark-state-unchecked:border-error", "spark-state-indeterminate:border-error spark-state-indeterminate:bg-error", "spark-state-checked:border-error spark-state-checked:bg-error"] }) }, defaultVariants: { intent: "primary" } }), N = u(({ intent: t, icon: a, className: r, ...c }, o) => {
-  const [d, l] = b(), m = g(o, (s) => {
-    l(s?.getAttribute("aria-checked"));
-  }), p = (({ icon: s, checked: k }) => {
-    if (s)
-      return s;
-    switch (k) {
+import r, { forwardRef as k, useState as b } from "react";
+import * as o from "@radix-ui/react-checkbox";
+import { useMergeRefs as f } from "@spark-ui/use-merge-refs";
+import { makeVariants as h } from "@spark-ui/internal-utils";
+import { cva as c } from "class-variance-authority";
+import { Label as g } from "@radix-ui/react-label";
+const v = r.forwardRef(({ title: e, fill: a = "currentColor", stroke: t = "none", ...s }, n) => r.createElement("svg", { ref: n, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e && { "data-title": e }, fill: a, stroke: t, ...s, dangerouslySetInnerHTML: { __html: (e === void 0 ? "" : `<title>${e}</title>`) + '<path d="M8.91958 20.1667C8.73748 20.1667 8.56045 20.1323 8.38847 20.0635C8.21649 19.9947 8.05969 19.8915 7.91806 19.7539L2.42489 14.4176C2.14163 14.1425 2 13.8083 2 13.4152C2 13.0222 2.14163 12.688 2.42489 12.4129C2.70814 12.1377 3.04704 12.0001 3.44158 12.0001C3.83612 12.0001 4.18513 12.1377 4.48862 12.4129L8.91958 16.7173L19.5417 6.42797C19.825 6.1528 20.1639 6.0103 20.5584 6.00048C20.953 5.99065 21.2919 6.13315 21.5751 6.42797C21.8584 6.70313 22 7.03727 22 7.43036C22 7.82346 21.8584 8.15759 21.5751 8.43276L9.92109 19.7539C9.77946 19.8915 9.62266 19.9947 9.45068 20.0635C9.27871 20.1323 9.10167 20.1667 8.91958 20.1667Z"/>' } })), w = r.forwardRef(({ title: e, fill: a = "currentColor", stroke: t = "none", ...s }, n) => r.createElement("svg", { ref: n, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e && { "data-title": e }, fill: a, stroke: t, ...s, dangerouslySetInnerHTML: { __html: (e === void 0 ? "" : `<title>${e}</title>`) + '<path fill-rule="evenodd" clip-rule="evenodd" d="M2 11.9999C2 11.379 2.44772 10.8756 3 10.8756H21C21.5523 10.8756 22 11.379 22 11.9999C22 12.6208 21.5523 13.1242 21 13.1242H3C2.44772 13.1242 2 12.6208 2 11.9999Z"/>' } })), C = c(["h-sz-20 w-sz-20 border-md peer my-[var(--sz-1)] shrink-0 items-center justify-center self-baseline rounded-sm bg-transparent", "spark-disabled:opacity-dim-3 spark-disabled:cursor-not-allowed spark-disabled:hover:ring-0", "focus-visible:ring-outline-high focus-visible:outline-none focus-visible:ring-2", "hover:border-primary-container hover:outline-none hover:ring-2", "u-shadow-border-transition"], { variants: { intent: h({ primary: ["spark-state-unchecked:border-outline", "spark-state-indeterminate:border-primary spark-state-indeterminate:bg-primary", "spark-state-checked:border-primary spark-state-checked:bg-primary"], success: ["spark-state-unchecked:border-success", "spark-state-indeterminate:border-success spark-state-indeterminate:bg-success", "spark-state-checked:border-success spark-state-checked:bg-success"], alert: ["spark-state-unchecked:border-alert", "spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert", "spark-state-checked:border-alert spark-state-checked:bg-alert"], error: ["spark-state-unchecked:border-error", "spark-state-indeterminate:border-error spark-state-indeterminate:bg-error", "spark-state-checked:border-error spark-state-checked:bg-error"] }) }, defaultVariants: { intent: "primary" } }), y = k(({ intent: e, icon: a, className: t, ...s }, n) => {
+  const [l, d] = b(), m = f(n, (i) => {
+    d(i?.getAttribute("aria-checked"));
+  }), p = (({ icon: i, checked: u }) => {
+    if (i)
+      return i;
+    switch (u) {
       case "true":
-        return e.createElement(f, null);
+        return r.createElement(v, null);
       case "mixed":
-        return e.createElement(h, null);
+        return r.createElement(w, null);
       default:
         return null;
     }
-  })({ icon: a, checked: d });
-  return e.createElement(i.Root, { ref: m, className: x({ intent: t, className: r }), ...c }, e.createElement(i.Indicator, { className: "text-surface flex items-center justify-center" }, p));
-}), w = n(["flex", "items-center", "gap-md", "text-body-1"], { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), E = ({ className: t, disabled: a, ...r }) => e.createElement(v, { className: w({ className: t, disabled: a }), ...r }), A = e.forwardRef(({ children: t, className: a, ...r }, c) => e.createElement(E, { "data-spark-component": "checkbox", className: a, disabled: r.disabled }, e.createElement(N, { ref: c, ...r }), t));
+  })({ icon: a, checked: l });
+  return r.createElement(o.Root, { ref: m, className: C({ intent: e, className: t }), ...s }, r.createElement(o.Indicator, { className: "text-surface flex items-center justify-center" }, p));
+}), x = c(["flex", "items-center", "gap-md", "text-body-1"], { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), E = ({ className: e, disabled: a, ...t }) => r.createElement(g, { className: x({ className: e, disabled: a }), ...t }), _ = r.forwardRef(({ children: e, className: a, ...t }, s) => r.createElement(E, { "data-spark-component": "checkbox", className: a, disabled: t.disabled }, r.createElement(y, { ref: s, ...t }), e));
 export {
-  A as Checkbox
+  _ as Checkbox
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/checkbox",
-  "version": "1.11.3",
+  "version": "1.11.5",
   "description": "A control that allows the user to toggle between checked and not checked.",
   "publishConfig": {
     "access": "public"
@@ -14,9 +14,9 @@
   "dependencies": {
     "@radix-ui/react-checkbox": "1",
     "@radix-ui/react-label": "^2.0.1",
-    "@spark-ui/icons": "^1.9.0",
-    "@spark-ui/internal-utils": "^1.5.2",
-    "@spark-ui/use-merge-refs": "0",
+    "@spark-ui/icons": "^1.9.2",
+    "@spark-ui/internal-utils": "^1.5.3",
+    "@spark-ui/use-merge-refs": "^0.3.2",
     "class-variance-authority": "0.5.2"
   },
   "peerDependencies": {
@@ -25,13 +25,18 @@
     "tailwindcss": "^3.0.0"
   },
   "devDependencies": {
-    "@spark-ui/button": "^1.9.0",
-    "@spark-ui/radio": "^1.9.2"
+    "@spark-ui/button": "^1.9.2",
+    "@spark-ui/radio": "^1.9.3"
   },
   "repository": {
     "type": "git",
     "url": "git@github.com:adevinta/spark.git",
     "directory": "packages/components/checkbox"
   },
-  "gitHead": "ec824fece3253c93e87c4229b9e81825c88d1b68"
+  "bugs": {
+    "url": "https://github.com/adevinta/spark/issues"
+  },
+  "homepage": "https://sparkui.vercel.app",
+  "license": "MIT",
+  "gitHead": "0ee1bebb35e2058cf2cdce078684b238278c2d9e"
 }