@pikas-ui/button - npm Package Compare versions

Comparing version 2.1.9 to 2.1.10

dist/button/Button.js

@@ -1,2 +0,2 @@
-import{Fragment as G,jsx as c,jsxs as k}from"react/jsx-runtime";import{useTheme as L}from"@pikas-ui/styles";import{styled as W}from"@pikas-ui/styles";import{forwardRef as P,useCallback as w}from"react";import{BeatLoader as O}from"@pikas-ui/loader";import{getColors as z,getContentColor as I}from"../utils.js";const A=W("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"}},disabled:{true:{cursor:"not-allowed",opacity:.5}}}}),D=W("div",{display:"flex",alignItems:"center",justifyContent:"center",variants:{textTransform:{capitalize:{textTransform:"capitalize"},uppercase:{textTransform:"uppercase"},default:{"div::first-letter":{textTransform:"uppercase"}},none:{}},gap:{sm:{customGap:4},md:{customGap:8},lg:{customGap:16}}}}),F=W("div",{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:0,left:0,right:0,bottom:0}),E=({LeftIcon:t,RightIcon:a,loading:s,children:n,styles:e,outlined:l,colorHex:i,contentColorHex:p,textTransform:u,gap:f})=>{const d=L();return d?k(G,{children:[c(F,{children:c(O,{size:d.fontSizes["EM-XX-SMALL"].value,colorHex:I({outlined:l,contentColorHex:p,colorHex:i}),loading:s})}),k(D,{textTransform:u,gap:f,css:{opacity:s?0:1},children:[t?c(t,{size:"1em",colorHex:I({outlined:l,contentColorHex:p,colorHex:i}),styles:e?.icon}):null,c("div",{children:n}),a?c(a,{size:"1em",colorHex:I({outlined:l,contentColorHex:p,colorHex:i}),styles:e?.icon}):null]})]}):null},$=P(({color:t,colorHex:a,styles:s,loading:n,disabled:e,effect:l,onClick:i,children:p,gap:u,LeftIcon:f,RightIcon:d,outlined:y,width:T,maxWidth:x,minWidth:h,fontSize:g,textTransform:b,fontWeight:B,borderRadius:S,borderWidth:v,boxShadow:C,contentColor:r,contentColorHex:m,...M},R)=>{const o=L(),H=w(()=>{e||n||i?.()},[e,i,n]);return o?c(A,{ref:R,onClick:H,disabled:e,effect:e?void 0:l,css:{br:S,fontWeight:`$${B}`,borderWidth:v,fontSize:`$${g}`,width:T,maxWidth:x,minWidth:h,boxShadow:C,...z({outlined:y,colorHex:a||t&&o.colors[t].value,contentColorHex:m||r&&o.colors[r].value}),...s?.button},...M,children:E({LeftIcon:f,RightIcon:d,children:p,gap:u,loading:n,outlined:y,styles:s,textTransform:b,colorHex:a||t&&o.colors[t].value,contentColorHex:m||r&&o.colors[r].value})}):null});$.defaultProps={type:"button",disabled:!1,loading:!1,padding:"md",color:"PRIMARY",gap:"md",effect:"opacity",outlined:!1,width:"100%",maxWidth:"100%",fontSize:"EM-MEDIUM",textTransform:"default",fontWeight:"NORMAL",borderRadius:"md",borderWidth:2,boxShadow:"ELEVATION_BOTTOM_1"};const N=P(({color:t,colorHex:a,styles:s,loading:n,disabled:e,fontSize:l,effect:i,onClick:p,children:u,gap:f,LeftIcon:d,RightIcon:y,outlined:T,width:x,maxWidth:h,minWidth:g,textTransform:b,fontWeight:B,borderRadius:S,borderWidth:v,boxShadow:C,contentColor:r,contentColorHex:m,...M},R)=>{const o=L(),H=w(()=>{e||n||p?.()},[e,p,n]);return o?c(A,{as:"a",ref:R,onClick:H,disabled:e,effect:e?void 0:i,css:{br:S,fontWeight:`$${B}`,borderWidth:v,fontSize:`$${l}`,width:x,maxWidth:h,minWidth:g,boxShadow:C,...z({outlined:T,colorHex:a||t&&o.colors[t].value,contentColorHex:m||r&&o.colors[r].value}),...s?.button},...M,children:E({LeftIcon:d,RightIcon:y,children:u,gap:f,loading:n,outlined:T,styles:s,textTransform:b,colorHex:a||t&&o.colors[t].value,contentColorHex:m||r&&o.colors[r].value})}):null});N.defaultProps={disabled:!1,loading:!1,padding:"md",color:"PRIMARY",gap:"md",effect:"opacity",outlined:!1,width:"100%",maxWidth:"100%",fontSize:"EM-MEDIUM",textTransform:"default",fontWeight:"NORMAL",borderRadius:"md",borderWidth:2,boxShadow:"ELEVATION_BOTTOM_1"};export{$ as Button,N as ButtonLink};
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _jsxruntime = require('react/jsx-runtime');var _styles = require('@pikas-ui/styles');var _react = require('react');var _loader = require('@pikas-ui/loader');var _utilsjs = require('../utils.js');const A=_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"}},disabled:{true:{cursor:"not-allowed",opacity:.5}}}}),D=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",variants:{textTransform:{capitalize:{textTransform:"capitalize"},uppercase:{textTransform:"uppercase"},default:{"div::first-letter":{textTransform:"uppercase"}},none:{}},gap:{sm:{customGap:4},md:{customGap:8},lg:{customGap:16}}}}),F=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:0,left:0,right:0,bottom:0}),E=({LeftIcon:t,RightIcon:a,loading:s,children:n,styles:e,outlined:l,colorHex:i,contentColorHex:p,textTransform:u,gap:f})=>{const d=_styles.useTheme.call(void 0, );return d?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, F,{children:_jsxruntime.jsx.call(void 0, _loader.BeatLoader,{size:d.fontSizes["EM-XX-SMALL"].value,colorHex:_utilsjs.getContentColor.call(void 0, {outlined:l,contentColorHex:p,colorHex:i}),loading:s})}),_jsxruntime.jsxs.call(void 0, D,{textTransform:u,gap:f,css:{opacity:s?0:1},children:[t?_jsxruntime.jsx.call(void 0, t,{size:"1em",colorHex:_utilsjs.getContentColor.call(void 0, {outlined:l,contentColorHex:p,colorHex:i}),styles:_optionalChain([e, 'optionalAccess', _ => _.icon])}):null,_jsxruntime.jsx.call(void 0, "div",{children:n}),a?_jsxruntime.jsx.call(void 0, a,{size:"1em",colorHex:_utilsjs.getContentColor.call(void 0, {outlined:l,contentColorHex:p,colorHex:i}),styles:_optionalChain([e, 'optionalAccess', _2 => _2.icon])}):null]})]}):null},$= exports.Button =_react.forwardRef.call(void 0, ({color:t,colorHex:a,styles:s,loading:n,disabled:e,effect:l,onClick:i,children:p,gap:u,LeftIcon:f,RightIcon:d,outlined:y,width:T,maxWidth:x,minWidth:h,fontSize:g,textTransform:b,fontWeight:B,borderRadius:S,borderWidth:v,boxShadow:C,contentColor:r,contentColorHex:m,...M},R)=>{const o=_styles.useTheme.call(void 0, ),H=_react.useCallback.call(void 0, ()=>{e||n||_optionalChain([i, 'optionalCall', _3 => _3()])},[e,i,n]);return o?_jsxruntime.jsx.call(void 0, A,{ref:R,onClick:H,disabled:e,effect:e?void 0:l,css:{br:S,fontWeight:`$${B}`,borderWidth:v,fontSize:`$${g}`,width:T,maxWidth:x,minWidth:h,boxShadow:C,..._utilsjs.getColors.call(void 0, {outlined:y,colorHex:a||t&&o.colors[t].value,contentColorHex:m||r&&o.colors[r].value}),..._optionalChain([s, 'optionalAccess', _4 => _4.button])},...M,children:E({LeftIcon:f,RightIcon:d,children:p,gap:u,loading:n,outlined:y,styles:s,textTransform:b,colorHex:a||t&&o.colors[t].value,contentColorHex:m||r&&o.colors[r].value})}):null});$.defaultProps={type:"button",disabled:!1,loading:!1,padding:"md",color:"PRIMARY",gap:"md",effect:"opacity",outlined:!1,width:"100%",maxWidth:"100%",fontSize:"EM-MEDIUM",textTransform:"default",fontWeight:"NORMAL",borderRadius:"md",borderWidth:2,boxShadow:"ELEVATION_BOTTOM_1"};const N=_react.forwardRef.call(void 0, ({color:t,colorHex:a,styles:s,loading:n,disabled:e,fontSize:l,effect:i,onClick:p,children:u,gap:f,LeftIcon:d,RightIcon:y,outlined:T,width:x,maxWidth:h,minWidth:g,textTransform:b,fontWeight:B,borderRadius:S,borderWidth:v,boxShadow:C,contentColor:r,contentColorHex:m,...M},R)=>{const o=_styles.useTheme.call(void 0, ),H=_react.useCallback.call(void 0, ()=>{e||n||_optionalChain([p, 'optionalCall', _5 => _5()])},[e,p,n]);return o?_jsxruntime.jsx.call(void 0, A,{as:"a",ref:R,onClick:H,disabled:e,effect:e?void 0:i,css:{br:S,fontWeight:`$${B}`,borderWidth:v,fontSize:`$${l}`,width:x,maxWidth:h,minWidth:g,boxShadow:C,..._utilsjs.getColors.call(void 0, {outlined:T,colorHex:a||t&&o.colors[t].value,contentColorHex:m||r&&o.colors[r].value}),..._optionalChain([s, 'optionalAccess', _6 => _6.button])},...M,children:E({LeftIcon:d,RightIcon:y,children:u,gap:f,loading:n,outlined:T,styles:s,textTransform:b,colorHex:a||t&&o.colors[t].value,contentColorHex:m||r&&o.colors[r].value})}):null});N.defaultProps={disabled:!1,loading:!1,padding:"md",color:"PRIMARY",gap:"md",effect:"opacity",outlined:!1,width:"100%",maxWidth:"100%",fontSize:"EM-MEDIUM",textTransform:"default",fontWeight:"NORMAL",borderRadius:"md",borderWidth:2,boxShadow:"ELEVATION_BOTTOM_1"};exports.Button = $; exports.ButtonLink = N;
 //# sourceMappingURL=Button.js.map

dist/button/index.js

@@ -1,2 +0,2 @@
-export*from"./Button.js";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _Buttonjs = require('./Button.js'); _createStarExport(_Buttonjs);
 //# sourceMappingURL=index.js.map

dist/buttonIcon/ButtonIcon.js

@@ -1,2 +0,2 @@
-import{Fragment as O,jsx as p,jsxs as k}from"react/jsx-runtime";import{styled as h,Sizes as B,useTheme as I}from"@pikas-ui/styles";import{forwardRef as S,useCallback as C}from"react";import{ClipLoader as P}from"@pikas-ui/loader";import{getColors as v,getContentColor as H}from"../utils.js";const L=h("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",br:"md",borderWidth:2,boxShadow:"$ELEVATION_BOTTOM_1",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}},disabled:{true:{cursor:"not-allowed",opacity:.5}}}}),R=h("div",{display:"flex",alignItems:"center",justifyContent:"center"}),A=h("div",{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:0,left:0,right:0,bottom:0}),M=({loading:t,styles:i,outlined:s,colorHex:e,contentColorHex:n,size:a,Icon:c})=>k(O,{children:[p(A,{children:p(P,{size:B[a||6],colorHex:H({outlined:s,contentColorHex:n,colorHex:e}),loading:t})}),p(R,{css:{opacity:t?0:1},children:p(c,{size:B[a||6],colorHex:H({outlined:s,contentColorHex:n,colorHex:e}),styles:i?.icon})})]}),w=S(({color:t,colorHex:i,styles:s,loading:e,disabled:n,effect:a,onClick:c,outlined:u,Icon:f,size:l,borderRadius:y,borderWidth:m,boxShadow:T,contentColor:r,contentColorHex:d,...b},x)=>{const o=I(),g=C(()=>{n||e||c?.()},[n,c,e]);return o?p(L,{ref:x,onClick:g,disabled:n,effect:n?void 0:a,css:{br:y,borderWidth:m,boxShadow:T,...v({outlined:u,colorHex:i||t&&o.colors[t].value,contentColorHex:d||r&&o.colors[r].value}),...s?.button},...b,children:M({colorHex:i||t&&o.colors[t].value,contentColorHex:d||r&&o.colors[r].value,loading:e,outlined:u,size:l,styles:s,Icon:f})}):null});w.defaultProps={type:"button",disabled:!1,loading:!1,color:"PRIMARY",size:6,effect:"opacity",padding:"md",borderRadius:"md",borderWidth:2,boxShadow:"ELEVATION_BOTTOM_1"};const E=S(({color:t,colorHex:i,styles:s,loading:e,effect:n,onClick:a,outlined:c,Icon:u,size:f,disabled:l,borderRadius:y,borderWidth:m,boxShadow:T,contentColor:r,contentColorHex:d,...b},x)=>{const o=I(),g=C(()=>{l||e||a?.()},[l,a,e]);return o?p(L,{as:"a",ref:x,onClick:g,disabled:l,effect:l?void 0:n,css:{br:y,borderWidth:m,boxShadow:T,...v({outlined:c,colorHex:i||t&&o.colors[t].value,contentColorHex:d||r&&o.colors[r].value}),...s?.button},...b,children:M({colorHex:i||t&&o.colors[t].value,contentColorHex:d||r&&o.colors[r].value,loading:e,outlined:c,size:f,styles:s,Icon:u})}):null});E.defaultProps={loading:!1,color:"PRIMARY",size:6,padding:"md",effect:"opacity",borderRadius:"md",borderWidth:2,boxShadow:"ELEVATION_BOTTOM_1"};export{w as ButtonIcon,E as ButtonIconLink};
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _jsxruntime = require('react/jsx-runtime');var _styles = require('@pikas-ui/styles');var _react = require('react');var _loader = require('@pikas-ui/loader');var _utilsjs = require('../utils.js');const L=_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",br:"md",borderWidth:2,boxShadow:"$ELEVATION_BOTTOM_1",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}},disabled:{true:{cursor:"not-allowed",opacity:.5}}}}),R=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center"}),A=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:0,left:0,right:0,bottom:0}),M=({loading:t,styles:i,outlined:s,colorHex:e,contentColorHex:n,size:a,Icon:c})=>_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, A,{children:_jsxruntime.jsx.call(void 0, _loader.ClipLoader,{size:_styles.Sizes[a||6],colorHex:_utilsjs.getContentColor.call(void 0, {outlined:s,contentColorHex:n,colorHex:e}),loading:t})}),_jsxruntime.jsx.call(void 0, R,{css:{opacity:t?0:1},children:_jsxruntime.jsx.call(void 0, c,{size:_styles.Sizes[a||6],colorHex:_utilsjs.getContentColor.call(void 0, {outlined:s,contentColorHex:n,colorHex:e}),styles:_optionalChain([i, 'optionalAccess', _ => _.icon])})})]}),w= exports.ButtonIcon =_react.forwardRef.call(void 0, ({color:t,colorHex:i,styles:s,loading:e,disabled:n,effect:a,onClick:c,outlined:u,Icon:f,size:l,borderRadius:y,borderWidth:m,boxShadow:T,contentColor:r,contentColorHex:d,...b},x)=>{const o=_styles.useTheme.call(void 0, ),g=_react.useCallback.call(void 0, ()=>{n||e||_optionalChain([c, 'optionalCall', _2 => _2()])},[n,c,e]);return o?_jsxruntime.jsx.call(void 0, L,{ref:x,onClick:g,disabled:n,effect:n?void 0:a,css:{br:y,borderWidth:m,boxShadow:T,..._utilsjs.getColors.call(void 0, {outlined:u,colorHex:i||t&&o.colors[t].value,contentColorHex:d||r&&o.colors[r].value}),..._optionalChain([s, 'optionalAccess', _3 => _3.button])},...b,children:M({colorHex:i||t&&o.colors[t].value,contentColorHex:d||r&&o.colors[r].value,loading:e,outlined:u,size:l,styles:s,Icon:f})}):null});w.defaultProps={type:"button",disabled:!1,loading:!1,color:"PRIMARY",size:6,effect:"opacity",padding:"md",borderRadius:"md",borderWidth:2,boxShadow:"ELEVATION_BOTTOM_1"};const E=_react.forwardRef.call(void 0, ({color:t,colorHex:i,styles:s,loading:e,effect:n,onClick:a,outlined:c,Icon:u,size:f,disabled:l,borderRadius:y,borderWidth:m,boxShadow:T,contentColor:r,contentColorHex:d,...b},x)=>{const o=_styles.useTheme.call(void 0, ),g=_react.useCallback.call(void 0, ()=>{l||e||_optionalChain([a, 'optionalCall', _4 => _4()])},[l,a,e]);return o?_jsxruntime.jsx.call(void 0, L,{as:"a",ref:x,onClick:g,disabled:l,effect:l?void 0:n,css:{br:y,borderWidth:m,boxShadow:T,..._utilsjs.getColors.call(void 0, {outlined:c,colorHex:i||t&&o.colors[t].value,contentColorHex:d||r&&o.colors[r].value}),..._optionalChain([s, 'optionalAccess', _5 => _5.button])},...b,children:M({colorHex:i||t&&o.colors[t].value,contentColorHex:d||r&&o.colors[r].value,loading:e,outlined:c,size:f,styles:s,Icon:u})}):null});E.defaultProps={loading:!1,color:"PRIMARY",size:6,padding:"md",effect:"opacity",borderRadius:"md",borderWidth:2,boxShadow:"ELEVATION_BOTTOM_1"};exports.ButtonIcon = w; exports.ButtonIconLink = E;
 //# sourceMappingURL=ButtonIcon.js.map

dist/buttonIcon/index.js

@@ -1,2 +0,2 @@
-export*from"./ButtonIcon.js";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _ButtonIconjs = require('./ButtonIcon.js'); _createStarExport(_ButtonIconjs);
 //# sourceMappingURL=index.js.map

dist/index.js

@@ -1,2 +0,2 @@
-export*from"./button/index.js";export*from"./buttonIcon/index.js";export*from"./types.js";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _indexjs = require('./button/index.js'); _createStarExport(_indexjs);var _indexjs3 = require('./buttonIcon/index.js'); _createStarExport(_indexjs3);var _typesjs = require('./types.js'); _createStarExport(_typesjs);
 //# sourceMappingURL=index.js.map

dist/types.js

@@ -1,2 +0,2 @@
-const t={button:!0,submit:!0,reset:!0},e={xs:!0,sm:!0,md:!0,lg:!0,xl:!0},o={capitalize:!0,uppercase:!0,default:!0,none:!0},r={globalScale:!0,boxScale:!0,opacity:!0},u={sm:!0,md:!0,lg:!0},p={_self:!0,_blank:!0,_parent:!0,_top:!0};export{r as ButtonEffect,u as ButtonGap,e as ButtonPadding,p as ButtonTarget,o as ButtonTextTransform,t as ButtonType};
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});const t={button:!0,submit:!0,reset:!0},e= exports.ButtonPadding ={xs:!0,sm:!0,md:!0,lg:!0,xl:!0},o= exports.ButtonTextTransform ={capitalize:!0,uppercase:!0,default:!0,none:!0},r= exports.ButtonEffect ={globalScale:!0,boxScale:!0,opacity:!0},u= exports.ButtonGap ={sm:!0,md:!0,lg:!0},p= exports.ButtonTarget ={_self:!0,_blank:!0,_parent:!0,_top:!0};exports.ButtonEffect = r; exports.ButtonGap = u; exports.ButtonPadding = e; exports.ButtonTarget = p; exports.ButtonTextTransform = o; exports.ButtonType = t;
 //# sourceMappingURL=types.js.map

dist/utils.js

@@ -1,2 +0,2 @@
-import s from"font-color-contrast";const n=({contentColorHex:o,colorHex:r,outlined:t})=>o||(t?r:s.default(r||"",.7)),i=({colorHex:o,outlined:r,contentColorHex:t})=>r?{backgroundColor:"$TRANSPARENT",borderColor:o,color:n({contentColorHex:t,colorHex:o,outlined:r})}:{backgroundColor:o,borderColor:o,color:n({contentColorHex:t,colorHex:o,outlined:r})};export{i as getColors,n as getContentColor};
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _fontcolorcontrast = require('font-color-contrast'); var _fontcolorcontrast2 = _interopRequireDefault(_fontcolorcontrast);const n=({contentColorHex:o,colorHex:r,outlined:t})=>o||(t?r:_fontcolorcontrast2.default.call(void 0, r||"",.7)),i= exports.getColors =({colorHex:o,outlined:r,contentColorHex:t})=>r?{backgroundColor:"$TRANSPARENT",borderColor:o,color:n({contentColorHex:t,colorHex:o,outlined:r})}:{backgroundColor:o,borderColor:o,color:n({contentColorHex:t,colorHex:o,outlined:r})};exports.getColors = i; exports.getContentColor = n;
 //# sourceMappingURL=utils.js.map

package.json

 {
   "name": "@pikas-ui/button",
-  "version": "2.1.9",
+  "version": "2.1.10",
   "private": false,
   "description": "",
   "license": "MIT",
-  "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
     "./dist/*": {
-      "import": "./dist/*.js",
-      "require": "./dist/*.cjs",
+      "import": "./dist/*.mjs",
+      "require": "./dist/*.js",
       "types": "./dist/*.d.ts"
@@ -37,5 +36,5 @@ }
   "dependencies": {
-    "@pikas-ui/icons": "2.1.9",
-    "@pikas-ui/loader": "2.1.9",
-    "@pikas-ui/styles": "2.3.9",
+    "@pikas-ui/icons": "2.1.10",
+    "@pikas-ui/loader": "2.1.10",
+    "@pikas-ui/styles": "2.3.10",
     "font-color-contrast": "^11.1.0",
@@ -42,0 +41,0 @@ "react": "^18.2.0",

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 4 instances in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 4 instances in 1 package

Worsened metrics

Total package byte prevSize

96184

decreased by-0.09%

Is type module

No

Dependency changes

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

• + Added@pikas-ui/loader@2.1.10(transitive)

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

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

• - Removed@pikas-ui/loader@2.1.9(transitive)

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

• Updated@pikas-ui/icons@2.1.10

• Updated@pikas-ui/loader@2.1.10

• Updated@pikas-ui/styles@2.3.10