@frontify/fondue-components 19.4.0 → 19.6.0

package/dist/index.d.ts

@@ -160,7 +160,7 @@ declare type AtLeastOneAttr<T> = Partial<T> & {
 
 declare type AvailableTheme = keyof typeof default_2;
 
-export declare const Badge: ({ "aria-label": ariaLabel, "data-test-id": dataTestId, children, disabled, dismissable, emphasis, onClick, onDismiss, size, status, title, variant, }: BadgeProps) => JSX_2.Element;
+export declare const Badge: ({ "aria-label": ariaLabel, "data-test-id": dataTestId, children, disabled, emphasis, onClick, onDismiss, size, status, title, variant, }: BadgeProps) => JSX_2.Element;
 
 declare type BadgeEmphasis = 'strong' | 'weak';
 
@@ -186,11 +186,7 @@ declare type BadgeProps = {
      */
     onClick?: (event?: MouseEvent_2<HTMLButtonElement>) => void;
     /**
-     * @default false
-     */
-    dismissable?: boolean;
-    /**
-     * Click handler on dismiss
+     * Click handler on dismiss - providing this will show the dismiss button
      */
     onDismiss?: (event?: MouseEvent_2<HTMLButtonElement>) => void;
     /**
@@ -215,28 +211,6 @@ declare type BadgeStatusType = 'default' | 'positive' | 'highlight' | 'warning'
 
 declare type BadgeStyle = 'default' | 'positive' | 'highlight' | 'warning' | 'negative';
 
-declare type BaseTableRowProps = {
-    /**
-     * Whether the row is in a selected state
-     * @default false
-     */
-    selected?: boolean;
-    /**
-     * Whether to disable interactions for this row
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Content to be rendered within the row
-     */
-    children: ReactNode;
-    /**
-     * Accessible label for the row
-     */
-    'aria-label'?: string;
-    'data-test-id'?: string;
-};
-
 export declare const Box: ForwardRefExoticComponent<LayoutComponentProps & {
 /**
 * The element to render the Box component as.
@@ -1665,13 +1639,7 @@ export declare const Table: {
     Header: ForwardRefExoticComponent<TableHeaderProps & RefAttributes<HTMLTableSectionElement>>;
     HeaderCell: ForwardRefExoticComponent<TableHeaderCellProps & RefAttributes<HTMLTableCellElement>>;
     Body: ForwardRefExoticComponent<TableBodyProps & RefAttributes<HTMLTableSectionElement>>;
-    Row: ForwardRefExoticComponent<BaseTableRowProps & {
-    /**
-    * Handler called when the row is clicked or activated via keyboard
-    * If provided, the row will be hoverable and interactive
-    */
-    onClick?: (selected: boolean) => void;
-    } & RefAttributes<HTMLTableRowElement>>;
+    Row: ForwardRefExoticComponent<TableRowProps & RefAttributes<HTMLTableRowElement>>;
     RowCell: ForwardRefExoticComponent<TableRowCellProps & RefAttributes<HTMLTableCellElement>>;
 };
 
@@ -1760,7 +1728,7 @@ declare type TableRootProps = {
      */
     sticky?: 'head' | 'col' | 'both';
     children: ReactNode;
-} & CommonAriaAttrs_2;
+} & CommonAriaAttrs_2 & Pick<AriaAttributes, 'aria-multiselectable'>;
 
 declare type TableRowCellProps = {
     /**
@@ -1781,6 +1749,33 @@ declare type TableRowCellProps = {
     'aria-label'?: string;
 };
 
+declare type TableRowProps = {
+    /**
+     * Whether the row is in a selected state
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Whether to disable interactions for this row
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Handler called when the row is clicked or activated via keyboard
+     * If provided, the row will be hoverable and interactive
+     */
+    onClick?: (selected: boolean) => void;
+    /**
+     * Content to be rendered within the row
+     */
+    children: ReactNode;
+    /**
+     * Accessible label for the row
+     */
+    'aria-label'?: string;
+    'data-test-id'?: string;
+};
+
 export declare const Tabs: {
     Root: ForwardRefExoticComponent<TabsRootProps & RefAttributes<HTMLDivElement>>;
     Tab: ForwardRefExoticComponent<TabsTabProps & RefAttributes<HTMLDivElement>>;
@@ -1836,6 +1831,23 @@ declare type TabsTriggerProps = {
     children: ReactNode;
 };
 
+export declare const Tag: typeof TagRoot & {
+    HoverContent: typeof TagHoverContent;
+    SecondaryContent: typeof TagSecondaryContent;
+    displayName?: string;
+};
+
+declare type TagEmphasis = 'strong' | 'weak';
+
+declare const TagHoverContent: {
+    ({ children }: TagHoverContentProps): JSX_2.Element;
+    displayName: string;
+};
+
+declare type TagHoverContentProps = {
+    children: ReactNode;
+};
+
 declare type TagPropMap = {
     a: {
         href?: string;
@@ -1862,7 +1874,60 @@ declare type TagPropMap = {
     };
 };
 
-declare type TagProps<TTag extends TagType_2> = TagPropMap[TTag];
+declare type TagProps = {
+    /**
+     * @default 'strong'
+     */
+    emphasis?: TagEmphasis;
+    /**
+     * @default 'default'
+     */
+    variant?: TagStyle;
+    /**
+     * @default 'default'
+     */
+    size?: TagSize;
+    /**
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Click handler
+     */
+    onClick?: (event?: MouseEvent_2<HTMLButtonElement>) => void;
+    /**
+     * Click handler on dismiss - providing this will show the dismiss button
+     */
+    onDismiss?: (event?: MouseEvent_2<HTMLButtonElement>) => void;
+    /**
+     * Click handler on add click - providing this will show the add button
+     */
+    onAddClick?: (event?: MouseEvent_2<HTMLButtonElement>) => void;
+    title?: string;
+    'aria-label'?: string;
+    'data-test-id'?: string;
+    children: ReactNode;
+};
+
+declare type TagProps_2<TTag extends TagType_2> = TagPropMap[TTag];
+
+declare const TagRoot: {
+    ({ "aria-label": ariaLabel, "data-test-id": dataTestId, children, disabled, emphasis, onAddClick, onClick, onDismiss, size, title, variant, }: TagProps): JSX_2.Element;
+    displayName: string;
+};
+
+declare const TagSecondaryContent: {
+    ({ children }: TagSecondaryContentProps): JSX_2.Element;
+    displayName: string;
+};
+
+declare type TagSecondaryContentProps = {
+    children: ReactNode;
+};
+
+declare type TagSize = 'default' | 'small';
+
+declare type TagStyle = 'default' | 'positive' | 'highlight' | 'warning' | 'negative';
 
 declare type TagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'p';
 
@@ -2081,7 +2146,7 @@ declare type TextInputProps = {
     'aria-errormessage'?: string;
 };
 
-declare type TextProps<TTag extends TagType_2 = 'span'> = CommonAriaProps & TagProps<TTag> & {
+declare type TextProps<TTag extends TagType_2 = 'span'> = CommonAriaProps & TagProps_2<TTag> & {
     /**
      * Id of the element
      */