colibri-ui 0.7.8 → 0.7.9

package/Button/index.props.d.ts

@@ -1,17 +1,12 @@
 import type { ButtonHTMLAttributes, ReactNode } from "react";
 import type { CSSObject } from "@emotion/react";
-export declare enum SIZE {
-    S = "s",
-    M = "m",
-    L = "l"
-}
 export declare enum VARIANT {
     PRIMARY = "primary",
     SECONDARY = "secondary",
     CLEAR = "clear"
 }
 type BaseStyles = {
-    color: CSSObject["color"];
+    color?: CSSObject["color"];
     borderRadius: CSSObject["borderRadius"];
     border?: CSSObject["border"];
 };
@@ -26,8 +21,8 @@ type VariantStyles = {
 };
 type VariantStates = {
     normal?: VariantStyles;
-    hover?: VariantStyles;
-    focus?: VariantStyles;
+    hovered?: VariantStyles;
+    focused?: VariantStyles;
     active?: VariantStyles;
     disabled?: VariantStyles;
 };
@@ -39,12 +34,13 @@ export type ButtonVariant = {
     [VARIANT.SECONDARY]: VariantStates;
     [VARIANT.CLEAR]: VariantStates;
 };
+export type ButtonSize = "s" | "m" | "l";
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: keyof ButtonVariant;
     fullWidth?: boolean;
     icon?: ReactNode;
     iconStart?: ReactNode;
     iconEnd?: ReactNode;
-    size?: SIZE;
+    size?: ButtonSize;
 }
 export {};

package/Button/index.props.js

@@ -1,11 +1,5 @@
 'use strict';
 
-exports.SIZE = void 0;
-(function (SIZE) {
-  SIZE["S"] = "s";
-  SIZE["M"] = "m";
-  SIZE["L"] = "l";
-})(exports.SIZE || (exports.SIZE = {}));
 exports.VARIANT = void 0;
 (function (VARIANT) {
   VARIANT["PRIMARY"] = "primary";

package/Button/styles.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { ButtonVariant, SIZE } from "./index.props";
+import type { ButtonSize, ButtonVariant } from "./index.props";
 export declare const StyledButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -7,7 +7,7 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<{
     fullWidth?: boolean | undefined;
     variant: keyof ButtonVariant;
     icon?: ReactNode;
-    size?: SIZE | undefined;
+    size?: ButtonSize | undefined;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const StyledIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;