@stackone/malachite 0.11.0 → 0.13.0

package/dist/index.d.ts

@@ -243,8 +243,15 @@ 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.
+ * Supports configurable margin and padding using predefined spacing sizes.
  */
-export declare const Divider: default_2.FC;
+export declare const Divider: default_2.FC<DividerProps>;
+
+declare interface DividerProps {
+    margin?: SpacingSize;
+    padding?: PaddingSize;
+    className?: string;
+}
 
 export declare const Dropdown: default_2.FC<DropdownProps>;
 
@@ -295,6 +302,7 @@ export declare enum FlexDirection {
 }
 
 export declare enum FlexGapSize {
+    XSmall = "xsmall",
     Small = "small",
     Medium = "medium",
     Large = "large"
@@ -668,16 +676,23 @@ declare interface MarkdownProps {
 export declare const Padded: default_2.FC<PaddedProps>;
 
 declare interface PaddedProps {
-    vertical: PaddingSize;
-    horizontal: PaddingSize;
+    vertical: PaddingSize_2;
+    horizontal: PaddingSize_2;
     children: default_2.ReactNode;
     fullHeight?: boolean;
     className?: string;
 }
 
-declare type PaddingSize = 'small' | 'medium' | 'large' | 'none';
+declare enum PaddingSize {
+    XSmall = "xsmall",
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
 
-declare type PaddingSize_2 = 'default' | 'compact';
+declare type PaddingSize_2 = 'small' | 'medium' | 'large' | 'none';
+
+declare type PaddingSize_3 = 'default' | 'compact';
 
 declare interface PageTitleProps {
     children: default_2.ReactNode;
@@ -769,6 +784,13 @@ declare interface SpacerProps {
     className?: string;
 }
 
+declare enum SpacingSize {
+    XSmall = "xsmall",
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+
 export declare const Spinner: default_2.FC<SpinnerProps>;
 
 declare interface SpinnerProps {
@@ -888,7 +910,7 @@ export declare interface TagProps {
     shadow?: boolean;
     textTransform?: 'none' | 'uppercase';
     width?: WidthSize;
-    paddingSize?: PaddingSize_2;
+    paddingSize?: PaddingSize_3;
     icon?: default_2.ReactNode;
     iconPosition?: 'left' | 'right';
     pointerType?: 'pointer' | 'default';