@amboss/design-system 3.27.4 → 3.28.0

package/build/cjs/components/Patterns/EmptyState/EmptyState.d.ts

@@ -0,0 +1,30 @@
+import React, { type AriaAttributes, type ReactElement } from "react";
+import type { IconName } from "src/components/Icon/Icon";
+import { type HeaderProps } from "../../Typography/Header";
+import { type LinkProps } from "../../Link/Link";
+import { type ButtonGroupProps } from "../ButtonGroup/ButtonGroup";
+export type EmptyStateProps = {
+    /** The main heading text */
+    title: string;
+    /** The HTML tag to use for the title */
+    titleAs?: HeaderProps["as"];
+    /** Optional descriptive text below the title */
+    description?: string;
+    /** Visual style variant that determines default icon and color scheme */
+    variant?: "brand" | "warning" | "error" | "neutral";
+    /** Custom icon to override the default for the type */
+    icon?: IconName;
+    /** Optional action element: either EmptyState.ButtonGroup or EmptyState.Link */
+    children?: ReactElement<typeof EmptyStateButtonGroup> | ReactElement<typeof EmptyStateLink>;
+    "data-e2e-test-id"?: string;
+} & AriaAttributes;
+export declare function EmptyState({ title, titleAs, description, variant, icon, children, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EmptyStateProps): React.ReactElement;
+export declare namespace EmptyState {
+    var ButtonGroup: typeof EmptyStateButtonGroup;
+    var Link: typeof EmptyStateLink;
+}
+declare function EmptyStateButtonGroup({ ...rest }: Omit<ButtonGroupProps, "buttonSize">): React.ReactElement;
+declare function EmptyStateLink({ children, ...rest }: Omit<LinkProps, "size" | "color" | "weight"> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    children: React.ReactNode;
+}): React.ReactElement;
+export {};

package/build/cjs/components/Patterns/EmptyState/EmptyState.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EmptyState",{enumerable:!0,get:function(){return EmptyState}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_IconTile=require("../../IconTile/IconTile"),_Header=require("../../Typography/Header"),_Text=require("../../Typography/Text"),_Stack=require("../../Stack/Stack"),_Link=require("../../Link/Link"),_ButtonGroup=require("../ButtonGroup/ButtonGroup"),DEFAULT_ICONS_BY_VARIANT={brand:"face-happy",warning:"alert-circle",error:"alert-triangle",neutral:"info"},ICON_COLORS={brand:"brand",warning:"yellow",error:"red",neutral:"gray"};function EmptyState({title,titleAs="p",description,variant,icon,children,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){return _react.default.createElement(_Stack.Stack,{alignItems:"center",space:"s","data-e2e-test-id":dataE2eTestId,"data-ds-id":"EmptyState",...ariaAttributes},variant&&_react.default.createElement(_IconTile.IconTile,{icon:icon??DEFAULT_ICONS_BY_VARIANT[variant],color:ICON_COLORS[variant],"aria-hidden":!0}),_react.default.createElement(_Stack.Stack,{space:"zero",alignItems:"center"},_react.default.createElement(_Header.H3,{as:titleAs},title),description&&_react.default.createElement(_Text.Text,{align:"center",size:"s",color:"tertiary"},description)),children)}EmptyState.ButtonGroup=function({...rest}){return _react.default.createElement(_ButtonGroup.ButtonGroup,{...rest,buttonSize:"s"})},EmptyState.Link=function({children,...rest}){return _react.default.createElement(_Link.Link,{...rest,size:"s",color:"accent",weight:"bold",inline:!1},children)};

package/build/cjs/components/PromptInput/PromptInput.d.ts

@@ -7,6 +7,7 @@ import { type ButtonProps } from "../Button/Button";
 import type { PolymorphicComponentPropsWithRef } from "../../types";
 import type { RoundButtonProps } from "../RoundButton/RoundButton";
 import type { IconName } from "../Icon/Icon";
+import { type BasePromptInputHeaderProps } from "./PromptInputHeader";
 type SendButtonProps = Omit<RoundButtonProps, "icon" | "variant"> & {
     icon?: "arrow-up" | "search" | "arrow-right" | "voice";
 };
@@ -17,6 +18,7 @@ type BottomToolbarConfig = {
 };
 export type PromptInputProps = {
     "data-e2e-test-id"?: string;
+    header?: BasePromptInputHeaderProps;
     variant?: "ai";
     skipAIAnimation?: boolean;
     bottomToolbar?: BottomToolbarConfig;
@@ -42,6 +44,7 @@ export type PromptInputProps = {
 } & Omit<PromptTextAreaProps, "isCollapsed" | "isAutocompleteListOpen" | "selectedListItem" | "hasLeftIcon"> & Pick<AutocompleteListProps, "autocompleteListItems" | "autocompleteListFooter" | "portalContainer">;
 declare const PromptInputComponent: React.ForwardRefExoticComponent<{
     "data-e2e-test-id"?: string;
+    header?: BasePromptInputHeaderProps;
     variant?: "ai";
     skipAIAnimation?: boolean;
     bottomToolbar?: BottomToolbarConfig;