@pikas-ui/checkbox - npm Package Compare versions

Comparing version 3.3.18 to 3.3.19

dist/Checkbox.js

@@ -1,2 +0,2 @@
-import{jsx as t,jsxs as b}from"react/jsx-runtime";import{useTheme as B,styled as s}from"@pikas-ui/styles";import{IconByName as P}from"@pikas-ui/icons";import{Label as R,TextError as O}from"@pikas-ui/text";import{useEffect as m,useState as $}from"react";import{Root as q,Indicator as D}from"@radix-ui/react-checkbox";import{Color as v}from"@pikas-utils/color";const H=s("div",{display:"flex",flexDirection:"column",userSelect:"none"}),Y=s(q,{all:"unset",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",borderStyle:"solid",variants:{focus:{true:{outline:"solid",outlineColor:"$PRIMARY",outlineWidth:2}}}}),_=s(D,{}),z=s("div",{display:"flex",alignItems:"center"}),V={left:!0,right:!0},Z=({id:l,label:n,textError:f,fontSize:k,className:F,defaultChecked:r=!1,checked:d,onChange:C,disabled:i=!1,required:N=!1,name:w,backgroundColorName:S="WHITE_FIX",backgroundColorNameChecked:x="PRIMARY",borderRadius:E="md",boxShadow:L="DIMINUTION_1",borderColorName:p,borderWidth:T=0,size:e=24,side:g="right",outline:M=!0,indeterminate:u=!1,css:o})=>{const a=B(),[h,c]=$(u?"indeterminate":r),[W,y]=$(!1),A=I=>{c(I),C&&C(I)};return m(()=>{d!==void 0&&c(d)},[d]),m(()=>{u&&c("indeterminate")},[u]),m(()=>{c(r)},[r]),b(H,{className:F,css:{fontSize:k&&`$${k}`,cursor:i?"not-allowed":void 0,opacity:i?.5:1,"& > *":{pointerEvents:i?"none":void 0},...o?.container},children:[b(z,{children:[n&&g==="left"?t(R,{htmlFor:l,css:{marginRight:8,fontWeight:"$NORMAL",...o?.label},children:n}):null,t(Y,{defaultChecked:r,id:l,onCheckedChange:A,checked:h,disabled:i,required:N,name:w,focus:M?W:void 0,onFocus:()=>y(!0),onBlur:()=>y(!1),css:{backgroundColor:`$${S}`,br:E,boxShadow:`$${L}`,borderColor:p&&`$${p}`,borderWidth:T,width:e,height:e,'&[aria-checked="true"]':{backgroundColor:`$${x}`},...o?.checkboxRoot},children:b(_,{css:{color:a&&new v(a.colors[x].value).getContrast(),...o?.checkboxIndicator},children:[h==="indeterminate"&&t(P,{name:"bx:minus",colorHex:a&&new v(a.colors[S].value).getContrast(),css:{...o?.icon,container:{opacity:.5,...o?.icon?.container}},size:e?e/1.25:void 0}),h===!0&&t(P,{name:"bx:check",size:e?e/1.25:void 0,css:o?.icon})]})}),n&&g==="right"?t(R,{htmlFor:l,css:{marginLeft:8,fontWeight:"$NORMAL",...o?.label},children:n}):null]}),f?t(O,{css:{marginTop:5,...o?.textError},children:f}):null]})};export{Z as Checkbox,V as checkboxSide};
+import{jsx as t,jsxs as b}from"react/jsx-runtime";import{useTheme as O,styled as s}from"@pikas-ui/styles";import{IconByName as P}from"@pikas-ui/icons";import{Label as R,TextError as q}from"@pikas-ui/text";import{useEffect as m,useState as $}from"react";import*as v from"@radix-ui/react-checkbox";import{Color as F}from"@pikas-utils/color";const D=s("div",{display:"flex",flexDirection:"column",userSelect:"none"}),H=s(v.Root,{all:"unset",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",borderStyle:"solid",variants:{focus:{true:{outline:"solid",outlineColor:"$PRIMARY",outlineWidth:2}}}}),Y=s(v.Indicator,{}),_=s("div",{display:"flex",alignItems:"center"}),K={left:!0,right:!0},Q=({id:l,label:r,textError:f,fontSize:k,className:N,defaultChecked:n=!1,checked:d,onChange:C,disabled:i=!1,required:w=!1,name:E,backgroundColorName:S="WHITE_FIX",backgroundColorNameChecked:x="PRIMARY",borderRadius:L="md",boxShadow:T="DIMINUTION_1",borderColorName:p,borderWidth:M=0,size:e=24,side:g="right",outline:W=!0,indeterminate:u=!1,css:o})=>{const a=O(),[h,c]=$(u?"indeterminate":n),[A,y]=$(!1),B=I=>{c(I),C&&C(I)};return m(()=>{d!==void 0&&c(d)},[d]),m(()=>{u&&c("indeterminate")},[u]),m(()=>{c(n)},[n]),b(D,{className:N,css:{fontSize:k&&`$${k}`,cursor:i?"not-allowed":void 0,opacity:i?.5:1,"& > *":{pointerEvents:i?"none":void 0},...o?.container},children:[b(_,{children:[r&&g==="left"?t(R,{htmlFor:l,css:{marginRight:8,fontWeight:"$NORMAL",...o?.label},children:r}):null,t(H,{defaultChecked:n,id:l,onCheckedChange:B,checked:h,disabled:i,required:w,name:E,focus:W?A:void 0,onFocus:()=>y(!0),onBlur:()=>y(!1),css:{backgroundColor:`$${S}`,br:L,boxShadow:`$${T}`,borderColor:p&&`$${p}`,borderWidth:M,width:e,height:e,'&[aria-checked="true"]':{backgroundColor:`$${x}`},...o?.checkboxRoot},children:b(Y,{css:{color:a&&new F(a.colors[x].value).getContrast(),...o?.checkboxIndicator},children:[h==="indeterminate"&&t(P,{name:"bx:minus",colorHex:a&&new F(a.colors[S].value).getContrast(),css:{...o?.icon,container:{opacity:.5,...o?.icon?.container}},size:e?e/1.25:void 0}),h===!0&&t(P,{name:"bx:check",size:e?e/1.25:void 0,css:o?.icon})]})}),r&&g==="right"?t(R,{htmlFor:l,css:{marginLeft:8,fontWeight:"$NORMAL",...o?.label},children:r}):null]}),f?t(q,{css:{marginTop:5,...o?.textError},children:f}):null]})};export{Q as Checkbox,K as checkboxSide};
 //# sourceMappingURL=Checkbox.js.map

package.json

 {
   "name": "@pikas-ui/checkbox",
-  "version": "3.3.18",
+  "version": "3.3.19",
   "private": false,
@@ -46,3 +46,3 @@ "keywords": [
     "@pikas-ui/styles": "3.5.13",
-    "@pikas-ui/text": "4.2.14",
+    "@pikas-ui/text": "4.2.15",
     "@pikas-utils/color": "1.0.4",
@@ -49,0 +49,0 @@ "@radix-ui/react-checkbox": "1.0.1"

No alert changes

Improved metrics

Total package byte prevSize

31931

increased by1.15%

Lines of code

75

increased by1.35%

Dependency changes

• + Added@pikas-ui/text@4.2.15(transitive)

• - Removed@pikas-ui/text@4.2.14(transitive)

• Updated@pikas-ui/text@4.2.15