stp-ui-kit 0.0.68 → 0.0.70

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface AvatarProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    size?: number;
+    image?: string | null;
+}
+export declare const Avatar: ({ image, size, style, ...rest }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,5 +6,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     children: ReactNode;
     className?: string;
     onClick?: () => void;
+    loading?: boolean;
+    tone?: "default" | "critical" | "warning";
 }
-export declare const Button: ({ state, size, selected, disabled, children, onClick, className, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ state, size, selected, disabled, children, onClick, className, loading, type, tone, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -11,7 +11,7 @@ interface DropdownProps {
     className?: string;
     disabled?: boolean;
     align?: "left" | "right";
-    extraContent: ReactNode;
+    extraContent?: ReactNode;
 }
 export declare const Dropdown: React.FC<DropdownProps>;
 export {};

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,7 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    children: ReactNode;
+    className?: string;
+}
+export declare const Link: ({ children, className, ...rest }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ProgressLine/ProgressLine.d.ts

@@ -1,4 +1,6 @@
+import { ReactNode } from 'react';
 export interface ProgressLineProps {
     percent: number;
+    extra?: ReactNode;
 }
-export declare const ProgressLine: ({ percent }: ProgressLineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressLine: ({ percent, extra }: ProgressLineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,5 @@
+interface SpinnerProps {
+    size?: number;
+}
+export declare const Spinner: ({ size }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/icons/fallbackAvatar.svg

@@ -0,0 +1,19 @@
+<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2167_12338)">
+<mask id="mask0_2167_12338" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="96" height="96">
+<path d="M96 48C96 21.4903 74.5097 0 48 0C21.4903 0 0 21.4903 0 48C0 74.5097 21.4903 96 48 96C74.5097 96 96 74.5097 96 48Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_2167_12338)">
+<path d="M95.9995 0H-0.000534058V96H95.9995V0Z" fill="#A78BFA"/>
+<path d="M58.0874 121.564C84.9299 110.17 97.4534 79.1729 86.0594 52.3304C74.6654 25.4879 43.6687 12.9644 16.8261 24.3583C-10.0164 35.7523 -22.5399 66.7491 -11.1459 93.5916C0.248056 120.434 31.2448 132.958 58.0874 121.564Z" fill="#E879F9"/>
+<path d="M26.1158 61.0025C25.7926 63.6349 26.8769 66.3306 29.1302 68.4968C31.3835 70.6629 34.6212 72.1219 38.131 72.5529C41.6409 72.9838 45.1354 72.3514 47.8458 70.7948C50.5562 69.2381 52.2604 66.8847 52.5837 64.2523" fill="black"/>
+<path d="M29.0638 47.9304C29.2433 46.4686 28.5001 45.1744 27.4037 45.0398C26.3074 44.9052 25.2731 45.9811 25.0936 47.4429C24.9142 48.9047 25.6574 50.1988 26.7537 50.3334C27.8501 50.468 28.8843 49.3921 29.0638 47.9304Z" fill="black"/>
+<path d="M55.5317 51.1805C55.7112 49.7187 54.9679 48.4246 53.8716 48.29C52.7752 48.1553 51.741 49.2312 51.5615 50.693C51.382 52.1548 52.1253 53.4489 53.2216 53.5835C54.3179 53.7182 55.3522 52.6423 55.5317 51.1805Z" fill="black"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_2167_12338">
+<rect width="96" height="96" fill="white"/>
+</clipPath>
+</defs>
+</svg>