@obolnetwork/obol-ui 1.1.1 → 1.1.2

package/dist/components/atoms/Button/Button.d.ts

@@ -7,6 +7,7 @@ export declare const Button: import("@stitches/react/types/styled-component").St
     icon?: boolean | "true" | undefined;
     fullWidth?: boolean | "true" | undefined;
     outlined?: boolean | "true" | undefined;
+    loading?: boolean | "true" | undefined;
     variant?: "nav" | "tx" | "wallet" | undefined;
 }, {
     motion: "(prefers-reduced-motion)";
@@ -500,20 +501,21 @@ declare type ButtonComponentVariants = Stitches.VariantProps<typeof Button>;
 export declare type ButtonComponentProps = ButtonComponentVariants & {
     loading?: boolean;
 };
-export declare const ButtonStory: (props: Omit<ButtonComponentProps, "color" | "icon" | "ghost" | "fullWidth" | "outlined" | "variant"> & {
+export declare const ButtonStory: (props: Omit<ButtonComponentProps, "color" | "icon" | "ghost" | "fullWidth" | "outlined" | "loading" | "variant"> & {
     color?: "coordinate" | "test" | "create" | "ghost" | "primary" | "secondary" | undefined;
     ghost?: boolean | undefined;
     icon?: boolean | undefined;
     fullWidth?: boolean | undefined;
     outlined?: boolean | undefined;
+    loading?: boolean | undefined;
     variant?: "nav" | "tx" | "wallet" | undefined;
 } & {
     children?: ReactNode;
     disabled?: boolean | undefined;
 }) => JSX.Element;
-interface LoadingButtonProps extends ButtonComponentProps {
+declare type LoadingButtonProps = ButtonComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     css?: CSS;
     children?: ReactNode;
-}
+};
 export declare const LoadingButton: React.FC<LoadingButtonProps>;
 export {};

package/dist/components/atoms/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface ProgressBarProps {
+    value: number;
+    max?: number;
+    variant?: 'default' | 'success' | 'warning' | 'error';
+    size?: 'sm' | 'md' | 'lg';
+    /** Whether to show smooth animations */
+    animated?: boolean;
+    css?: any;
+}
+export declare const ProgressBar: React.FC<ProgressBarProps>;

package/dist/components/atoms/Text/Text.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type * as Stitches from "@stitches/react";
 export declare const Text: import("@stitches/react/types/styled-component").StyledComponent<"span", {
-    variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | "metricStatusCell" | undefined;
+    variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | "metricStatusCell" | "helper" | undefined;
     size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
     color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | undefined;
     glow?: boolean | "true" | undefined;
@@ -496,7 +496,7 @@ export declare const Text: import("@stitches/react/types/styled-component").Styl
 }>>;
 export default Text;
 export declare const TextStory: (props: Omit<import("@stitches/react/types/styled-component").TransformProps<{
-    variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | "metricStatusCell" | undefined;
+    variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | "metricStatusCell" | "helper" | undefined;
     size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
     color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | undefined;
     glow?: boolean | "true" | undefined;
@@ -513,7 +513,7 @@ export declare const TextStory: (props: Omit<import("@stitches/react/types/style
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }>, "color" | "size" | "inline" | "variant" | "glow"> & {
-    variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | "metricStatusCell" | undefined;
+    variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | "metricStatusCell" | "helper" | undefined;
     size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
     color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | undefined;
     glow?: boolean | undefined;

package/dist/components/atoms/UnstyledTextField/UnstyledTextField.d.ts

@@ -487,7 +487,9 @@ export declare const UnstyledTextField: import("@stitches/react/types/styled-com
             readonly [$$PropertyValue]: "backgroundClip";
         };
     };
-}>>, {}, {
+}>>, {
+    variant?: "number" | undefined;
+}, {
     motion: "(prefers-reduced-motion)";
     hover: "(any-hover: hover)";
     dark: "(prefers-color-scheme: dark)";

package/dist/components/atoms/index.d.ts

@@ -25,3 +25,4 @@ export * from "./Grid/Grid";
 export * from "./Separator/Separator";
 export * from "./Skeleton/Skeleton";
 export * from "./Avatar/Avatar";
+export * from "./ProgressBar/ProgressBar";

package/dist/components/icons/index.d.ts

@@ -13,6 +13,7 @@ export * from "./static-icons/obol/vertical";
 export * from "./static-icons/CodeIcon";
 export * from "./static-icons/MenuIcon";
 export * from "./static-icons/PublicGoodIcon";
+export * from "./static-icons/RequestWithdrawIcon";
 export * from "./static-icons/TrustMinimisedIcon";
 export * from "./static-icons/CreateIcon";
 export * from "./static-icons/TestIcon";

package/dist/components/icons/static-icons/ClockIcon.d.ts

@@ -1 +1,2 @@
-export declare const ClockIcon: () => import("react/jsx-runtime").JSX.Element;
+import { SvgIconProps } from "../../atoms/SvgIcon/SvgIcon";
+export declare const ClockIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/HelpIcon.d.ts

@@ -1 +1,4 @@
-export declare const HelpIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const HelpIcon: ({ width, height }: {
+    width?: string | undefined;
+    height?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/RequestWithdrawIcon.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { SvgIconProps } from "../../atoms/SvgIcon/SvgIcon";
+declare type RequestWithdrawIconProps = SvgIconProps & {
+    disabled?: boolean;
+};
+export declare const RequestWithdrawIcon: React.FC<RequestWithdrawIconProps>;
+export {};

package/dist/components/molecules/ResponsiveDialog/ResponsiveDialog.d.ts

@@ -7,7 +7,9 @@ interface ResponsiveDialogComponentProps {
     children: ReactNode;
 }
 export declare const ResponsiveDialogComponent: React.FC<ResponsiveDialogComponentProps>;
-export declare const ResponsiveDialogStyledContent: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>>, {}, {
+export declare const ResponsiveDialogStyledContent: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>>, {
+    size?: "stepped" | undefined;
+}, {
     motion: "(prefers-reduced-motion)";
     hover: "(any-hover: hover)";
     dark: "(prefers-color-scheme: dark)";
@@ -990,6 +992,7 @@ export interface ResponsiveDialogProps {
     triggerElement?: React.ReactNode;
     css?: CSS;
     children: ReactNode;
+    size?: "stepped";
 }
 export declare const ResponsiveDialog: React.FC<ResponsiveDialogProps>;
 export {};

package/dist/components/molecules/TableV3/TableV3.d.ts

@@ -57,6 +57,7 @@ declare type TableHeaderProps = {
     tooltipContent?: string;
     onClick?: () => void;
     variant?: "uppercase";
+    css?: CSS;
 };
 declare type TableLoadingContentProps = {
     columnsCount?: number;
@@ -89,9 +90,9 @@ export declare const TableV3: {
         children?: React.ReactNode;
     }>;
     Header: React.FC<React.PropsWithChildren<TableHeaderProps>>;
-    Body: React.FC<{
-        children?: React.ReactNode;
-    }>;
+    Body: React.FC<React.PropsWithChildren<{
+        css?: CSS | undefined;
+    }>>;
     Row: import("@stitches/react/types/styled-component").StyledComponent<"tr", {}, {
         sm: "(max-width: 768px)";
         bp2: "(min-width: 769px)";
@@ -99,7 +100,9 @@ export declare const TableV3: {
         sm: "(max-width: 768px)";
         bp2: "(min-width: 769px)";
     }, {}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
-    Cell: React.FC<React.PropsWithChildren<React.TdHTMLAttributes<HTMLTableCellElement>>>;
+    Cell: React.FC<React.PropsWithChildren<React.TdHTMLAttributes<HTMLTableCellElement> & {
+        css?: CSS | undefined;
+    }>>;
     LinkCell: React.FC<React.PropsWithChildren<TableLinkCellProps>>;
     Loading: React.FC<TableLoadingContentProps>;
     NoResults: React.FC<TableNoResultsContentProps>;