@aic-kits/react 0.15.2 → 0.15.4

package/dist/components/Button/index.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { ButtonProps } from './types';
-export declare const Button: ({ disabled, icon, color, textColor, loading, onClick, rightIcon, corner, variant, size, style, "data-testid": testId, text, ...rest }: ButtonProps) => React.ReactElement;
+export declare const Button: ({ disabled, icon, color, textColor, loading, onClick, rightIcon, corner, variant, size, style, "data-testid": testId, text, ...boxProps }: ButtonProps) => React.ReactElement;
 export * from './utils';

package/dist/components/Button/types.d.ts

@@ -1,6 +1,7 @@
 import { Icon } from '@phosphor-icons/react';
 import { ButtonCorner, ButtonSize, ButtonVariant, Color } from '../../theme';
-export interface ButtonProps {
+import { BoxProps } from '../Box';
+export interface ButtonProps extends BoxProps {
     /**
      * Disable state of button.
      */
@@ -59,8 +60,4 @@ export interface ButtonProps {
      * Button text.
      */
     text: React.ReactNode;
-    /**
-     * For flex layout
-     */
-    flex?: number | string;
 }

package/dist/index.cjs

@@ -215,7 +215,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[gi]+=1);const Os=n=>({none:0,
       ${n==="text"?`color: ${o.colors.primary};`:""}
     `}
   }
-`,Cs=({disabled:n=!1,icon:o,color:i,textColor:a,loading:l=!1,onClick:d,rightIcon:p,corner:y="circle",variant:m="solid",size:w="md",style:C,"data-testid":S,text:A,...T})=>{var lt;const L=oe(),$=L.__hd__.button,B=$.defaultColor||"primary",P=i||B,F=((lt=$.variants)==null?void 0:lt[m])||{},j=$.sizes[w],W=n||l,H=h.useMemo(()=>W&&m==="solid"?"disabled":m==="solid"?P:F.bgColor||"transparent",[P,W,m,F.bgColor]),Z=h.useMemo(()=>ki(L,P,a,m,W),[L,P,a,m,W]),D=It=>{n||l||d==null||d(It)},se=m==="text"?"none":j.paddingHorizontal,ne=m==="text"?"none":j.paddingVertical,fe=j.fontSize,xe=j.iconSize,Xe=$.iconSpacing||"xs",Le=b.jsxs(k,{display:"flex",alignItems:"center",gap:Xe,children:[o&&b.jsx(iu,{$themePosition:"left",$iconSpacing:Xe,children:b.jsx(ou,{$themeColor:P,$themeTextColor:a,$variant:m,$disabled:W,$iconSize:xe,type:"icon",art:o,weight:j.iconWeight,size:xe})}),b.jsx(Kx,{$themeColor:P,$themeTextColor:a,$themeFontSize:fe,$themeFontWeight:j.fontWeight,$disabled:W,$variant:m,as:"span",children:A}),p&&b.jsx(iu,{$themePosition:"right",$iconSpacing:Xe,children:b.jsx(ou,{$themeColor:P,$themeTextColor:a,$variant:m,$disabled:W,$iconSize:xe,weight:j.iconWeight,type:"icon",art:p,size:xe})})]});return b.jsx(_t,{onClick:D,style:C,"data-testid":S,flex:T.flex,children:b.jsx(Hs,{$backgroundColor:H,$paddingHorizontal:se,$paddingVertical:ne,$borderRadius:$.squircleBorderRadii[y],$borderWidth:j.borderWidth,$disabled:W,$variant:m,$color:P,$size:w,children:b.jsx(Dd,{size:"small",color:Z,loading:l,display:"flex",alignItems:"center",justifyContent:"center",children:Le})})})},qx=de(k)`
+`,Cs=({disabled:n=!1,icon:o,color:i,textColor:a,loading:l=!1,onClick:d,rightIcon:p,corner:y="circle",variant:m="solid",size:w="md",style:C,"data-testid":S,text:A,...T})=>{var lt;const L=oe(),$=L.__hd__.button,B=$.defaultColor||"primary",P=i||B,F=((lt=$.variants)==null?void 0:lt[m])||{},j=$.sizes[w],W=n||l,H=h.useMemo(()=>W&&m==="solid"?"disabled":m==="solid"?P:F.bgColor||"transparent",[P,W,m,F.bgColor]),Z=h.useMemo(()=>ki(L,P,a,m,W),[L,P,a,m,W]),D=It=>{n||l||d==null||d(It)},se=m==="text"?"none":j.paddingHorizontal,ne=m==="text"?"none":j.paddingVertical,fe=j.fontSize,xe=j.iconSize,Xe=$.iconSpacing||"xs",Le=b.jsxs(k,{display:"flex",alignItems:"center",gap:Xe,children:[o&&b.jsx(iu,{$themePosition:"left",$iconSpacing:Xe,children:b.jsx(ou,{$themeColor:P,$themeTextColor:a,$variant:m,$disabled:W,$iconSize:xe,type:"icon",art:o,weight:j.iconWeight,size:xe})}),b.jsx(Kx,{$themeColor:P,$themeTextColor:a,$themeFontSize:fe,$themeFontWeight:j.fontWeight,$disabled:W,$variant:m,as:"span",children:A}),p&&b.jsx(iu,{$themePosition:"right",$iconSpacing:Xe,children:b.jsx(ou,{$themeColor:P,$themeTextColor:a,$variant:m,$disabled:W,$iconSize:xe,weight:j.iconWeight,type:"icon",art:p,size:xe})})]});return b.jsx(_t,{onClick:D,style:C,"data-testid":S,...T,children:b.jsx(Hs,{$backgroundColor:H,$paddingHorizontal:se,$paddingVertical:ne,$borderRadius:$.squircleBorderRadii[y],$borderWidth:j.borderWidth,$disabled:W,$variant:m,$color:P,$size:w,children:b.jsx(Dd,{size:"small",color:Z,loading:l,display:"flex",alignItems:"center",justifyContent:"center",children:Le})})})},qx=de(k)`
   background-color: ${({theme:n,$color:o})=>n.colors[o]};
   ${({$orientation:n,$thickness:o})=>n==="horizontal"?`
           height: ${o}px;

package/dist/index.js

@@ -7453,7 +7453,7 @@ const Qv = (n = "xl") => {
       onClick: D,
       style: C,
       "data-testid": w,
-      flex: T.flex,
+      ...T,
       children: /* @__PURE__ */ S(
         Na,
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aic-kits/react",
-  "version": "0.15.2",
+  "version": "0.15.4",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -46,5 +46,5 @@
     "vite-plugin-dts": "^4.3.0",
     "vitest": "^2.1.8"
   },
-  "gitHead": "9af6ca7083d16e62b97d62dfd0b06480fcf624ca"
+  "gitHead": "c5c8dbee549615af81f8d952a14b2a538508b950"
 }