@spark-ui/checkbox 1.8.4 → 1.9.1

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.
 
+## [1.9.1](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.9.0...@spark-ui/checkbox@1.9.1) (2023-04-24)
+
+### Bug Fixes
+
+- **checkbox:** props table ([17a5dd2](https://github.com/adevinta/spark/commit/17a5dd2fe364275ab32560f61d4b8582950a8987))
+
+# [1.9.0](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.8.4...@spark-ui/checkbox@1.9.0) (2023-04-21)
+
+### Bug Fixes
+
+- **checkbox:** fix label alignment ([d5b2f23](https://github.com/adevinta/spark/commit/d5b2f238029f4e111892ed0a860fa103070b6460))
+
+### Features
+
+- **checkbox:** fix vertical alignment ([3f7df59](https://github.com/adevinta/spark/commit/3f7df59075b19987eab6e13b4d94ab93f540aebd))
+
 ## [1.8.4](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.8.3...@spark-ui/checkbox@1.8.4) (2023-04-19)
 
 **Note:** Version bump only for package @spark-ui/checkbox

package/dist/CheckboxInput.styles.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const inputStyles: (props?: ({
-    intent?: "current" | "primary" | "secondary" | "success" | "error" | "info" | "alert" | "danger" | "neutral" | "surface" | null | undefined;
+    intent?: "primary" | "success" | "alert" | "error" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export type InputStylesProps = VariantProps<typeof inputStyles>;

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),m=require("@radix-ui/react-checkbox"),c=require("@spark-ui/icons"),p=require("@spark-ui/use-merge-refs"),f=require("@spark-ui/internal-utils"),d=require("class-variance-authority"),h=require("@radix-ui/react-label");function g(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=g(m),y=d.cva(["h-sz-20 w-sz-20 border-md peer items-center justify-center 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"],{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"}}),v=a.forwardRef(({intent:e,icon:r,...t},s)=>{const[o,l]=a.useState(),u=p.useMergeRefs(s,n=>{l(n?.getAttribute("aria-checked"))}),b=(({icon:n,checked:k})=>{if(n)return n;switch(k){case"true":return a.createElement(c.Check,null);case"mixed":return a.createElement(c.Minus,null);default:return null}})({icon:r,checked:o});return a.createElement(i.Root,{ref:u,className:y({intent:e}),...t},a.createElement(i.Indicator,{className:"text-surface flex items-center justify-center"},b))}),x=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}}),j=({className:e,disabled:r,...t})=>a.createElement(h.Label,{className:x({className:e,disabled:r}),...t}),q=a.forwardRef(({children:e,...r},t)=>a.createElement(j,{"data-spark-component":"checkbox",disabled:r.disabled},a.createElement(v,{ref:t,...r}),e));exports.Checkbox=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),m=require("@radix-ui/react-checkbox"),c=require("@spark-ui/icons"),p=require("@spark-ui/use-merge-refs"),f=require("@spark-ui/internal-utils"),d=require("class-variance-authority"),h=require("@radix-ui/react-label");function g(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=g(m),y=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"],{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"}}),v=a.forwardRef(({intent:e,icon:r,...t},s)=>{const[o,l]=a.useState(),u=p.useMergeRefs(s,n=>{l(n?.getAttribute("aria-checked"))}),b=(({icon:n,checked:k})=>{if(n)return n;switch(k){case"true":return a.createElement(c.Check,null);case"mixed":return a.createElement(c.Minus,null);default:return null}})({icon:r,checked:o});return a.createElement(i.Root,{ref:u,className:y({intent:e}),...t},a.createElement(i.Indicator,{className:"text-surface flex items-center justify-center"},b))}),x=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}}),j=({className:e,disabled:r,...t})=>a.createElement(h.Label,{className:x({className:e,disabled:r}),...t}),q=a.forwardRef(({children:e,...r},t)=>a.createElement(j,{"data-spark-component":"checkbox",disabled:r.disabled},a.createElement(v,{ref:t,...r}),e));exports.Checkbox=q;

package/dist/index.mjs

@@ -1,12 +1,12 @@
 import e, { forwardRef as k, useState as u } from "react";
-import * as c from "@radix-ui/react-checkbox";
+import * as i from "@radix-ui/react-checkbox";
 import { Minus as b, Check as f } from "@spark-ui/icons";
 import { useMergeRefs as h } from "@spark-ui/use-merge-refs";
 import { makeVariants as g } from "@spark-ui/internal-utils";
-import { cva as i } from "class-variance-authority";
+import { cva as n } from "class-variance-authority";
 import { Label as y } from "@radix-ui/react-label";
-const v = i(["h-sz-20 w-sz-20 border-md peer items-center justify-center 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"], { variants: { intent: g({ 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" } }), x = k(({ intent: t, icon: r, ...a }, n) => {
-  const [o, d] = u(), l = h(n, (s) => {
+const v = 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"], { variants: { intent: g({ 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" } }), x = k(({ intent: t, icon: r, ...a }, c) => {
+  const [o, d] = u(), l = h(c, (s) => {
     d(s?.getAttribute("aria-checked"));
   }), m = (({ icon: s, checked: p }) => {
     if (s)
@@ -20,8 +20,8 @@ const v = i(["h-sz-20 w-sz-20 border-md peer items-center justify-center rounded
         return null;
     }
   })({ icon: r, checked: o });
-  return e.createElement(c.Root, { ref: l, className: v({ intent: t }), ...a }, e.createElement(c.Indicator, { className: "text-surface flex items-center justify-center" }, m));
-}), E = i(["flex", "items-center", "gap-md", "text-body-1"], { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), w = ({ className: t, disabled: r, ...a }) => e.createElement(y, { className: E({ className: t, disabled: r }), ...a }), M = e.forwardRef(({ children: t, ...r }, a) => e.createElement(w, { "data-spark-component": "checkbox", disabled: r.disabled }, e.createElement(x, { ref: a, ...r }), t));
+  return e.createElement(i.Root, { ref: l, className: v({ intent: t }), ...a }, e.createElement(i.Indicator, { className: "text-surface flex items-center justify-center" }, m));
+}), E = 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 } }), w = ({ className: t, disabled: r, ...a }) => e.createElement(y, { className: E({ className: t, disabled: r }), ...a }), M = e.forwardRef(({ children: t, ...r }, a) => e.createElement(w, { "data-spark-component": "checkbox", disabled: r.disabled }, e.createElement(x, { ref: a, ...r }), t));
 export {
   M as Checkbox
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/checkbox",
-  "version": "1.8.4",
+  "version": "1.9.1",
   "description": "A control that allows the user to toggle between checked and not checked.",
   "publishConfig": {
     "access": "public"
@@ -14,8 +14,8 @@
   "dependencies": {
     "@radix-ui/react-checkbox": "1",
     "@radix-ui/react-label": "^2.0.1",
-    "@spark-ui/icons": "^1.7.4",
-    "@spark-ui/internal-utils": "^1.5.1",
+    "@spark-ui/icons": "^1.7.5",
+    "@spark-ui/internal-utils": "^1.5.2",
     "@spark-ui/use-merge-refs": "0",
     "class-variance-authority": "0.5.2"
   },
@@ -25,13 +25,13 @@
     "tailwindcss": "^3.0.0"
   },
   "devDependencies": {
-    "@spark-ui/button": "^1.6.2",
-    "@spark-ui/radio": "^1.8.0"
+    "@spark-ui/button": "^1.7.0",
+    "@spark-ui/radio": "^1.8.1"
   },
   "repository": {
     "type": "git",
     "url": "git@github.com:adevinta/spark.git",
     "directory": "packages/components/checkbox"
   },
-  "gitHead": "ad41487e4abd667d09607a4c5302db9966d8a349"
+  "gitHead": "5c9c9b1ae161b65accd4c573297db05f6756aa11"
 }