@pikas-ui/button - npm Package Compare versions

Comparing version 1.0.26 to 1.0.27

dist/button/Button.d.ts

@@ -1,2 +0,2 @@
-import { CSS, BorderRadiusType, FontsSizesType, FontsWeightsType, ColorsType } from '@pikas-ui/styles';
+import { CSS, BorderRadiusType, FontsSizesType, FontsWeightsType, ColorsType, ShadowsType } from '@pikas-ui/styles';
 import React, { ButtonHTMLAttributes, AnchorHTMLAttributes } from 'react';
@@ -32,2 +32,3 @@ import { IconStyleType, IconProps } from '@pikas-ui/icons';
     minWidth?: string | number;
+    boxShadow?: ShadowsType;
 }
@@ -34,0 +35,0 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonDefaultProps {

dist/button/Button.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _styles = require('@pikas-ui/styles');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _loader = require('@pikas-ui/loader');var _utilsjs = require('../utils.js');const H=_styles.styled.call(void 0, "button",{all:"unset",cursor:"pointer",outline:"none",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",space:2,borderStyle:"solid",position:"relative",boxShadow:"$ELEVATION_BOTTOM_1",whiteSpace:"nowrap",boxSizing:"border-box",variants:{effect:{globalScale:{transition:"transform 250ms ease","&:hover":{transform:"scale(1.025)",transition:"transform 250ms ease"},"&:active":{transform:"scale(0.95)",transition:"transform 250ms ease"}},boxScale:{transition:"transform 250ms ease","&:after":{background:"inherit",content:"",position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:-1,transition:"transform 250ms ease",borderRadius:"inherit"},"&:hover:after":{transform:"scale(1.1)",transition:"transform 250ms"},"&:active":{transform:"scale(0.95)",transition:"transform 250ms ease"}},opacity:{transition:"opacity 500ms","&:hover":{opacity:.8},"&:active":{opacity:1,transition:"opacity 0s"}}},padding:{xs:{padding:"4px 16px"},sm:{padding:"4px 24px"},md:{padding:"8px 32px"},lg:{padding:"16px 40px"},xl:{padding:"16px 48px"}},state:{true:{cursor:"initial",opacity:.5}}}}),k=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",variants:{textTransform:{capitalize:{textTransform:"capitalize"},uppercase:{textTransform:"uppercase"},default:{"span::first-letter":{textTransform:"uppercase"}},none:{}},gap:{sm:{customGap:4},md:{customGap:8},lg:{customGap:16}}}}),w=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:0,left:0,right:0,bottom:0}),R=({LeftIcon:n,RightIcon:c,loading:r,children:s,styles:i,outlined:e,color:t,textColor:a,textColorHex:p,textTransform:d,gap:l})=>_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(w,null,_react2.default.createElement(_loader.BeatLoader,{size:_styles.theme.fontSizes["EM-XX-SMALL"].value,colorHex:_utilsjs.getContentColor.call(void 0, {outlined:e,color:t,contentColor:a,contentColorHex:p}),loading:r})),_react2.default.createElement(k,{textTransform:d,gap:l,css:{opacity:r?0:1}},n?_react2.default.createElement(n,{size:"1em",colorHex:_utilsjs.getContentColor.call(void 0, {color:t,outlined:e,contentColor:a,contentColorHex:p}),styles:_optionalChain([i, 'optionalAccess', _ => _.icon])}):null,_react2.default.createElement("span",null,s),c?_react2.default.createElement(c,{size:"1em",colorHex:_utilsjs.getContentColor.call(void 0, {color:t,outlined:e,contentColor:a,contentColorHex:p}),styles:_optionalChain([i, 'optionalAccess', _2 => _2.icon])}):null)),$= exports.Button =_react.forwardRef.call(void 0, ({color:n,colorHex:c,textColor:r,textColorHex:s,styles:i,loading:e,disabled:t,borderRadius:a,fontSize:p,textTransform:d,fontWeight:l,effect:m,onClick:f,children:y,gap:T,LeftIcon:g,RightIcon:x,outlined:u,borderWidth:h,width:b,maxWidth:B,minWidth:C,...S},M)=>{const L=_react.useCallback.call(void 0, ()=>{t||e||_optionalChain([f, 'optionalCall', _3 => _3()])},[t,f,e]);return _react2.default.createElement(H,{ref:M,onClick:L,state:t,effect:t?void 0:m,css:{br:a,fontWeight:`$${l}`,borderWidth:h,fontSize:`$${p}`,width:b,maxWidth:B,minWidth:C,..._utilsjs.getColors.call(void 0, {outlined:u,color:n,colorHex:c,contentColor:r,contentColorHex:s}),..._optionalChain([i, 'optionalAccess', _4 => _4.button])},...S},R({LeftIcon:g,RightIcon:x,children:y,color:n,gap:T,loading:e,outlined:u,styles:i,textColor:r,textColorHex:s,textTransform:d}))});$.defaultProps={type:"button",disabled:!1,loading:!1,borderRadius:"md",fontSize:"EM-MEDIUM",padding:"md",textTransform:"default",color:"PRIMARY",fontWeight:"NORMAL",gap:"md",effect:"opacity",borderWidth:2,outlined:!1,width:"100%",maxWidth:"100%"};const D=_react.forwardRef.call(void 0, ({color:n,colorHex:c,textColor:r,textColorHex:s,styles:i,loading:e,disabled:t,borderRadius:a,fontSize:p,textTransform:d,fontWeight:l,effect:m,onClick:f,children:y,gap:T,LeftIcon:g,RightIcon:x,outlined:u,borderWidth:h,width:b,maxWidth:B,minWidth:C,...S},M)=>{const L=_react.useCallback.call(void 0, ()=>{t||e||_optionalChain([f, 'optionalCall', _5 => _5()])},[t,f,e]);return _react2.default.createElement(H,{as:"a",ref:M,onClick:L,state:t,effect:t?void 0:m,css:{br:a,fontWeight:`$${l}`,borderWidth:h,fontSize:`$${p}`,width:b,maxWidth:B,minWidth:C,..._utilsjs.getColors.call(void 0, {outlined:u,color:n,colorHex:c,contentColor:r,contentColorHex:s}),..._optionalChain([i, 'optionalAccess', _6 => _6.button])},...S},R({LeftIcon:g,RightIcon:x,children:y,color:n,gap:T,loading:e,outlined:u,styles:i,textColor:r,textColorHex:s,textTransform:d}))});D.defaultProps={disabled:!1,loading:!1,borderRadius:"md",fontSize:"EM-MEDIUM",padding:"md",textTransform:"default",color:"PRIMARY",fontWeight:"NORMAL",gap:"md",effect:"opacity",borderWidth:2,outlined:!1,width:"100%",maxWidth:"100%"};exports.Button = $; exports.ButtonLink = D;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _styles = require('@pikas-ui/styles');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _loader = require('@pikas-ui/loader');var _utilsjs = require('../utils.js');const R=_styles.styled.call(void 0, "button",{all:"unset",cursor:"pointer",outline:"none",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",space:2,borderStyle:"solid",position:"relative",whiteSpace:"nowrap",boxSizing:"border-box",variants:{effect:{globalScale:{transition:"transform 250ms ease","&:hover":{transform:"scale(1.025)",transition:"transform 250ms ease"},"&:active":{transform:"scale(0.95)",transition:"transform 250ms ease"}},boxScale:{transition:"transform 250ms ease","&:after":{background:"inherit",content:"",position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:-1,transition:"transform 250ms ease",borderRadius:"inherit"},"&:hover:after":{transform:"scale(1.1)",transition:"transform 250ms"},"&:active":{transform:"scale(0.95)",transition:"transform 250ms ease"}},opacity:{transition:"opacity 500ms","&:hover":{opacity:.8},"&:active":{opacity:1,transition:"opacity 0s"}}},padding:{xs:{padding:"4px 16px"},sm:{padding:"4px 24px"},md:{padding:"8px 32px"},lg:{padding:"16px 40px"},xl:{padding:"16px 48px"}},state:{true:{cursor:"initial",opacity:.5}}}}),k=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",variants:{textTransform:{capitalize:{textTransform:"capitalize"},uppercase:{textTransform:"uppercase"},default:{"span::first-letter":{textTransform:"uppercase"}},none:{}},gap:{sm:{customGap:4},md:{customGap:8},lg:{customGap:16}}}}),D=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:0,left:0,right:0,bottom:0}),w=({LeftIcon:n,RightIcon:c,loading:r,children:s,styles:i,outlined:e,color:t,textColor:a,textColorHex:p,textTransform:d,gap:l})=>_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(D,null,_react2.default.createElement(_loader.BeatLoader,{size:_styles.theme.fontSizes["EM-XX-SMALL"].value,colorHex:_utilsjs.getContentColor.call(void 0, {outlined:e,color:t,contentColor:a,contentColorHex:p}),loading:r})),_react2.default.createElement(k,{textTransform:d,gap:l,css:{opacity:r?0:1}},n?_react2.default.createElement(n,{size:"1em",colorHex:_utilsjs.getContentColor.call(void 0, {color:t,outlined:e,contentColor:a,contentColorHex:p}),styles:_optionalChain([i, 'optionalAccess', _ => _.icon])}):null,_react2.default.createElement("span",null,s),c?_react2.default.createElement(c,{size:"1em",colorHex:_utilsjs.getContentColor.call(void 0, {color:t,outlined:e,contentColor:a,contentColorHex:p}),styles:_optionalChain([i, 'optionalAccess', _2 => _2.icon])}):null)),F= exports.Button =_react.forwardRef.call(void 0, ({color:n,colorHex:c,textColor:r,textColorHex:s,styles:i,loading:e,disabled:t,borderRadius:a,fontSize:p,textTransform:d,fontWeight:l,effect:m,onClick:f,children:y,gap:T,LeftIcon:x,RightIcon:g,outlined:u,borderWidth:h,width:b,maxWidth:B,minWidth:C,boxShadow:S,...M},L)=>{const W=_react.useCallback.call(void 0, ()=>{t||e||_optionalChain([f, 'optionalCall', _3 => _3()])},[t,f,e]);return _react2.default.createElement(R,{ref:L,onClick:W,state:t,effect:t?void 0:m,css:{br:a,fontWeight:`$${l}`,borderWidth:h,fontSize:`$${p}`,width:b,maxWidth:B,minWidth:C,boxShadow:S,..._utilsjs.getColors.call(void 0, {outlined:u,color:n,colorHex:c,contentColor:r,contentColorHex:s}),..._optionalChain([i, 'optionalAccess', _4 => _4.button])},...M},w({LeftIcon:x,RightIcon:g,children:y,color:n,gap:T,loading:e,outlined:u,styles:i,textColor:r,textColorHex:s,textTransform:d}))});F.defaultProps={type:"button",disabled:!1,loading:!1,borderRadius:"md",fontSize:"EM-MEDIUM",padding:"md",textTransform:"default",color:"PRIMARY",fontWeight:"NORMAL",gap:"md",effect:"opacity",borderWidth:2,outlined:!1,width:"100%",maxWidth:"100%"};const O=_react.forwardRef.call(void 0, ({color:n,colorHex:c,textColor:r,textColorHex:s,styles:i,loading:e,disabled:t,borderRadius:a,fontSize:p,textTransform:d,fontWeight:l,effect:m,onClick:f,children:y,gap:T,LeftIcon:x,RightIcon:g,outlined:u,borderWidth:h,width:b,maxWidth:B,minWidth:C,boxShadow:S,...M},L)=>{const W=_react.useCallback.call(void 0, ()=>{t||e||_optionalChain([f, 'optionalCall', _5 => _5()])},[t,f,e]);return _react2.default.createElement(R,{as:"a",ref:L,onClick:W,state:t,effect:t?void 0:m,css:{br:a,fontWeight:`$${l}`,borderWidth:h,fontSize:`$${p}`,width:b,maxWidth:B,minWidth:C,boxShadow:S,..._utilsjs.getColors.call(void 0, {outlined:u,color:n,colorHex:c,contentColor:r,contentColorHex:s}),..._optionalChain([i, 'optionalAccess', _6 => _6.button])},...M},w({LeftIcon:x,RightIcon:g,children:y,color:n,gap:T,loading:e,outlined:u,styles:i,textColor:r,textColorHex:s,textTransform:d}))});O.defaultProps={disabled:!1,loading:!1,borderRadius:"md",fontSize:"EM-MEDIUM",padding:"md",textTransform:"default",color:"PRIMARY",fontWeight:"NORMAL",gap:"md",effect:"opacity",borderWidth:2,outlined:!1,width:"100%",maxWidth:"100%",boxShadow:"ELEVATION_BOTTOM_1"};exports.Button = F; exports.ButtonLink = O;
 //# sourceMappingURL=Button.js.map

dist/buttonIcon/ButtonIcon.d.ts

@@ -1,2 +0,2 @@
-import { CSS, BorderRadiusType, SizesType, ColorsType } from '@pikas-ui/styles';
+import { CSS, BorderRadiusType, SizesType, ColorsType, ShadowsType } from '@pikas-ui/styles';
 import React, { ButtonHTMLAttributes, AnchorHTMLAttributes } from 'react';
@@ -23,2 +23,3 @@ import { ButtonPaddingType, ButtonEffectType, ButtonTypeType, ButtonTargetType } from '../types.js';
     effect?: ButtonEffectType;
+    boxShadow?: ShadowsType;
     disabled?: boolean;
@@ -25,0 +26,0 @@ }

dist/buttonIcon/ButtonIcon.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _styles = require('@pikas-ui/styles');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _loader = require('@pikas-ui/loader');var _utilsjs = require('../utils.js');const h=_styles.styled.call(void 0, "button",{all:"unset",cursor:"pointer",outline:"none",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",space:2,borderStyle:"solid",position:"relative",boxShadow:"$ELEVATION_BOTTOM_1",whiteSpace:"nowrap",boxSizing:"border-box",variants:{effect:{globalScale:{transition:"transform 250ms ease","&:hover":{transform:"scale(1.025)",transition:"transform 250ms ease"},"&:active":{transform:"scale(0.95)",transition:"transform 250ms ease"}},boxScale:{transition:"transform 250ms ease","&:after":{background:"inherit",content:"",position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:-1,transition:"transform 250ms ease",borderRadius:"inherit"},"&:hover:after":{transform:"scale(1.1)",transition:"transform 250ms"},"&:active":{transform:"scale(0.95)",transition:"transform 250ms ease"}},opacity:{transition:"opacity 500ms","&:hover":{opacity:.8},"&:active":{opacity:1,transition:"opacity 0s"}}},padding:{xs:{padding:2},sm:{padding:4},md:{padding:8},lg:{padding:16},xl:{padding:24}},state:{true:{cursor:"initial",opacity:.5}}}}),L=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center"}),v=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:0,left:0,right:0,bottom:0}),S=({loading:e,styles:a,outlined:s,color:i,iconColor:n,iconColorHex:o,size:t,Icon:c})=>_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(v,null,_react2.default.createElement(_loader.ClipLoader,{size:_styles.Sizes[t||"MEDIUM"],colorHex:_utilsjs.getContentColor.call(void 0, {outlined:s,color:i,contentColor:n,contentColorHex:o}),loading:e})),_react2.default.createElement(L,{css:{opacity:e?0:1}},_react2.default.createElement(c,{size:_styles.Sizes[t||"MEDIUM"],colorHex:_utilsjs.getContentColor.call(void 0, {outlined:s,color:i,contentColor:n,contentColorHex:o}),styles:_optionalChain([a, 'optionalAccess', _ => _.icon])}))),H= exports.ButtonIcon =_react.forwardRef.call(void 0, ({color:e,colorHex:a,iconColor:s,iconColorHex:i,styles:n,loading:o,disabled:t,borderRadius:c,effect:u,onClick:p,outlined:l,Icon:d,size:f,borderWidth:y,...m},T)=>{const b=_react.useCallback.call(void 0, ()=>{t||o||_optionalChain([p, 'optionalCall', _2 => _2()])},[t,p,o]);return _react2.default.createElement(h,{ref:T,onClick:b,state:t,effect:t?void 0:u,css:{br:c,borderWidth:y,..._utilsjs.getColors.call(void 0, {outlined:l,color:e,colorHex:a}),..._optionalChain([n, 'optionalAccess', _3 => _3.button])},...m},S({color:e,loading:o,outlined:l,size:f,styles:n,Icon:d,iconColor:s,iconColorHex:i}))});H.defaultProps={type:"button",disabled:!1,loading:!1,borderRadius:"md",color:"PRIMARY",size:"MEDIUM",effect:"opacity",borderWidth:2};const E=_react.forwardRef.call(void 0, ({color:e,colorHex:a,iconColor:s,iconColorHex:i,styles:n,loading:o,disabled:t,borderRadius:c,effect:u,onClick:p,outlined:l,Icon:d,size:f,borderWidth:y,...m},T)=>{const b=_react.useCallback.call(void 0, ()=>{t||o||_optionalChain([p, 'optionalCall', _4 => _4()])},[t,p,o]);return _react2.default.createElement(h,{as:"a",ref:T,onClick:b,state:t,effect:t?void 0:u,css:{br:c,borderWidth:y,..._utilsjs.getColors.call(void 0, {outlined:l,color:e,colorHex:a}),..._optionalChain([n, 'optionalAccess', _5 => _5.button])},...m},S({color:e,loading:o,outlined:l,size:f,styles:n,Icon:d,iconColor:s,iconColorHex:i}))});E.defaultProps={disabled:!1,loading:!1,borderRadius:"md",color:"PRIMARY",size:"MEDIUM",effect:"opacity",borderWidth:2};exports.ButtonIcon = H; exports.ButtonIconLink = E;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _styles = require('@pikas-ui/styles');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _loader = require('@pikas-ui/loader');var _utilsjs = require('../utils.js');const M=_styles.styled.call(void 0, "button",{all:"unset",cursor:"pointer",outline:"none",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",space:2,borderStyle:"solid",position:"relative",whiteSpace:"nowrap",boxSizing:"border-box",variants:{effect:{globalScale:{transition:"transform 250ms ease","&:hover":{transform:"scale(1.025)",transition:"transform 250ms ease"},"&:active":{transform:"scale(0.95)",transition:"transform 250ms ease"}},boxScale:{transition:"transform 250ms ease","&:after":{background:"inherit",content:"",position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:-1,transition:"transform 250ms ease",borderRadius:"inherit"},"&:hover:after":{transform:"scale(1.1)",transition:"transform 250ms"},"&:active":{transform:"scale(0.95)",transition:"transform 250ms ease"}},opacity:{transition:"opacity 500ms","&:hover":{opacity:.8},"&:active":{opacity:1,transition:"opacity 0s"}}},padding:{xs:{padding:2},sm:{padding:4},md:{padding:8},lg:{padding:16},xl:{padding:24}},state:{true:{cursor:"initial",opacity:.5}}}}),v=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center"}),H=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:0,left:0,right:0,bottom:0}),P=({loading:e,styles:a,outlined:s,color:i,iconColor:n,iconColorHex:o,size:t,Icon:c})=>_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(H,null,_react2.default.createElement(_loader.ClipLoader,{size:_styles.Sizes[t||"MEDIUM"],colorHex:_utilsjs.getContentColor.call(void 0, {outlined:s,color:i,contentColor:n,contentColorHex:o}),loading:e})),_react2.default.createElement(v,{css:{opacity:e?0:1}},_react2.default.createElement(c,{size:_styles.Sizes[t||"MEDIUM"],colorHex:_utilsjs.getContentColor.call(void 0, {outlined:s,color:i,contentColor:n,contentColorHex:o}),styles:_optionalChain([a, 'optionalAccess', _ => _.icon])}))),E= exports.ButtonIcon =_react.forwardRef.call(void 0, ({color:e,colorHex:a,iconColor:s,iconColorHex:i,styles:n,loading:o,disabled:t,borderRadius:c,effect:d,onClick:p,outlined:l,Icon:u,size:f,borderWidth:y,boxShadow:m,...T},b)=>{const C=_react.useCallback.call(void 0, ()=>{t||o||_optionalChain([p, 'optionalCall', _2 => _2()])},[t,p,o]);return _react2.default.createElement(M,{ref:b,onClick:C,state:t,effect:t?void 0:d,css:{br:c,borderWidth:y,boxShadow:m,..._utilsjs.getColors.call(void 0, {outlined:l,color:e,colorHex:a}),..._optionalChain([n, 'optionalAccess', _3 => _3.button])},...T},P({color:e,loading:o,outlined:l,size:f,styles:n,Icon:u,iconColor:s,iconColorHex:i}))});E.defaultProps={type:"button",disabled:!1,loading:!1,borderRadius:"md",color:"PRIMARY",size:"MEDIUM",effect:"opacity",borderWidth:2,padding:"md"};const k=_react.forwardRef.call(void 0, ({color:e,colorHex:a,iconColor:s,iconColorHex:i,styles:n,loading:o,disabled:t,borderRadius:c,effect:d,onClick:p,outlined:l,Icon:u,size:f,borderWidth:y,boxShadow:m,...T},b)=>{const C=_react.useCallback.call(void 0, ()=>{t||o||_optionalChain([p, 'optionalCall', _4 => _4()])},[t,p,o]);return _react2.default.createElement(M,{as:"a",ref:b,onClick:C,state:t,effect:t?void 0:d,css:{br:c,borderWidth:y,boxShadow:m,..._utilsjs.getColors.call(void 0, {outlined:l,color:e,colorHex:a}),..._optionalChain([n, 'optionalAccess', _5 => _5.button])},...T},P({color:e,loading:o,outlined:l,size:f,styles:n,Icon:u,iconColor:s,iconColorHex:i}))});k.defaultProps={disabled:!1,loading:!1,borderRadius:"md",color:"PRIMARY",size:"MEDIUM",padding:"md",effect:"opacity",borderWidth:2,boxShadow:"ELEVATION_BOTTOM_1"};exports.ButtonIcon = E; exports.ButtonIconLink = k;
 //# sourceMappingURL=ButtonIcon.js.map

package.json

 {
   "name": "@pikas-ui/button",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "private": false,
@@ -5,0 +5,0 @@ "description": "",

No alert changes

Improved metrics

Total package byte prevSize

106260

increased by1.07%

Lines of code

271

increased by1.12%

No dependency changes