@pikas-ui/button - npm Package Compare versions

Comparing version 1.0.16 to 1.0.17

dist/button/Button.d.ts

 import { CSS, BorderRadiusType, FontsSizesType, FontsWeightsType, ColorsType } from '@pikas-ui/styles';
 import React from 'react';
 import { IconProps } from '@pikas-ui/icons';
-import { ButtonTypeType, ButtonPaddingType, ButtonGapType, ButtonTextTransformType, ButtonEffectType } from '../types.js';
+import { ButtonTypeType, ButtonPaddingType, ButtonGapType, ButtonTextTransformType, ButtonEffectType, ButtonTargetType } from '../types.js';
 
@@ -30,2 +30,3 @@ interface ButtonProps {
     borderWidth?: number;
+    target?: keyof typeof ButtonTargetType;
 }
@@ -32,0 +33,0 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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 _fontcolorcontrast = require('font-color-contrast'); var _fontcolorcontrast2 = _interopRequireDefault(_fontcolorcontrast);const $=_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:{sm:{padding:"4px 24px"},md:{padding:"8px 32px"},lg:{padding:"16px 40px"}},state:{true:{cursor:"initial",opacity:.5}}}}),w=_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}}}}),F=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:0,left:0,right:0,bottom:0}),O= exports.Button =_react.forwardRef.call(void 0, function({type:a,fullWidth:i,id:p,name:v,color:o,style:f,padding:l,form:k,loading:n,disabled:e,borderRadius:c,fontSize:d,textTransform:M,fontWeight:u,effect:m,onClick:y,children:z,gap:I,href:g,LeftIcon:T,RightIcon:b,outlined:P,borderWidth:C},R){const x=_react.useCallback.call(void 0, ()=>{e||n||_optionalChain([y, 'optionalCall', _ => _()])},[e,y,n]),S=()=>_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(F,null,_react2.default.createElement(_loader.BeatLoader,{size:_styles.theme.fontSizes["EM-XX-SMALL"].value,color:"WHITE",loading:n})),_react2.default.createElement(w,{textTransform:M,gap:I,css:{opacity:n?0:1}},T?_react2.default.createElement(T,{size:"1em"}):null,_react2.default.createElement("span",null,z),b?_react2.default.createElement(b,{size:"1em"}):null)),h=()=>P?{backgroundColor:"$TRANSPARENT",borderColor:`$${o}`,color:`$${o}`,svg:{fill:`$${o}`}}:{backgroundColor:`$${o}`,borderColor:`$${o}`,color:_fontcolorcontrast2.default.call(void 0, _styles.theme.colors[o||"PRIMARY"].value,.7),svg:{fill:_fontcolorcontrast2.default.call(void 0, _styles.theme.colors[o||"PRIMARY"].value,.7)}};return g?_react2.default.createElement($,{as:"a",href:g,type:a,id:p,onClick:x,state:e,padding:l,effect:e?void 0:m,css:{width:i?"100%":"auto",br:c,fontWeight:`$${u}`,borderWidth:C,fontSize:`$${d}`,...h(),...f}},S()):_react2.default.createElement($,{ref:R,form:k,type:a,id:p,name:v,onClick:x,state:e,padding:l,effect:e?void 0:m,css:{width:i?"100%":"auto",br:c,fontWeight:`$${u}`,borderWidth:C,fontSize:`$${d}`,...h(),...f}},S())});O.defaultProps={type:"button",fullWidth:!1,disabled:!1,loading:!1,borderRadius:"md",fontSize:"EM-MEDIUM",padding:"md",textTransform:"default",color:"PRIMARY",fontWeight:"NORMAL",gap:"md",effect:"opacity",borderWidth:2};exports.Button = O;
+"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 _fontcolorcontrast = require('font-color-contrast'); var _fontcolorcontrast2 = _interopRequireDefault(_fontcolorcontrast);const B=_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:{sm:{padding:"4px 24px"},md:{padding:"8px 32px"},lg:{padding:"16px 40px"}},state:{true:{cursor:"initial",opacity:.5}}}}),F=_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}}}}),O=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:0,left:0,right:0,bottom:0}),N= exports.Button =_react.forwardRef.call(void 0, function({type:r,fullWidth:i,id:p,name:$,color:o,style:f,padding:l,form:v,loading:n,disabled:e,borderRadius:d,fontSize:c,textTransform:k,fontWeight:u,effect:m,onClick:y,children:M,gap:z,href:I,LeftIcon:g,RightIcon:T,outlined:P,borderWidth:b,target:R},E){const C=_react.useCallback.call(void 0, ()=>{e||n||_optionalChain([y, 'optionalCall', _ => _()])},[e,y,n]),h=()=>_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(O,null,_react2.default.createElement(_loader.BeatLoader,{size:_styles.theme.fontSizes["EM-XX-SMALL"].value,color:"WHITE",loading:n})),_react2.default.createElement(F,{textTransform:k,gap:z,css:{opacity:n?0:1}},g?_react2.default.createElement(g,{size:"1em"}):null,_react2.default.createElement("span",null,M),T?_react2.default.createElement(T,{size:"1em"}):null)),x=()=>P?{backgroundColor:"$TRANSPARENT",borderColor:`$${o}`,color:`$${o}`,svg:{fill:`$${o}`}}:{backgroundColor:`$${o}`,borderColor:`$${o}`,color:_fontcolorcontrast2.default.call(void 0, _styles.theme.colors[o||"PRIMARY"].value,.7),svg:{fill:_fontcolorcontrast2.default.call(void 0, _styles.theme.colors[o||"PRIMARY"].value,.7)}};return r==="link"?_react2.default.createElement(B,{as:"a",href:I,target:R,type:r,id:p,onClick:C,state:e,padding:l,effect:e?void 0:m,css:{width:i?"100%":"auto",br:d,fontWeight:`$${u}`,borderWidth:b,fontSize:`$${c}`,...x(),...f}},h()):_react2.default.createElement(B,{ref:E,form:v,type:r,id:p,name:$,onClick:C,state:e,padding:l,effect:e?void 0:m,css:{width:i?"100%":"auto",br:d,fontWeight:`$${u}`,borderWidth:b,fontSize:`$${c}`,...x(),...f}},h())});N.defaultProps={type:"button",fullWidth:!1,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};exports.Button = N;
 //# sourceMappingURL=Button.js.map

dist/buttonIcon/ButtonIcon.d.ts

 import { CSS, BorderRadiusType, SizesType, ColorsType } from '@pikas-ui/styles';
 import React from 'react';
-import { ButtonTypeType, ButtonPaddingType, ButtonEffectType } from '../types.js';
+import { ButtonTypeType, ButtonPaddingType, ButtonEffectType, ButtonTargetType } from '../types.js';
 import { IconProps } from '@pikas-ui/icons';
@@ -24,2 +24,3 @@
     href?: string;
+    target?: keyof typeof ButtonTargetType;
 }
@@ -26,0 +27,0 @@ declare const ButtonIcon: React.ForwardRefExoticComponent<ButtonIconProps & React.RefAttributes<HTMLButtonElement>>;

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 _fontcolorcontrast = require('font-color-contrast'); var _fontcolorcontrast2 = _interopRequireDefault(_fontcolorcontrast);const I=_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:{sm:{padding:4},md:{padding:8},lg:{padding:16}},state:{true:{cursor:"initial",opacity:.5}}}}),M=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center"}),E=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:0,left:0,right:0,bottom:0}),A= exports.ButtonIcon =_react.forwardRef.call(void 0, function({type:i,id:s,name:v,color:t,style:a,padding:c,form:B,loading:n,disabled:e,borderRadius:p,effect:f,onClick:l,href:d,outlined:h,Icon:k,size:m,borderWidth:u},$){const y=_react.useCallback.call(void 0, ()=>{e||n||_optionalChain([l, 'optionalCall', _ => _()])},[e,l,n]),g=()=>_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(E,null,_react2.default.createElement(_loader.ClipLoader,{size:_styles.Sizes[m||"md"],color:"WHITE",loading:n})),_react2.default.createElement(M,{css:{opacity:n?0:1}},_react2.default.createElement(k,{size:_styles.Sizes[m||"md"]}))),C=()=>h?{backgroundColor:"$TRANSPARENT",borderColor:`$${t}`,color:`$${t}`,svg:{fill:`$${t}`}}:{backgroundColor:`$${t}`,borderColor:`$${t}`,color:_fontcolorcontrast2.default.call(void 0, _styles.theme.colors[t||"PRIMARY"].value,.7),svg:{fill:_fontcolorcontrast2.default.call(void 0, _styles.theme.colors[t||"PRIMARY"].value,.7)}};return d?_react2.default.createElement(I,{as:"a",href:d,type:i,id:s,onClick:y,state:e,padding:c,effect:e?void 0:f,css:{br:p,borderWidth:u,...C(),...a}},g()):_react2.default.createElement(I,{ref:$,form:B,type:i,id:s,name:v,onClick:y,state:e,padding:c,effect:e?void 0:f,css:{br:p,borderWidth:u,...C(),...a}},g())});A.defaultProps={type:"button",disabled:!1,loading:!1,borderRadius:"md",color:"PRIMARY",size:"md",effect:"opacity",borderWidth:2};exports.ButtonIcon = A;
+"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 _fontcolorcontrast = require('font-color-contrast'); var _fontcolorcontrast2 = _interopRequireDefault(_fontcolorcontrast);const S=_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:{sm:{padding:4},md:{padding:8},lg:{padding:16}},state:{true:{cursor:"initial",opacity:.5}}}}),E=_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}),O= exports.ButtonIcon =_react.forwardRef.call(void 0, function({type:r,id:s,name:B,color:o,style:a,padding:p,form:I,loading:n,disabled:e,borderRadius:f,effect:c,onClick:l,href:h,outlined:v,Icon:k,size:d,borderWidth:u,target:$},P){const m=_react.useCallback.call(void 0, ()=>{e||n||_optionalChain([l, 'optionalCall', _ => _()])},[e,l,n]),y=()=>_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(A,null,_react2.default.createElement(_loader.ClipLoader,{size:_styles.Sizes[d||"md"],color:"WHITE",loading:n})),_react2.default.createElement(E,{css:{opacity:n?0:1}},_react2.default.createElement(k,{size:_styles.Sizes[d||"md"]}))),g=()=>v?{backgroundColor:"$TRANSPARENT",borderColor:`$${o}`,color:`$${o}`,svg:{fill:`$${o}`}}:{backgroundColor:`$${o}`,borderColor:`$${o}`,color:_fontcolorcontrast2.default.call(void 0, _styles.theme.colors[o||"PRIMARY"].value,.7),svg:{fill:_fontcolorcontrast2.default.call(void 0, _styles.theme.colors[o||"PRIMARY"].value,.7)}};return r==="link"?_react2.default.createElement(S,{as:"a",href:h,target:$,type:r,id:s,onClick:m,state:e,padding:p,effect:e?void 0:c,css:{br:f,borderWidth:u,...g(),...a}},y()):_react2.default.createElement(S,{ref:P,form:I,type:r,id:s,name:B,onClick:m,state:e,padding:p,effect:e?void 0:c,css:{br:f,borderWidth:u,...g(),...a}},y())});O.defaultProps={type:"button",disabled:!1,loading:!1,borderRadius:"md",color:"PRIMARY",size:"md",effect:"opacity",borderWidth:2};exports.ButtonIcon = O;
 //# sourceMappingURL=ButtonIcon.js.map

dist/index.d.ts

 export { Button, ButtonProps } from './button/Button.js';
 export { ButtonIcon, ButtonIconProps } from './buttonIcon/ButtonIcon.js';
-export { ButtonEffectType, ButtonGapType, ButtonPaddingType, ButtonTextTransformType, ButtonTypeType } from './types.js';
+export { ButtonEffectType, ButtonGapType, ButtonPaddingType, ButtonTargetType, ButtonTextTransformType, ButtonTypeType } from './types.js';
 import '@pikas-ui/styles';
 import 'react';
 import '@pikas-ui/icons';

dist/types.d.ts

@@ -5,2 +5,3 @@ declare const ButtonTypeType: {
     reset: boolean;
+    link: boolean;
 };
@@ -28,3 +29,9 @@ declare const ButtonPaddingType: {
 };
+declare const ButtonTargetType: {
+    _self: boolean;
+    _blank: boolean;
+    _parent: boolean;
+    _top: boolean;
+};
 
-export { ButtonEffectType, ButtonGapType, ButtonPaddingType, ButtonTextTransformType, ButtonTypeType };
+export { ButtonEffectType, ButtonGapType, ButtonPaddingType, ButtonTargetType, ButtonTextTransformType, ButtonTypeType };

dist/types.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});const t={button:!0,submit:!0,reset:!0},e= exports.ButtonPaddingType ={sm:!0,md:!0,lg:!0},r= exports.ButtonTextTransformType ={capitalize:!0,uppercase:!0,default:!0,none:!0},u= exports.ButtonEffectType ={globalScale:!0,boxScale:!0,opacity:!0},o= exports.ButtonGapType ={sm:!0,md:!0,lg:!0};exports.ButtonEffectType = u; exports.ButtonGapType = o; exports.ButtonPaddingType = e; exports.ButtonTextTransformType = r; exports.ButtonTypeType = t;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});const t={button:!0,submit:!0,reset:!0,link:!0},e= exports.ButtonPaddingType ={sm:!0,md:!0,lg:!0},r= exports.ButtonTextTransformType ={capitalize:!0,uppercase:!0,default:!0,none:!0},u= exports.ButtonEffectType ={globalScale:!0,boxScale:!0,opacity:!0},o= exports.ButtonGapType ={sm:!0,md:!0,lg:!0},n= exports.ButtonTargetType ={_self:!0,_blank:!0,_parent:!0,_top:!0};exports.ButtonEffectType = u; exports.ButtonGapType = o; exports.ButtonPaddingType = e; exports.ButtonTargetType = n; exports.ButtonTextTransformType = r; exports.ButtonTypeType = t;
 //# sourceMappingURL=types.js.map

package.json

 {
   "name": "@pikas-ui/button",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "private": false,
@@ -33,5 +33,5 @@ "description": "",
   "dependencies": {
-    "@pikas-ui/icons": "1.0.16",
-    "@pikas-ui/loader": "1.0.16",
-    "@pikas-ui/styles": "1.0.16",
+    "@pikas-ui/icons": "1.0.17",
+    "@pikas-ui/loader": "1.0.17",
+    "@pikas-ui/styles": "1.0.17",
     "font-color-contrast": "^11.1.0",
@@ -38,0 +38,0 @@ "react": "^18.1.0",

No alert changes

Improved metrics

Total package byte prevSize

71288

increased by12.97%

Lines of code

176

increased by6.02%

Number of lines in readme file

110

increased by10900%

Dependency changes

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

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

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

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

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

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

• Updated@pikas-ui/icons@1.0.17

• Updated@pikas-ui/loader@1.0.17

• Updated@pikas-ui/styles@1.0.17