@stackone/malachite 0.3.1 → 0.4.0

package/dist/index.d.ts

@@ -48,7 +48,6 @@ declare interface BaseFormComponentProps {
     hint?: string;
     tooltip?: string;
     required?: boolean;
-    key?: string;
     name: FieldPath<FieldValues>;
     defaultValue?: string;
     loading?: boolean;
@@ -218,6 +217,12 @@ export declare const darkTheme: MalachiteTheme;
 
 export declare const defaultTheme: MalachiteTheme;
 
+/**
+ * A 1px horizontal divider component that uses the card border style from the theme.
+ * The divider spans edge to edge of its container.
+ */
+export declare const Divider: default_2.FC;
+
 export declare const Dropdown: default_2.FC<DropdownProps>;
 
 export declare interface DropdownItem {
@@ -394,6 +399,7 @@ declare interface InputProps {
     type?: InputType;
     description?: string;
     size?: InputSize;
+    variant?: InputVariant;
     required?: boolean;
     error?: boolean;
     loading?: boolean;
@@ -413,6 +419,8 @@ declare type InputSize = 'small' | 'medium' | 'large';
 
 declare type InputType = 'text' | 'password' | 'number' | 'email' | 'tel' | 'url';
 
+declare type InputVariant = 'default' | 'ghost';
+
 declare interface LinkProps {
     href: string;
     target?: '_blank' | '_self' | '_parent' | '_top';
@@ -549,6 +557,17 @@ export declare interface MalachiteTheme {
             hoverBackground: string;
             hoverForeground: string;
         };
+        pillButton: {
+            background: string;
+            foreground: string;
+            hoverBackground: string;
+            hoverForeground: string;
+            pressedBackground: string;
+            pressedForeground: string;
+            pressedOpacity: string;
+            activeBackground: string;
+            activeForeground: string;
+        };
         text: {
             primary: string;
             secondary: string;
@@ -605,10 +624,21 @@ export declare interface PartialMalachiteTheme {
         warning?: Partial<MalachiteTheme['colors']['warning']>;
         error?: Partial<MalachiteTheme['colors']['error']>;
         buttonList?: Partial<MalachiteTheme['colors']['buttonList']>;
+        pillButton?: Partial<MalachiteTheme['colors']['pillButton']>;
         text?: Partial<MalachiteTheme['colors']['text']>;
     };
 }
 
+export declare const PillButton: default_2.FC<PillButtonProps>;
+
+declare interface PillButtonProps {
+    label: string;
+    className?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+
 /**
  * Reset theme to default values
  */