stratosphere-ui 1.8.4 → 2.0.0

package/dist/.storybook/constants.d.ts

@@ -0,0 +1,36 @@
+export declare const DEFAULT_THEME = "dark";
+export declare const STORAGE_KEY = "sb-stratosphere-ui-theme";
+export declare const THEMES: {
+    light: string;
+    dark: string;
+    cupcake: string;
+    bumblebee: string;
+    emerald: string;
+    corporate: string;
+    synthwave: string;
+    retro: string;
+    cyberpunk: string;
+    valentine: string;
+    halloween: string;
+    garden: string;
+    forest: string;
+    aqua: string;
+    lofi: string;
+    pastel: string;
+    fantasy: string;
+    wireframe: string;
+    black: string;
+    luxury: string;
+    dracula: string;
+    cmyk: string;
+    autumn: string;
+    business: string;
+    acid: string;
+    lemonade: string;
+    night: string;
+    coffee: string;
+    winter: string;
+    dim: string;
+    nord: string;
+    sunset: string;
+};

package/dist/.storybook/main.d.ts

@@ -0,0 +1,3 @@
+import { StorybookConfig } from '@storybook/react-vite';
+declare const config: StorybookConfig;
+export default config;

package/dist/.storybook/manager.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/.storybook/preview.d.ts

@@ -0,0 +1,3 @@
+import { Preview } from '@storybook/react';
+declare const preview: Preview;
+export default preview;

package/dist/.storybook/theme.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('@storybook/theming').ThemeVars;
+export default _default;

package/dist/src/common/constants.d.ts

@@ -0,0 +1 @@
+export declare const COLORS: readonly ["base-100", "base-200", "base-300", "base-content", "primary", "primary-content", "secondary", "secondary-content", "accent", "accent-content", "neutral", "neutral-content", "info", "info-content", "success", "success-content", "warning", "warning-content", "error", "error-content"];

package/dist/src/common/types.d.ts

@@ -1,7 +1,9 @@
+import { COLORS } from './constants';
 export type GenericDataType = {
     id: string | number;
 } & Record<string, unknown>;
 export type Breakpoint = 'sm' | 'md' | 'lg' | 'xl';
+export type Color = (typeof COLORS)[number];
 export interface Transform<TOutput> {
     output: (val: string) => TOutput | undefined;
     input: (val: TOutput) => string;

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

@@ -5,10 +5,16 @@ export type AlertColor = (typeof ALERT_COLORS)[number];
 export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     actionButtons?: ({
         id: string;
+        label: string;
     } & ButtonProps)[];
     color?: AlertColor;
+    dash?: boolean;
     description?: string;
-    icon: FC<ComponentProps<'svg'>>;
+    icon?: FC<ComponentProps<'svg'>>;
+    iconClassName?: string;
+    onDismiss?: () => void;
+    outline?: boolean;
+    soft?: boolean;
     title: string;
 }
-export declare const Alert: ({ actionButtons, className, color, description, icon: Icon, title, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Alert: ({ actionButtons, className, color, dash, description, icon: Icon, iconClassName, onDismiss, outline, soft, title, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,12 @@
-import { Story, Meta } from '@storybook/react';
-import { AlertProps } from './Alert';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<AlertProps>;
-export declare const WithDescription: Story<AlertProps>;
-export declare const WithCloseButton: Story<AlertProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { Alert } from './Alert';
+declare const meta: Meta<typeof Alert>;
+export default meta;
+type Story = StoryObj<typeof Alert>;
+export declare const Default: Story;
+export declare const WithColors: Story;
+export declare const WithDescription: Story;
+export declare const WithActionButtons: Story;
+export declare const Soft: Story;
+export declare const Outline: Story;
+export declare const Dash: Story;

package/dist/src/components/Alert/__tests__/Alert.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/AlertMessages/constants.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const statusToIconMap: {
-    info: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    success: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    warning: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    error: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    info: (props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    success: (props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    warning: (props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    error: (props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -1,8 +1,17 @@
 import { HTMLAttributes } from 'react';
-export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+import { Color } from '../../common';
+export declare const AvatarSizes: readonly ["sm", "md", "lg", "xl"];
+export type AvatarSize = (typeof AvatarSizes)[number];
+export declare const AVATAR_SIZE_MAP: Record<AvatarSize, string>;
+export interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    alt?: string;
     isOffline?: boolean;
     isOnline?: boolean;
-    isPlaceholder?: boolean;
+    placeholderClassName?: string;
+    placeholderText?: string;
+    ringColor?: Color;
     shapeClassName?: string;
+    size?: AvatarSize;
+    src?: string;
 }
-export declare const Avatar: ({ children, className, isOffline, isOnline, isPlaceholder, shapeClassName, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ alt, className, isOffline, isOnline, placeholderClassName, placeholderText, ringColor, shapeClassName, size, src, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,13 @@
-import { Story, Meta } from '@storybook/react';
-import { AvatarProps } from './Avatar';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<AvatarProps>;
-export declare const Rounded: Story<AvatarProps>;
-export declare const WithOnlineStatus: Story<AvatarProps>;
-export declare const WithOfflineStatus: Story<AvatarProps>;
-export declare const AvatarGroup: Story<AvatarProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { Avatar } from './Avatar';
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof Avatar>;
+export declare const Default: Story;
+export declare const Rounded: Story;
+export declare const Sizes: Story;
+export declare const WithRing: Story;
+export declare const WithOnlineStatus: Story;
+export declare const WithOfflineStatus: Story;
+export declare const WithPlaceholderText: Story;
+export declare const WithAvatarGroup: Story;

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

@@ -1,3 +1,8 @@
 import { HTMLAttributes } from 'react';
-export type AvatarGroupProps = HTMLAttributes<HTMLDivElement>;
-export declare const AvatarGroup: ({ className, ...props }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+import { AvatarSize } from './Avatar';
+export type AvatarGroupProps = HTMLAttributes<HTMLDivElement> & {
+    countSize?: AvatarSize;
+    remainingCount?: number;
+    space?: number;
+};
+export declare const AvatarGroup: ({ children, className, countSize, remainingCount, space, ...props }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Avatar/__tests__/Avatar.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Avatar/__tests__/AvatarGroup.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Badge/Badge.d.ts

@@ -1,14 +1,16 @@
 import { ComponentProps, FC, HTMLProps, MouseEvent } from 'react';
-export declare const BADGE_COLORS: readonly ["neutral", "primary", "secondary", "accent", "ghost", "info", "success", "warning", "error"];
-export declare const BADGE_SIZES: readonly ["lg", "md", "sm", "xs"];
+export declare const BADGE_COLORS: readonly ["primary", "secondary", "accent", "neutral", "info", "success", "warning", "error", "ghost"];
+export declare const BADGE_SIZES: readonly ["xl", "lg", "md", "sm", "xs"];
 export type BadgeColor = (typeof BADGE_COLORS)[number];
 export type BadgeSize = (typeof BADGE_SIZES)[number];
 export interface BadgeProps extends Omit<HTMLProps<HTMLDivElement>, 'size'> {
     color?: BadgeColor;
+    dash?: boolean;
     dismissable?: boolean;
     icon?: FC<ComponentProps<'svg'>>;
     onDismiss?: (event: MouseEvent<HTMLButtonElement>) => void;
     outline?: boolean;
     size?: BadgeSize;
+    soft?: boolean;
 }
-export declare const Badge: ({ children, className, color, dismissable, icon: Icon, onDismiss, outline, size, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ children, className, color, dash, dismissable, icon: Icon, onDismiss, outline, size, soft, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Badge/Badge.stories.d.ts

@@ -1,7 +1,16 @@
-import { Story, Meta } from '@storybook/react';
-import { BadgeProps } from './Badge';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<BadgeProps>;
-export declare const WithIcon: Story<BadgeProps>;
-export declare const Dismissable: Story<BadgeProps>;
+import { StoryObj } from '@storybook/react';
+import { Badge, BadgeProps } from './Badge';
+declare const meta: {
+    title: string;
+    component: ({ children, className, color, dash, dismissable, icon: Icon, onDismiss, outline, size, soft, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export declare const Default: Story;
+export declare const Colors: Story;
+export declare const Sizes: Story;
+export declare const Outline: Story;
+export declare const Dash: Story;
+export declare const Soft: Story;
+export declare const WithIcon: Story;
+export declare const Dismissable: Story;

package/dist/src/components/Badge/__tests__/Badge.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps, FC, HTMLProps, ReactNode } from 'react';
+export interface BreadcrumbsItem {
+    children: ReactNode;
+    className?: string;
+    href?: string;
+    icon?: FC<ComponentProps<'svg'>>;
+    id: string;
+    onClick?: () => void;
+}
+export interface BreadcrumbsProps extends HTMLProps<HTMLDivElement> {
+    items: BreadcrumbsItem[];
+}
+export declare const Breadcrumbs: ({ className, items, ...props }: BreadcrumbsProps) => JSX.Element;

package/dist/src/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Breadcrumbs } from './Breadcrumbs';
+declare const meta: Meta<typeof Breadcrumbs>;
+export default meta;
+type Story = StoryObj<typeof Breadcrumbs>;
+export declare const Default: Story;
+export declare const WithLinks: Story;
+export declare const WithIconsAndLinks: Story;
+export declare const WithSizes: Story;

package/dist/src/components/Breadcrumbs/__tests__/Breadcrumbs.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Breadcrumbs/index.d.ts

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

package/dist/src/components/Browser/Browser.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps } from 'react';
+export interface BrowserProps extends HTMLProps<HTMLDivElement> {
+    browserUrl?: string;
+    contentClassName?: string;
+    searchInputClassName?: string;
+}
+export declare const Browser: ({ browserUrl, children, className, contentClassName, searchInputClassName, ...props }: BrowserProps) => JSX.Element;

package/dist/src/components/Browser/Browser.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Browser } from './Browser';
+declare const meta: Meta<typeof Browser>;
+export default meta;
+type Story = StoryObj<typeof Browser>;
+export declare const Default: Story;
+export declare const WithBorder: Story;
+export declare const WithBackgroundColor: Story;

package/dist/src/components/Browser/__tests__/Browser.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Browser/index.d.ts

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

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

@@ -1,7 +1,7 @@
 import { ButtonHTMLAttributes } from 'react';
 export declare const BUTTON_COLORS: readonly ["neutral", "primary", "secondary", "accent", "info", "success", "warning", "error", "ghost"];
 export declare const BUTTON_SHAPES: readonly ["circle", "square"];
-export declare const BUTTON_SIZES: readonly ["lg", "md", "sm", "xs"];
+export declare const BUTTON_SIZES: readonly ["xl", "lg", "md", "sm", "xs"];
 export type ButtonColor = (typeof BUTTON_COLORS)[number];
 export type ButtonShape = (typeof BUTTON_SHAPES)[number];
 export type ButtonSize = (typeof BUTTON_SIZES)[number];
@@ -10,6 +10,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     as?: 'a' | 'button';
     block?: boolean;
     color?: ButtonColor;
+    dash?: boolean;
     disabled?: boolean;
     glass?: boolean;
     link?: boolean;
@@ -18,6 +19,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     outline?: boolean;
     shape?: ButtonShape;
     size?: ButtonSize;
+    soft?: boolean;
     wide?: boolean;
 }
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;

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

@@ -1,8 +1,13 @@
-import { Story, Meta } from '@storybook/react';
-import { ButtonProps } from './Button';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<ButtonProps>;
-export declare const Loading: Story<ButtonProps>;
-export declare const CustomColor: Story<ButtonProps>;
-export declare const CustomSize: Story<ButtonProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { Button } from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const CustomColor: Story;
+export declare const CustomSize: Story;
+export declare const Outline: Story;
+export declare const Soft: Story;
+export declare const Dash: Story;
+export declare const Shapes: Story;

package/dist/src/components/Button/__tests__/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/ButtonArray/ButtonArray.d.ts

@@ -1,4 +1,4 @@
-import { type Key, type ComponentProps, type FC, HTMLProps, ReactNode } from 'react';
+import { ComponentProps, FC, HTMLProps, Key, ReactNode } from 'react';
 import { Breakpoint } from '../../common';
 import { ButtonProps } from '../Button';
 import { DropdownMenuProps } from '../DropdownMenu';

package/dist/src/components/ButtonArray/ButtonArray.stories.d.ts

@@ -1,7 +1,8 @@
-import { Story, Meta } from '@storybook/react';
-import { ButtonArrayProps } from './ButtonArray';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<ButtonArrayProps>;
-export declare const WithTooltips: Story<ButtonArrayProps>;
-export declare const Collapsable: Story<ButtonArrayProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { ButtonArray } from './ButtonArray';
+declare const meta: Meta<typeof ButtonArray>;
+export default meta;
+type Story = StoryObj<typeof ButtonArray>;
+export declare const Primary: Story;
+export declare const WithTooltips: Story;
+export declare const Collapsable: Story;

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

@@ -1,9 +1,11 @@
 import { HTMLAttributes } from 'react';
+export declare const CARD_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
+export type CardSize = (typeof CARD_SIZES)[number];
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    bordered?: boolean;
-    compact?: boolean;
+    border?: boolean;
+    dash?: boolean;
     imageFull?: boolean;
-    normal?: boolean;
     side?: boolean;
+    size?: CardSize;
 }
-export declare const Card: ({ bordered, className, compact, imageFull, normal, side, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: ({ border, className, dash, imageFull, side, size, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;