@stackone/malachite 0.3.2 → 0.5.0

package/dist/index.d.ts

@@ -14,6 +14,9 @@ declare interface AlertProps {
     message: string;
     hasMargin?: boolean;
     className?: string;
+    children?: default_2.ReactNode;
+    isExpanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
 }
 
 declare type AlertType = 'info' | 'success' | 'error' | 'warning';
@@ -126,6 +129,25 @@ declare interface CardProps {
     style?: default_2.CSSProperties;
 }
 
+export declare const CodeBlock: default_2.FC<CodeBlockProps>;
+
+declare interface CodeBlockProps {
+    /** The code content to display */
+    code?: string;
+    /** JSON object to display as formatted JSON */
+    json?: object;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    style?: default_2.CSSProperties;
+    /** Height of the code block */
+    height?: string | number;
+    /** Enable copy functionality */
+    enableCopy?: boolean;
+}
+
 declare interface CodeTextProps {
     bold?: boolean;
     size?: FontSize;
@@ -217,6 +239,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 {
@@ -393,6 +421,7 @@ declare interface InputProps {
     type?: InputType;
     description?: string;
     size?: InputSize;
+    variant?: InputVariant;
     required?: boolean;
     error?: boolean;
     loading?: boolean;
@@ -412,6 +441,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';
@@ -548,6 +579,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;
@@ -560,6 +602,17 @@ export declare interface MalachiteTheme {
             linkForeground: string;
             linkForegroundHover: string;
         };
+        codeBlock: {
+            background: string;
+            foreground: string;
+            border: string;
+            lineNumber: string;
+            keyword: string;
+            comment: string;
+            string: string;
+            number: string;
+            type: string;
+        };
     };
 }
 
@@ -567,6 +620,7 @@ declare interface MarkdownProps {
     text: string;
     color?: TextColor;
     size?: FontSize;
+    omitMargin?: boolean;
 }
 
 export declare const Padded: default_2.FC<PaddedProps>;
@@ -604,10 +658,22 @@ 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']>;
+        codeBlock?: Partial<MalachiteTheme['colors']['codeBlock']>;
     };
 }
 
+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
  */