@spark-ui/checkbox - npm Package Compare versions

Comparing version 1.10.2 to 1.11.0

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+# [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)
@@ -8,0 +14,0 @@

dist/index.js

@@ -1,1 +0,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","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.json

 {
   "name": "@spark-ui/checkbox",
-  "version": "1.10.2",
+  "version": "1.11.0",
   "description": "A control that allows the user to toggle between checked and not checked.",
@@ -17,3 +17,3 @@ "publishConfig": {
     "@radix-ui/react-label": "^2.0.1",
-    "@spark-ui/icons": "^1.7.6",
+    "@spark-ui/icons": "^1.7.7",
     "@spark-ui/internal-utils": "^1.5.2",
@@ -29,4 +29,4 @@ "@spark-ui/use-merge-refs": "0",
   "devDependencies": {
-    "@spark-ui/button": "^1.7.1",
-    "@spark-ui/radio": "^1.8.2"
+    "@spark-ui/button": "^1.8.0",
+    "@spark-ui/radio": "^1.9.0"
   },
@@ -38,3 +38,3 @@ "repository": {
   },
-  "gitHead": "0f3832f4be7e23b59e58ba78d0d170cca9450936"
+  "gitHead": "b21474e4f2e2cdeecff50c1d9719ec79c7c4a653"
 }

No alert changes

Improved metrics

Total package byte prevSize

22481

increased by1.3%

Worsened metrics

Lines of code

122

decreased by-1.61%

Dependency changes

• Updated@spark-ui/icons@^1.7.7