@vincentgraul/react-components 1.0.62 → 1.0.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,8 @@ import { ButtonHTMLAttributes, ReactNode } from 'react';
2
2
  type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
3
3
  children: ReactNode;
4
4
  color?: string;
5
+ width?: number;
6
+ height?: number;
5
7
  backgroundColor?: string;
6
8
  borderColor?: string;
7
9
  alignSelf?: "start" | "center" | "end";
@@ -12,5 +14,5 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
12
14
  padding?: string;
13
15
  className?: string;
14
16
  };
15
- export declare const Button: ({ className, children, alignSelf, fontSize, fontWeight, borderRadius, borderWidth, padding, color, backgroundColor, borderColor, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
17
+ export declare const Button: ({ className, children, width, height, alignSelf, fontSize, fontWeight, borderRadius, borderWidth, padding, color, backgroundColor, borderColor, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
16
18
  export {};
@@ -48872,32 +48872,36 @@ const XD = ({
48872
48872
  }, PD = ({
48873
48873
  className: r,
48874
48874
  children: d,
48875
- alignSelf: g,
48876
- fontSize: y,
48877
- fontWeight: w,
48878
- borderRadius: R,
48879
- borderWidth: F,
48880
- padding: x,
48881
- color: C,
48882
- backgroundColor: H,
48883
- borderColor: B,
48884
- ...E
48875
+ width: g,
48876
+ height: y,
48877
+ alignSelf: w,
48878
+ fontSize: R,
48879
+ fontWeight: F,
48880
+ borderRadius: x,
48881
+ borderWidth: C,
48882
+ padding: H,
48883
+ color: B,
48884
+ backgroundColor: E,
48885
+ borderColor: S,
48886
+ ...D
48885
48887
  }) => /* @__PURE__ */ c(
48886
48888
  "button",
48887
48889
  {
48888
48890
  className: b0(BD.container, r),
48889
48891
  style: {
48890
- borderRadius: `${R ?? 0}px`,
48891
- borderWidth: `${F ?? 1}px`,
48892
- fontSize: `${y ?? 1}rem`,
48893
- fontWeight: w ?? 400,
48894
- alignSelf: g,
48895
- padding: x,
48896
- color: C ?? "black",
48897
- backgroundColor: H ?? "white",
48898
- borderColor: B ?? "black"
48892
+ width: `${g ?? 100}%`,
48893
+ height: y !== void 0 ? `${y}rem` : "auto",
48894
+ borderRadius: `${x ?? 0}px`,
48895
+ borderWidth: `${C ?? 1}px`,
48896
+ fontSize: `${R ?? 1}rem`,
48897
+ fontWeight: F ?? 400,
48898
+ alignSelf: w,
48899
+ padding: H,
48900
+ color: B ?? "black",
48901
+ backgroundColor: E ?? "white",
48902
+ borderColor: S ?? "black"
48899
48903
  },
48900
- ...E,
48904
+ ...D,
48901
48905
  children: d
48902
48906
  }
48903
48907
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vincentgraul/react-components",
3
- "version": "1.0.62",
3
+ "version": "1.0.63",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {