@pikas-ui/checkbox - npm Package Compare versions

Comparing version 2.1.1 to 2.1.2

dist/Checkbox.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _jsxruntime = require('react/jsx-runtime');var _styles = require('@pikas-ui/styles');var _icons = require('@pikas-ui/icons');var _text = require('@pikas-ui/text');var _react = require('react');var _reactcheckbox = require('@radix-ui/react-checkbox'); var I = _interopRequireWildcard(_reactcheckbox);var _fontcolorcontrast = require('font-color-contrast'); var _fontcolorcontrast2 = _interopRequireDefault(_fontcolorcontrast);const q=_styles.styled.call(void 0, "div",{display:"flex",flexDirection:"column",userSelect:"none"}),D=_styles.styled.call(void 0, I.Root,{all:"unset",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",borderStyle:"solid",variants:{focus:{true:{outline:"solid",outlineColor:"$PRIMARY",outlineWidth:2}}}}),H=_styles.styled.call(void 0, I.Indicator,{}),O=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center"}),ee= exports.CheckboxSide ={left:!0,right:!0},Y= exports.Checkbox =({id:s,label:t,textError:f,fontSize:$,className:v,defaultChecked:m,checked:d,onChange:p,disabled:r,required:E,name:N,bgColor:h,bgColorChecked:b,borderRadius:M,boxShadow:W,borderColor:w,borderWidth:F,size:e,side:C,outline:L,indeterminate:a})=>{const n=_react.useContext.call(void 0, _styles.PikasUIContext),[l,c]=_react.useState.call(void 0, a?"indeterminate":m||"indeterminate"),[P,y]=_react.useState.call(void 0, !1),A=x=>{c(x),p&&p(x)};return _react.useEffect.call(void 0, ()=>{d!==void 0&&c(d)},[d]),_react.useEffect.call(void 0, ()=>{a&&c("indeterminate")},[a]),_jsxruntime.jsxs.call(void 0, q,{className:v,css:{fontSize:`$${$}`,cursor:r?"not-allowed":void 0,opacity:r?.5:1,"& > *":{pointerEvents:r?"none":void 0}},children:[_jsxruntime.jsxs.call(void 0, O,{children:[t&&C==="left"?_jsxruntime.jsx.call(void 0, _text.Label,{htmlFor:s,style:{marginRight:8,fontWeight:"$NORMAL"},children:t}):null,_jsxruntime.jsx.call(void 0, D,{defaultChecked:m,id:s,onCheckedChange:A,checked:l,disabled:r,required:E,name:N,focus:L?P:void 0,onFocus:()=>y(!0),onBlur:()=>y(!1),css:{backgroundColor:`$${h}`,br:M,boxShadow:`$${W}`,borderColor:`$${w}`,borderWidth:F,width:e,height:e,'&[aria-checked="true"]':{backgroundColor:`$${b}`}},children:_jsxruntime.jsxs.call(void 0, H,{css:{color:n&&_fontcolorcontrast2.default.call(void 0, n.colors[b||"WHITE"].value,.7)||void 0},children:[l==="indeterminate"&&_jsxruntime.jsx.call(void 0, _icons.IconByName,{name:"bx:minus",colorHex:n&&_fontcolorcontrast2.default.call(void 0, n.colors[h||"BLACK"].value,.7)||"",styles:{container:{opacity:.5}},size:e?e/1.25:void 0}),l===!0&&_jsxruntime.jsx.call(void 0, _icons.IconByName,{name:"bx:check",size:e?e/1.25:void 0})]})}),t&&C==="right"?_jsxruntime.jsx.call(void 0, _text.Label,{htmlFor:s,style:{marginLeft:8,fontWeight:"$NORMAL"},children:t}):null]}),f?_jsxruntime.jsx.call(void 0, _text.TextError,{style:{marginTop:5},children:f}):null]})};Y.defaultProps={bgColor:"WHITE",bgColorChecked:"PRIMARY",boxShadow:"DIMINUTION_1",borderRadius:"md",size:24,side:"right",borderWidth:0,outline:!0,fontSize:"EM-MEDIUM",disabled:!1,required:!1,indeterminate:!1,defaultChecked:!1};exports.Checkbox = Y; exports.CheckboxSide = ee;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _jsxruntime = require('react/jsx-runtime');var _styles = require('@pikas-ui/styles');var _icons = require('@pikas-ui/icons');var _text = require('@pikas-ui/text');var _react = require('react');var _reactcheckbox = require('@radix-ui/react-checkbox'); var R = _interopRequireWildcard(_reactcheckbox);var _fontcolorcontrast = require('font-color-contrast'); var _fontcolorcontrast2 = _interopRequireDefault(_fontcolorcontrast);const q=_styles.styled.call(void 0, "div",{display:"flex",flexDirection:"column",userSelect:"none"}),D=_styles.styled.call(void 0, R.Root,{all:"unset",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",borderStyle:"solid",variants:{focus:{true:{outline:"solid",outlineColor:"$PRIMARY",outlineWidth:2}}}}),H=_styles.styled.call(void 0, R.Indicator,{}),O=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center"}),X= exports.CheckboxSide ={left:!0,right:!0},U= exports.Checkbox =({id:s,label:t,textError:f,fontSize:$,className:v,defaultChecked:m,checked:d,onChange:h,disabled:r,required:E,name:N,bgColor:b,bgColorChecked:p,borderRadius:M,boxShadow:W,borderColor:w,borderWidth:F,size:e,side:C,outline:L,indeterminate:l})=>{const n=_styles.useTheme.call(void 0, ),[a,c]=_react.useState.call(void 0, l?"indeterminate":m||"indeterminate"),[P,y]=_react.useState.call(void 0, !1),A=x=>{c(x),h&&h(x)};return _react.useEffect.call(void 0, ()=>{d!==void 0&&c(d)},[d]),_react.useEffect.call(void 0, ()=>{l&&c("indeterminate")},[l]),_jsxruntime.jsxs.call(void 0, q,{className:v,css:{fontSize:`$${$}`,cursor:r?"not-allowed":void 0,opacity:r?.5:1,"& > *":{pointerEvents:r?"none":void 0}},children:[_jsxruntime.jsxs.call(void 0, O,{children:[t&&C==="left"?_jsxruntime.jsx.call(void 0, _text.Label,{htmlFor:s,style:{marginRight:8,fontWeight:"$NORMAL"},children:t}):null,_jsxruntime.jsx.call(void 0, D,{defaultChecked:m,id:s,onCheckedChange:A,checked:a,disabled:r,required:E,name:N,focus:L?P:void 0,onFocus:()=>y(!0),onBlur:()=>y(!1),css:{backgroundColor:`$${b}`,br:M,boxShadow:`$${W}`,borderColor:`$${w}`,borderWidth:F,width:e,height:e,'&[aria-checked="true"]':{backgroundColor:`$${p}`}},children:_jsxruntime.jsxs.call(void 0, H,{css:{color:n&&_fontcolorcontrast2.default.call(void 0, n.colors[p||"WHITE"].value,.7)||void 0},children:[a==="indeterminate"&&_jsxruntime.jsx.call(void 0, _icons.IconByName,{name:"bx:minus",colorHex:n&&_fontcolorcontrast2.default.call(void 0, n.colors[b||"BLACK"].value,.7)||"",styles:{container:{opacity:.5}},size:e?e/1.25:void 0}),a===!0&&_jsxruntime.jsx.call(void 0, _icons.IconByName,{name:"bx:check",size:e?e/1.25:void 0})]})}),t&&C==="right"?_jsxruntime.jsx.call(void 0, _text.Label,{htmlFor:s,style:{marginLeft:8,fontWeight:"$NORMAL"},children:t}):null]}),f?_jsxruntime.jsx.call(void 0, _text.TextError,{style:{marginTop:5},children:f}):null]})};U.defaultProps={bgColor:"WHITE",bgColorChecked:"PRIMARY",boxShadow:"DIMINUTION_1",borderRadius:"md",size:24,side:"right",borderWidth:0,outline:!0,fontSize:"EM-MEDIUM",disabled:!1,required:!1,indeterminate:!1,defaultChecked:!1};exports.Checkbox = U; exports.CheckboxSide = X;
 //# sourceMappingURL=Checkbox.js.map

package.json

 {
   "name": "@pikas-ui/checkbox",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "private": false,
@@ -26,5 +26,5 @@ "description": "",
   "dependencies": {
-    "@pikas-ui/icons": "2.1.1",
-    "@pikas-ui/styles": "2.3.1",
-    "@pikas-ui/text": "3.1.1",
+    "@pikas-ui/icons": "2.1.2",
+    "@pikas-ui/styles": "2.3.2",
+    "@pikas-ui/text": "3.1.2",
     "@radix-ui/react-checkbox": "^1.0.0",
@@ -31,0 +31,0 @@ "font-color-contrast": "^11.1.0",

No alert changes

Worsened metrics

Total package byte prevSize

28780

decreased by-1.35%

Dependency changes

• + Added@pikas-ui/icons@2.1.2(transitive)

• + Added@pikas-ui/styles@2.3.2(transitive)

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

• - Removed@pikas-ui/icons@2.1.1(transitive)

• - Removed@pikas-ui/styles@2.3.1(transitive)

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

• Updated@pikas-ui/icons@2.1.2

• Updated@pikas-ui/styles@2.3.2

• Updated@pikas-ui/text@3.1.2