@stackone/malachite 0.36.0 → 0.37.1

package/dist/index.d.ts

@@ -354,11 +354,14 @@ export declare const defaultTheme: MalachiteTheme;
 
 export declare const Divider: default_2.FC<DividerProps>;
 
+export declare type DividerLineStyle = 'solid' | 'dashed';
+
 declare interface DividerProps {
     margin?: SpacingSize;
     padding?: PaddingSize;
     className?: string;
     variant?: DividerVariant;
+    lineStyle?: DividerLineStyle;
     grow?: boolean;
 }
 
@@ -770,6 +773,19 @@ export declare interface MalachiteTheme {
             trackChecked: string;
             knob: string;
         };
+        dropdown: {
+            border: string;
+            borderHover: string;
+            borderActive: string;
+            borderFilter: string;
+            borderError: string;
+            shadow: string;
+            shadowHover: string;
+            shadowActive: string;
+            shadowFilter: string;
+            shadowError: string;
+            disabledBackground: string;
+        };
         tag: {
             primary: {
                 background: string;
@@ -914,6 +930,8 @@ export declare interface MultiSelectProps {
     width?: string | number;
     minWidth?: number;
     disabled?: boolean;
+    error?: boolean;
+    loading?: boolean;
     label?: string;
     className?: string;
     style?: default_2.CSSProperties;
@@ -990,6 +1008,7 @@ export declare interface PartialMalachiteTheme {
         buttonList?: Partial<MalachiteTheme['colors']['buttonList']>;
         pillButton?: Partial<MalachiteTheme['colors']['pillButton']>;
         toggle?: Partial<MalachiteTheme['colors']['toggle']>;
+        dropdown?: Partial<MalachiteTheme['colors']['dropdown']>;
         tag?: Partial<MalachiteTheme['colors']['tag']>;
         numberTag?: Partial<MalachiteTheme['colors']['numberTag']>;
         table?: Partial<MalachiteTheme['colors']['table']>;
@@ -1157,6 +1176,16 @@ declare interface SpinnerProps {
     style?: default_2.CSSProperties;
 }
 
+export declare const StatBadge: default_2.FC<StatBadgeProps>;
+
+export declare interface StatBadgeProps {
+    /** The numeric value shown in the pill. */
+    count: number;
+    /** Caption shown next to the pill. */
+    label: string;
+    className?: string;
+}
+
 export declare const Statistic: default_2.FC<StatisticProps>;
 
 declare interface StatisticLabelProps {
@@ -1214,6 +1243,14 @@ export declare interface StepperProps {
     'aria-label'?: string;
 }
 
+export declare const Surface: default_2.FC<SurfaceProps>;
+
+export declare interface SurfaceProps {
+    children?: default_2.ReactNode;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
 export declare const Swatch: default_2.FC<SwatchProps>;
 
 export declare interface SwatchProps {
@@ -1407,7 +1444,7 @@ declare interface TextAreaProps {
 
 declare type TextAreaSize = 'small' | 'medium' | 'large';
 
-declare type TextColor = 'primary' | 'secondary' | 'dimmed' | 'emphasis' | 'muted' | 'destructive' | 'success' | 'warning' | 'error' | 'link';
+declare type TextColor = 'primary' | 'secondary' | 'dimmed' | 'placeholder' | 'emphasis' | 'muted' | 'destructive' | 'success' | 'warning' | 'error' | 'link';
 
 declare interface TextProps {
     color?: TextColor;
@@ -1486,4 +1523,27 @@ export declare const Typography: {
 
 export declare type WidthSize = 'large' | 'medium' | 'small' | 'xsmall';
 
+export declare const WizardLayout: default_2.FC<WizardLayoutProps>;
+
+export declare interface WizardLayoutProps {
+    /** Renders the outline back button in the top-left slot. */
+    showBack?: boolean;
+    onBack?: () => void;
+    backDisabled?: boolean;
+    /** Centered top-bar slot — typically a <Stepper />. */
+    stepper?: default_2.ReactNode;
+    /** Right top-bar slot — e.g. a theme toggle. */
+    trailing?: default_2.ReactNode;
+    /** Pinned to the bottom of the screen — typically a <FooterNav />. */
+    footer?: default_2.ReactNode;
+    /** Vertically centre the content (used for terminal/success screens). */
+    center?: boolean;
+    /** Max width of the centered content column. */
+    contentWidth?: number;
+    /** Minimum width of the whole layout, below which it scrolls horizontally. */
+    minWidth?: number;
+    children?: default_2.ReactNode;
+    className?: string;
+}
+
 export { }