stratosphere-ui 1.0.0 → 1.0.2

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps, FC, HTMLAttributes } from 'react';
+import { ButtonProps } from '../Button';
+export declare const ALERT_COLORS: readonly ["info", "success", "warning", "error"];
+export type AlertColor = (typeof ALERT_COLORS)[number];
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    actionButtons?: ({
+        id: string;
+    } & ButtonProps)[];
+    color?: AlertColor;
+    description?: string;
+    icon: FC<ComponentProps<'svg'>>;
+    title: string;
+}
+export declare const Alert: ({ actionButtons, className, color, description, icon: Icon, title, ...props }: AlertProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Alert';

package/dist/components/AlertMessages/AlertMessagesProvider.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
-export declare const ALERT_COLORS: readonly ["info", "success", "warning", "error"];
-export type AlertColor = (typeof ALERT_COLORS)[number];
+import { AlertColor } from '../Alert';
 export interface AlertMessage {
     color?: AlertColor;
     title: string;

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

@@ -7,6 +7,7 @@ export type ButtonShape = (typeof BUTTON_SHAPES)[number];
 export type ButtonSize = (typeof BUTTON_SIZES)[number];
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     active?: boolean;
+    as?: 'a' | 'button';
     block?: boolean;
     color?: ButtonColor;
     disabled?: boolean;
@@ -19,4 +20,4 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     size?: ButtonSize;
     wide?: boolean;
 }
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    bordered?: boolean;
+    compact?: boolean;
+    imageFull?: boolean;
+    normal?: boolean;
+    side?: boolean;
+}
+export declare const Card: ({ bordered, className, compact, imageFull, normal, side, ...props }: CardProps) => JSX.Element;

package/dist/components/Card/CardActions.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export type CardActionsProps = HTMLAttributes<HTMLDivElement>;
+export declare const CardActions: ({ className, ...props }: CardActionsProps) => JSX.Element;

package/dist/components/Card/CardBody.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export type CardBodyProps = HTMLAttributes<HTMLDivElement>;
+export declare const CardBody: ({ className, ...props }: CardBodyProps) => JSX.Element;

package/dist/components/Card/CardTitle.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export type CardTitleProps = HTMLAttributes<HTMLHeadingElement>;
+export declare const CardTitle: ({ className, ...props }: CardTitleProps) => JSX.Element;

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

@@ -0,0 +1,4 @@
+export * from './Card';
+export * from './CardActions';
+export * from './CardBody';
+export * from './CardTitle';

package/dist/components/Form/FormTextarea.d.ts

@@ -6,7 +6,7 @@ export declare const TEXTAREA_COLORS: readonly ["ghost", "primary", "secondary",
 export declare const TEXTAREA_SIZES: readonly ["lg", "md", "sm", "xs"];
 export type TextareaColor = (typeof TEXTAREA_COLORS)[number];
 export type TextareaSize = (typeof TEXTAREA_SIZES)[number];
-export interface FormTextareaProps<Values extends FieldValues, TOutput> extends FormFieldProps<Values>, Omit<HTMLProps<HTMLInputElement>, 'name' | 'size'> {
+export interface FormTextareaProps<Values extends FieldValues, TOutput> extends FormFieldProps<Values>, Omit<HTMLProps<HTMLTextAreaElement>, 'name' | 'size'> {
     bordered?: boolean;
     color?: TextareaColor;
     hideErrorMessage?: boolean;

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

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export declare const LINK_COLORS: readonly ["neutral", "primary", "secondary", "accent", "success", "info", "warning", "error"];
+export type LinkColor = (typeof LINK_COLORS)[number];
+export interface LinkProps extends HTMLAttributes<HTMLAnchorElement> {
+    color?: LinkColor;
+    hover?: boolean;
+}
+export declare const Link: ({ className, color, hover, ...props }: LinkProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Link';

package/dist/components/Loading/Loading.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+export declare const LOADING_SHAPES: readonly ["spinner", "dots", "ring", "ball", "bars", "infinity"];
+export type LoadingShape = (typeof LOADING_SHAPES)[number];
+export declare const LOADING_SIZES: readonly ["xs", "sm", "md", "lg"];
+export type LoadingSize = (typeof LOADING_SIZES)[number];
+export interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {
+    shape?: LoadingShape;
+    size?: LoadingSize;
+}
+export declare const Loading: ({ className, shape, size, ...props }: LoadingProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Loading';

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare const PROGRESS_COLORS: readonly ["primary", "secondary", "accent", "info", "success", "warning", "error"];
+export type ProgressColor = (typeof PROGRESS_COLORS)[number];
+export interface ProgressProps extends HTMLAttributes<HTMLProgressElement> {
+    color?: ProgressColor;
+}
+export declare const Progress: ({ className, color, ...props }: ProgressProps) => JSX.Element;

package/dist/components/Progress/RadialProgress.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export interface RadialProgressProps extends HTMLAttributes<HTMLDivElement> {
+    size?: string;
+    thickness?: string;
+    value: number;
+}
+export declare const RadialProgress: ({ className, size, style, thickness, value, ...props }: RadialProgressProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './Progress';
+export * from './RadialProgress';

package/dist/components/Stat/Stat.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export type StatProps = HTMLAttributes<HTMLDivElement>;
+export declare const Stat: ({ className, ...props }: StatProps) => JSX.Element;

package/dist/components/Stat/StatActions.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export type StatActionsProps = HTMLAttributes<HTMLDivElement>;
+export declare const StatActions: ({ className, ...props }: StatActionsProps) => JSX.Element;

package/dist/components/Stat/StatDesc.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export type StatDescProps = HTMLAttributes<HTMLDivElement>;
+export declare const StatDesc: ({ className, ...props }: StatDescProps) => JSX.Element;

package/dist/components/Stat/StatFigure.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export type StatFigureProps = HTMLAttributes<HTMLDivElement>;
+export declare const StatFigure: ({ className, ...props }: StatFigureProps) => JSX.Element;

package/dist/components/Stat/StatTitle.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export type StatTitleProps = HTMLAttributes<HTMLDivElement>;
+export declare const StatTitle: ({ className, ...props }: StatTitleProps) => JSX.Element;

package/dist/components/Stat/StatValue.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export type StatValueProps = HTMLAttributes<HTMLDivElement>;
+export declare const StatValue: ({ className, ...props }: StatValueProps) => JSX.Element;

package/dist/components/Stat/Stats.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare const STATS_LAYOUTS: readonly ["horizontal", "vertical"];
+export type StatsLayout = (typeof STATS_LAYOUTS)[number];
+export interface StatsProps extends HTMLAttributes<HTMLDivElement> {
+    layout?: StatsLayout;
+}
+export declare const Stats: ({ className, layout, ...props }: StatsProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+export * from './Stats';
+export * from './Stat';
+export * from './StatActions';
+export * from './StatDesc';
+export * from './StatFigure';
+export * from './StatTitle';
+export * from './StatValue';

package/dist/components/Steps/Step.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare const STEP_COLORS: readonly ["primary", "secondary", "accent", "info", "success", "warning", "error"];
+export type StepColor = (typeof STEP_COLORS)[number];
+export interface StepProps extends HTMLAttributes<HTMLLIElement> {
+    color?: StepColor;
+}
+export declare const Step: ({ className, color, ...props }: StepProps) => JSX.Element;

package/dist/components/Steps/Steps.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare const STEPS_DIRECTIONS: readonly ["horizontal", "vertical"];
+export type StepsDirection = (typeof STEPS_DIRECTIONS)[number];
+export interface StepsProps extends HTMLAttributes<HTMLUListElement> {
+    direction?: StepsDirection;
+}
+export declare const Steps: ({ className, direction, ...props }: StepsProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './Step';
+export * from './Steps';

package/dist/components/Tabs/Tabs.d.ts

@@ -6,7 +6,7 @@ export interface TabData {
     id: string;
     paths?: string[];
 }
-export declare const TAB_SIZES: string[];
+export declare const TAB_SIZES: readonly ["xs", "sm", "md", "lg"];
 export type TabSize = (typeof TAB_SIZES)[number];
 export interface TabsProps extends Omit<HTMLProps<HTMLDivElement>, 'as' | 'onChange' | 'ref' | 'size'> {
     bordered?: boolean;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+export declare const TOOLTIP_POSITIONS: readonly ["top", "bottom", "left", "right"];
+export type TooltipPosition = (typeof TOOLTIP_POSITIONS)[number];
+export declare const TOOLTIP_COLORS: readonly ["primary", "secondary", "accent", "info", "warning", "success", "error"];
+export type TooltipColor = (typeof TOOLTIP_COLORS)[number];
+export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
+    color?: TooltipColor;
+    open?: boolean;
+    position?: TooltipPosition;
+    text: string;
+}
+export declare const Tooltip: ({ className, color, open, position, text, ...props }: TooltipProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Tooltip';

package/dist/components/index.d.ts

@@ -1,17 +1,25 @@
+export * from './Alert';
 export * from './AlertMessages';
 export * from './Badge';
 export * from './Button';
+export * from './Card';
 export * from './Disclosure';
 export * from './DropdownMenu';
 export * from './Form';
 export * from './FullScreenLoader';
 export * from './Icons';
+export * from './Link';
+export * from './Loading';
 export * from './LoadingCard';
 export * from './Modal';
 export * from './Pagination';
 export * from './PasswordInput';
 export * from './Popover';
+export * from './Progress';
 export * from './Select';
+export * from './Stat';
+export * from './Steps';
 export * from './Table';
 export * from './Tabs';
+export * from './Tooltip';
 export * from './TypeaheadSelect';