@lets-events/react 12.10.14 → 12.10.15

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lets-events/react@12.10.14 build
+> @lets-events/react@12.10.15 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -10,10 +10,10 @@
 ESM Build start
 CJS Build start
 CJS dist\index.js 432.14 KB
-CJS ⚡️ Build success in 266ms
+CJS ⚡️ Build success in 302ms
 ESM dist\index.mjs 416.46 KB
-ESM ⚡️ Build success in 267ms
+ESM ⚡️ Build success in 303ms
 DTS Build start
-DTS ⚡️ Build success in 5207ms
-DTS dist\index.d.mts 409.13 KB
-DTS dist\index.d.ts  409.13 KB
+DTS ⚡️ Build success in 5091ms
+DTS dist\index.d.mts 409.63 KB
+DTS dist\index.d.ts  409.63 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lets-events/react
 
+## 12.10.15
+
+### Patch Changes
+
+- fix button props
+
 ## 12.10.14
 
 ### Patch Changes

package/dist/index.d.mts

@@ -5,11 +5,10 @@ import PropTypes from 'prop-types';
 import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
 import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
 import * as React$1 from 'react';
-import React__default, { ElementType, ReactNode, CSSProperties, ComponentProps, MouseEvent, HTMLAttributes, JSX } from 'react';
+import React__default, { ElementType, ReactNode, CSSProperties, ComponentProps, ButtonHTMLAttributes, MouseEvent, HTMLAttributes, JSX } from 'react';
 import * as _radix_ui_themes from '@radix-ui/themes';
 import { TextField as TextField$1, RadioGroup as RadioGroup$1, CheckboxGroup as CheckboxGroup$1, DropdownMenu as DropdownMenu$1, AlertDialog, Switch as Switch$1 } from '@radix-ui/themes';
 import { Colors } from '@lets-events/tokens';
-import { VariantProps } from '@stitches/react';
 import { MaskOptions, format, unformat } from '@react-input/mask';
 import { Dialog } from 'radix-ui';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -955,10 +954,22 @@ declare const ButtonStyled: _stitches_react_types_styled_component.StyledCompone
     zIndex: "zIndices";
 }, {}>>;
 
-type ButtonVariantProps = VariantProps<typeof ButtonStyled>;
-interface ButtonProps extends ComponentProps<typeof ButtonStyled>, ButtonVariantProps {
+type TextAlign = "center" | "left" | "right";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    color?: "brand" | "purple" | "error" | "info" | "success" | "warning" | "neutral" | "white";
+    size?: "extraSmall" | "small" | "medium" | "large";
+    variant?: "text" | "toggle" | "contained" | "outlined" | "menuDropdownItem" | "menuDropdownItemDelete";
+    fontWeight?: "regular" | "medium" | "semibold" | "bold";
+    textAlign?: TextAlign;
+    outlinedBgColor?: "neutral" | "transparent";
+    radii?: "full";
+    isCircle?: boolean;
     asChild?: boolean;
     loading?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    css?: ComponentProps<typeof ButtonStyled>["css"];
 }
 declare function Button({ asChild, children, loading, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -5,11 +5,10 @@ import PropTypes from 'prop-types';
 import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
 import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
 import * as React$1 from 'react';
-import React__default, { ElementType, ReactNode, CSSProperties, ComponentProps, MouseEvent, HTMLAttributes, JSX } from 'react';
+import React__default, { ElementType, ReactNode, CSSProperties, ComponentProps, ButtonHTMLAttributes, MouseEvent, HTMLAttributes, JSX } from 'react';
 import * as _radix_ui_themes from '@radix-ui/themes';
 import { TextField as TextField$1, RadioGroup as RadioGroup$1, CheckboxGroup as CheckboxGroup$1, DropdownMenu as DropdownMenu$1, AlertDialog, Switch as Switch$1 } from '@radix-ui/themes';
 import { Colors } from '@lets-events/tokens';
-import { VariantProps } from '@stitches/react';
 import { MaskOptions, format, unformat } from '@react-input/mask';
 import { Dialog } from 'radix-ui';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -955,10 +954,22 @@ declare const ButtonStyled: _stitches_react_types_styled_component.StyledCompone
     zIndex: "zIndices";
 }, {}>>;
 
-type ButtonVariantProps = VariantProps<typeof ButtonStyled>;
-interface ButtonProps extends ComponentProps<typeof ButtonStyled>, ButtonVariantProps {
+type TextAlign = "center" | "left" | "right";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    color?: "brand" | "purple" | "error" | "info" | "success" | "warning" | "neutral" | "white";
+    size?: "extraSmall" | "small" | "medium" | "large";
+    variant?: "text" | "toggle" | "contained" | "outlined" | "menuDropdownItem" | "menuDropdownItemDelete";
+    fontWeight?: "regular" | "medium" | "semibold" | "bold";
+    textAlign?: TextAlign;
+    outlinedBgColor?: "neutral" | "transparent";
+    radii?: "full";
+    isCircle?: boolean;
     asChild?: boolean;
     loading?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    css?: ComponentProps<typeof ButtonStyled>["css"];
 }
 declare function Button({ asChild, children, loading, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "12.10.14",
+  "version": "12.10.15",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/Button/index.tsx

@@ -1,13 +1,12 @@
-import { ComponentProps, useMemo } from "react";
+import { ButtonHTMLAttributes, ComponentProps, CSSProperties, ReactNode, useMemo } from "react";
 import { ButtonStyled, SpinningDiv } from "./styledComponents";
 import { Button as ButtonRadix } from "@radix-ui/themes";
-import type { VariantProps } from "@stitches/react";
 import Icon, { IconProps } from "../Icon";
 import { Flex } from "../Flex";
 
-type ButtonVariantProps = VariantProps<typeof ButtonStyled>;
+type TextAlign = "center" | "left" | "right";
 
-const getJustifyByTextAlign = (textAlign: ButtonVariantProps["textAlign"]) => {
+const getJustifyByTextAlign = (textAlign: TextAlign) => {
   switch (textAlign) {
     case "left":
       return "start";
@@ -18,11 +17,21 @@ const getJustifyByTextAlign = (textAlign: ButtonVariantProps["textAlign"]) => {
   }
 };
 
-export interface ButtonProps
-  extends ComponentProps<typeof ButtonStyled>,
-    ButtonVariantProps {
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  color?: "brand" | "purple" | "error" | "info" | "success" | "warning" | "neutral" | "white";
+  size?: "extraSmall" | "small" | "medium" | "large";
+  variant?: "text" | "toggle" | "contained" | "outlined" | "menuDropdownItem" | "menuDropdownItemDelete";
+  fontWeight?: "regular" | "medium" | "semibold" | "bold";
+  textAlign?: TextAlign;
+  outlinedBgColor?: "neutral" | "transparent";
+  radii?: "full";
+  isCircle?: boolean;
   asChild?: boolean;
   loading?: boolean;
+  children?: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+  css?: ComponentProps<typeof ButtonStyled>["css"];
 }
 
 export function Button({ asChild, children, loading, ...props }: ButtonProps) {
@@ -45,7 +54,7 @@ export function Button({ asChild, children, loading, ...props }: ButtonProps) {
   }, [size]);
 
   return (
-    <ButtonStyled as={Component} {...props} disabled={disabled || loading}>
+    <ButtonStyled as={Component} {...(props as ComponentProps<typeof ButtonStyled>)} disabled={disabled || loading}>
       <div style={{ position: "relative" }}>
         <Flex
           justify={getJustifyByTextAlign(textAlign)}