@spark-ui/checkbox 1.10.2 → 1.11.1

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.1](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.11.0...@spark-ui/checkbox@1.11.1) (2023-04-26)
+
+**Note:** Version bump only for package @spark-ui/checkbox
+
+# [1.11.0](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.10.2...@spark-ui/checkbox@1.11.0) (2023-04-26)
+
+### Features
+
+- **tailwind-plugins:** add new "shadow-border-transition" utility class ([289ff71](https://github.com/adevinta/spark/commit/289ff71d39e2c064132ed0d8c55e758a1ab21695)), closes [#676](https://github.com/adevinta/spark/issues/676)
+
 ## [1.10.2](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.10.1...@spark-ui/checkbox@1.10.2) (2023-04-25)
 
 **Note:** Version bump only for package @spark-ui/checkbox

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","[transition:box-shadow_0.1s_ease-in,_border-color_0.3s_ease-in]"],{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"}}),x=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))}),N=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}}),w=({className:e,disabled:a,...r})=>t.createElement(g.Label,{className:N({className:e,disabled:a}),...r}),j=t.forwardRef(({children:e,className:a,...r},s)=>t.createElement(w,{"data-spark-component":"checkbox",className:a,disabled:r.disabled},t.createElement(x,{ref:s,...r}),e));exports.Checkbox=j;
+"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;

package/dist/index.mjs

@@ -1,12 +1,12 @@
-import e, { forwardRef as b, useState as u } from "react";
-import * as n from "@radix-ui/react-checkbox";
+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 c } from "class-variance-authority";
+import { cva as n } from "class-variance-authority";
 import { Label as v } from "@radix-ui/react-label";
-const x = 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", "[transition:box-shadow_0.1s_ease-in,_border-color_0.3s_ease-in]"], { 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 = b(({ intent: a, icon: t, className: r, ...i }, o) => {
-  const [d, l] = u(), m = g(o, (s) => {
+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)
@@ -19,9 +19,9 @@ const x = c(["h-sz-20 w-sz-20 border-md peer my-[var(--sz-1)] shrink-0 items-cen
       default:
         return null;
     }
-  })({ icon: t, checked: d });
-  return e.createElement(n.Root, { ref: m, className: x({ intent: a, className: r }), ...i }, e.createElement(n.Indicator, { className: "text-surface flex items-center justify-center" }, p));
-}), w = 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: a, disabled: t, ...r }) => e.createElement(v, { className: w({ className: a, disabled: t }), ...r }), M = e.forwardRef(({ children: a, className: t, ...r }, i) => e.createElement(E, { "data-spark-component": "checkbox", className: t, disabled: r.disabled }, e.createElement(N, { ref: i, ...r }), a));
+  })({ 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));
 export {
-  M as Checkbox
+  A as Checkbox
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/checkbox",
-  "version": "1.10.2",
+  "version": "1.11.1",
   "description": "A control that allows the user to toggle between checked and not checked.",
   "publishConfig": {
     "access": "public"
@@ -14,7 +14,7 @@
   "dependencies": {
     "@radix-ui/react-checkbox": "1",
     "@radix-ui/react-label": "^2.0.1",
-    "@spark-ui/icons": "^1.7.6",
+    "@spark-ui/icons": "^1.7.8",
     "@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.7.1",
-    "@spark-ui/radio": "^1.8.2"
+    "@spark-ui/button": "^1.8.1",
+    "@spark-ui/radio": "^1.9.1"
   },
   "repository": {
     "type": "git",
     "url": "git@github.com:adevinta/spark.git",
     "directory": "packages/components/checkbox"
   },
-  "gitHead": "0f3832f4be7e23b59e58ba78d0d170cca9450936"
+  "gitHead": "71e2803fee5c7daba7fabcbfeb105a8cad37dc53"
 }