aidos-ui 5.0.4 → 5.0.5

package/dist/index.d.ts

@@ -21,15 +21,17 @@ type Gap = Spacing;
 type Padding = Spacing | [Spacing, Spacing];
 type Margin = Spacing | [Spacing, Spacing];
 type Material = "aurora" | "dawn" | "mist" | "twilight";
+type Surface = "primary" | "secondary" | "overlay";
 type Direction = "horizontal" | "vertical";
 type Position = "start" | "end";
 type Justify = "none" | "center" | "flex-start" | "space-between" | "flex-end" | "stretch";
 type Align = "none" | "center" | "stretch" | "flex-start" | "flex-end";
 type FlexDirection = "row" | "column";
 type Color = "none" | "light" | "dark" | "negative" | "warning" | "highlight" | "primary-background" | "secondary-background" | "divider" | "inherit";
-type TextColor = "primary" | "secondary" | "highlight" | "negative" | "subtle" | "light" | "inverse" | "inherit";
+type TextColor = "primary" | "secondary" | "highlight" | "warning" | "negative" | "subtle" | "light" | "inverse" | "inherit";
 declare function cssVar(string: keyof Theme): string;
 declare function getMaterial(material: Material): Styles;
+declare function getSurface(surface: Surface): Styles;
 declare function getSize(size: Size): string;
 declare function getSpacing(spacing: Spacing): string;
 declare function getPadding(padding: Padding): JSS;
@@ -99,9 +101,9 @@ declare const getBackground: (color: Color) => JSS;
 declare const MOBILE = 750;
 declare const TABLET = 1000;
 declare const LAPTOP = 1200;
-declare const MOBILE_MEDIA = "@media (min-width: 0px) and (max-width: 750px)";
-declare const TABLET_MEDIA = "@media (min-width: 750px) and (max-width: 1000px)";
-declare const LAPTOP_MEDIA = "@media (min-width: 1000px) and (max-width: 1200px)";
+declare const MOBILE_MEDIA = "@media (min-width: 0px) and (max-width: 749px)";
+declare const TABLET_MEDIA = "@media (min-width: 750px) and (max-width: 999px)";
+declare const LAPTOP_MEDIA = "@media (min-width: 1000px) and (max-width: 1199px)";
 declare const DESKTOP_MEDIA = "@media (min-width: 1200px)";
 declare function mobile(jss: JSS): {
     [key: string]: JSS;
@@ -131,6 +133,8 @@ declare const getTextColor: (color: TextColor) => {
     color: string;
 } | {
     color: string;
+} | {
+    color: string;
 };
 declare function getBaseStyles(themes: {
     light: Theme;
@@ -147,6 +151,41 @@ interface AvatarProps {
 }
 declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLElement>>;
 
+interface BaseViewProps extends React__default.HTMLAttributes<HTMLElement> {
+    jss?: JSS;
+    ref?: React__default.Ref<HTMLDivElement>;
+    className?: undefined;
+    grow?: boolean;
+    shrink?: boolean;
+    relative?: boolean;
+    tag?: keyof HTMLElementTagNameMap;
+}
+declare const BaseView: React__default.ForwardRefExoticComponent<Omit<BaseViewProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
+
+interface FlexLayoutProps extends BaseViewProps {
+    justify?: Justify;
+    gap?: Gap;
+    align?: Align;
+    padding?: Padding;
+    direction?: FlexDirection;
+    surface?: Surface;
+    basis?: string | number;
+}
+declare const FlexLayout: React__default.ForwardRefExoticComponent<Omit<FlexLayoutProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
+
+interface RowProps extends FlexLayoutProps {
+    direction?: "row";
+    wrap?: boolean;
+}
+declare const Row: React__default.ForwardRefExoticComponent<Omit<RowProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
+
+interface AvatarStackProps extends Omit<RowProps, "children" | "gap"> {
+    children: ReactNode;
+    overlap?: number;
+    jss?: JSS;
+}
+declare const AvatarStack: React__default.ForwardRefExoticComponent<Omit<AvatarStackProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
+
 declare function Badge({ size, color, jss, }: {
     size?: Size;
     color?: Color;
@@ -197,26 +236,6 @@ interface BaseLinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorEl
 declare const BaseLinkComponentOverrideContext: React__default.Context<(props: any) => react_jsx_runtime.JSX.Element>;
 declare const BaseLink: React__default.ForwardRefExoticComponent<BaseLinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
-interface BaseViewProps extends React__default.HTMLAttributes<HTMLElement> {
-    jss?: JSS;
-    ref?: React__default.Ref<HTMLDivElement>;
-    className?: undefined;
-    grow?: boolean;
-    shrink?: boolean;
-    relative?: boolean;
-    tag?: keyof HTMLElementTagNameMap;
-}
-declare const BaseView: React__default.ForwardRefExoticComponent<Omit<BaseViewProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
-
-interface FlexLayoutProps extends BaseViewProps {
-    justify?: Justify;
-    gap?: Gap;
-    align?: Align;
-    padding?: Padding;
-    direction?: FlexDirection;
-}
-declare const FlexLayout: React__default.ForwardRefExoticComponent<Omit<FlexLayoutProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
-
 interface ColumnProps extends FlexLayoutProps {
     direction?: "column";
 }
@@ -231,11 +250,6 @@ interface BaseListAddOnProps extends BaseViewProps {
 }
 declare const BaseListAddOn: React__default.ForwardRefExoticComponent<Omit<BaseListAddOnProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
-interface RowProps extends FlexLayoutProps {
-    direction?: "row";
-}
-declare const Row: React__default.ForwardRefExoticComponent<Omit<RowProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
-
 interface BaseListItemProps extends Omit<RowProps, "children" | "jss" | "role"> {
     children: (elements: {
         content: React__default.JSX.Element;
@@ -249,6 +263,7 @@ interface BaseListItemProps extends Omit<RowProps, "children" | "jss" | "role">
     body?: string;
     bodySize?: Size;
     bodyColor?: TextColor;
+    bodyEllipsis?: boolean;
     addOn?: ReactNode;
     addOnPosition?: Position;
     outerAddOn?: ReactNode;
@@ -310,7 +325,7 @@ declare const Calendar: React__default.ForwardRefExoticComponent<{
     }) => React__default.JSX.Element;
 } & React__default.RefAttributes<HTMLElement>>;
 
-type CardVariant = "default" | "tonal" | "floating";
+type CardVariant = "default" | "tonal" | "floating" | "flat";
 interface CardProps extends FlexLayoutProps {
     variant?: CardVariant;
     material?: Material;
@@ -400,12 +415,14 @@ declare function guid(): string;
 
 declare function hash(source: string, modulus?: number): number;
 
-declare function Icon({ icon, size, color, ariaLabel, }: {
+interface IconProps {
     ariaLabel?: string;
     icon: IconType;
     size: Size;
     color: TextColor;
-}): react_jsx_runtime.JSX.Element;
+    jss?: JSS;
+}
+declare function Icon({ icon, size, color, ariaLabel, jss }: IconProps): react_jsx_runtime.JSX.Element;
 
 interface IconButtonProps extends Omit<BaseButtonProps, "border" | "padding"> {
     icon: IconType;
@@ -438,7 +455,7 @@ interface ListProps extends BaseListProps {
     role?: undefined;
     navigation?: boolean;
 }
-declare function List({ ariaLabel, jss, autofocus, navigation, ...otherProps }: ListProps): react_jsx_runtime.JSX.Element;
+declare function List({ ariaLabel, jss, gap, autofocus, navigation, ...otherProps }: ListProps): react_jsx_runtime.JSX.Element;
 
 interface ListButtonItemProps extends Omit<BaseListItemProps, "children" | "onClick"> {
     color?: InteractableColor;
@@ -824,6 +841,21 @@ interface TimeInputProps {
 }
 declare const TimeInput: React__default.ForwardRefExoticComponent<TimeInputProps & React__default.RefAttributes<HTMLInputElement>>;
 
+interface ToolbarProps extends Omit<RowProps, "children"> {
+    headline: ReactNode;
+    body?: ReactNode;
+    leading?: ReactNode;
+    actions?: ReactNode;
+    actionsGap?: Gap;
+    headlineColor?: TextColor;
+    headlineSize?: Size;
+    headlineBold?: boolean;
+    bodyColor?: TextColor;
+    bodySize?: Size;
+    bodyEllipsis?: boolean;
+}
+declare const Toolbar: React__default.ForwardRefExoticComponent<Omit<ToolbarProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
+
 interface TooltipProps {
     content: string;
     jss?: JSS;
@@ -873,4 +905,4 @@ declare function usePromise<T>(promiseFactory: () => Promise<T>, inputs: Readonl
 
 declare function useRefEffect<T>(callback: (root: T) => (() => void) | void): (root: T) => void;
 
-export { type Align, Avatar, type AvatarProps, type AvatarSize, Badge, BaseButton, type BaseButtonProps, BaseInput, type BaseInputProps, BaseLink, BaseLinkComponentOverrideContext, type BaseLinkProps, BaseList, BaseListAddOn, type BaseListAddOnProps, BaseListItem, type BaseListItemProps, type BaseListProps, BaseView, type BaseViewProps, Box, type BoxProps, Button, ButtonGroup, type ButtonGroupOption, type ButtonGroupProps, type ButtonGroupValue, type ButtonProps, Calendar, type Callback, Card, type CardProps, type CardVariant, Checkbox, Circle, type Color, Column, type ColumnProps, DESKTOP_MEDIA, DarkModeContext, DarkModeProvider, DarkModeToggle, DateInput, type DateInputProps, DatetimeInput, type DatetimeInputProps, Dialog, DialogProvider, type Direction, type FlexDirection, FlexLayout, type FlexLayoutProps, type Gap, H1, H2, H3, H4, Icon, IconButton, type IconButtonProps, IconLink, type IconLinkProps, type IconType, type JSS, JSSProvider, JSServerStyles, type Justify, type KeyboardShortcut, LAPTOP, LAPTOP_MEDIA, Label, Li, Link, type LinkProps, List, ListButtonItem, ListDivider, ListHeaderItem, ListItem, ListLinkItem, ListSpacer, MOBILE, MOBILE_MEDIA, type Margin, type Material, MenuIcon, NavigationSplitView, type NavigationSplitViewProps, OnVisible, P, type Padding, Popover, PopoverTrigger, type Position, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, type ProgressCircleSize, Providers, RangeInput, type RangeInputProps, type Reducer, RootView, Row, type RowProps, Select, type SelectOption, type SelectProps, type SelectValue, type Size, type Spacing, Span, StackContextProvider, StaticCheckbox, type Styles, Sublist, SubmitIconInput, type Subscribe, TABLET, TABLET_MEDIA, type Tab, TabBar, type TabBarProps, type TabBarVariant, Table, type TableProps, Tabs, type TabsProps, type TabsVariant, Text, TextArea, type TextAreaProps, type TextColor, TextInput, type TextInputProps, TextInputWithState, type TextInputWithStateProps, TextPairing, type TextPairingProps, type TextProps, type TextType, type Theme, TimeInput, type TimeInputProps, Toggle, type ToggleProps, Tooltip, baseStyles, createEmitter, createStorage, cssVar, darkTheme, desktop, getBackground, getBaseStyles, getColorValue, getCookie, getMargin, getMaterial, getPadding, getSize, getSpacing, getTextColor, guid, hasCookie, hash, laptop, lightTheme, mobile, numberToBase, sizes, stateMachineContextFactory, tablet, timeFormatter, toClassnames, useCookie, useDialog, useIsTopOfStack, useKeyboard, useNavigation, usePromise, useRefEffect, useStream };
+export { type Align, Avatar, type AvatarProps, type AvatarSize, AvatarStack, type AvatarStackProps, Badge, BaseButton, type BaseButtonProps, BaseInput, type BaseInputProps, BaseLink, BaseLinkComponentOverrideContext, type BaseLinkProps, BaseList, BaseListAddOn, type BaseListAddOnProps, BaseListItem, type BaseListItemProps, type BaseListProps, BaseView, type BaseViewProps, Box, type BoxProps, Button, ButtonGroup, type ButtonGroupOption, type ButtonGroupProps, type ButtonGroupValue, type ButtonProps, Calendar, type Callback, Card, type CardProps, type CardVariant, Checkbox, Circle, type Color, Column, type ColumnProps, DESKTOP_MEDIA, DarkModeContext, DarkModeProvider, DarkModeToggle, DateInput, type DateInputProps, DatetimeInput, type DatetimeInputProps, Dialog, DialogProvider, type Direction, type FlexDirection, FlexLayout, type FlexLayoutProps, type Gap, H1, H2, H3, H4, Icon, IconButton, type IconButtonProps, IconLink, type IconLinkProps, type IconProps, type IconType, type InteractableColor, type JSS, JSSProvider, JSServerStyles, type Justify, type KeyboardShortcut, LAPTOP, LAPTOP_MEDIA, Label, Li, Link, type LinkProps, List, ListButtonItem, type ListButtonItemProps, ListDivider, ListHeaderItem, ListItem, type ListItemProps, ListLinkItem, type ListLinkItemProps, type ListProps, ListSpacer, MOBILE, MOBILE_MEDIA, type Margin, type Material, MenuIcon, NavigationSplitView, type NavigationSplitViewProps, OnVisible, P, type Padding, Popover, PopoverTrigger, type Position, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, type ProgressCircleSize, Providers, RangeInput, type RangeInputProps, type Reducer, RootView, Row, type RowProps, Select, type SelectOption, type SelectProps, type SelectValue, type Size, type Spacing, Span, StackContextProvider, StaticCheckbox, type Styles, Sublist, SubmitIconInput, type Subscribe, type Surface, TABLET, TABLET_MEDIA, type Tab, TabBar, type TabBarProps, type TabBarVariant, Table, type TableProps, Tabs, type TabsProps, type TabsVariant, Text, TextArea, type TextAreaProps, type TextColor, TextInput, type TextInputProps, TextInputWithState, type TextInputWithStateProps, TextPairing, type TextPairingProps, type TextProps, type TextType, type Theme, TimeInput, type TimeInputProps, Toggle, type ToggleProps, Toolbar, type ToolbarProps, Tooltip, baseStyles, createEmitter, createStorage, cssVar, darkTheme, desktop, getBackground, getBaseStyles, getColorValue, getCookie, getMargin, getMaterial, getPadding, getSize, getSpacing, getSurface, getTextColor, guid, hasCookie, hash, laptop, lightTheme, mobile, numberToBase, sizes, stateMachineContextFactory, tablet, timeFormatter, toClassnames, useCookie, useDialog, useIsTopOfStack, useKeyboard, useNavigation, usePromise, useRefEffect, useStream };