@frontify/fondue-components 28.0.0 → 29.0.1

package/dist/index.d.ts

@@ -526,13 +526,13 @@ declare type DatePickerBaseProps = {
     'data-test-id'?: string;
 };
 
-declare type DatePickerDate = {
+export declare type DatePickerDate = {
     year: number;
     month: number;
     day: number;
 } | undefined;
 
-declare type DatePickerDateRange = {
+export declare type DatePickerDateRange = {
     from: DatePickerDate;
     to: DatePickerDate;
 } | undefined;
@@ -918,6 +918,32 @@ declare type DropdownTriggerProps = {
 
 declare type DropdownViewportCollisionPadding = 'compact' | 'spacious';
 
+export declare const EditableText: ForwardRefExoticComponent<EditableTextProps & RefAttributes<HTMLElement>>;
+
+declare type EditableTextProps = {
+    /**
+     * Callback fired with the plain text value when editing is confirmed (on blur or Enter).
+     * Only fires if the value has actually changed.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * When true, renders the child element instead of a default span,
+     * merging all editable props onto it.
+     */
+    asChild?: boolean;
+    /**
+     * When true, the EditableText only takes the width of the content.
+     * @default true
+     */
+    hugWidth?: boolean;
+    /**
+     * Accessible label for the editable text field.
+     */
+    'aria-label'?: string;
+    children?: ReactNode;
+    'data-test-id'?: string;
+};
+
 declare const enUS: {
     translationStrings: {
         ColorPicker_selectColor: string;
@@ -1131,6 +1157,8 @@ declare type FlyoutViewportCollisionPadding = 'compact' | 'spacious';
 
 declare const ForwardedRefDatePickerInput: ForwardRefExoticComponent<DatePickerInputProps & RefAttributes<HTMLDivElement>>;
 
+declare const ForwardedRefOrderableListRoot: ForwardRefExoticComponent<OrderableListProps & RefAttributes<HTMLUListElement>>;
+
 declare const ForwardedRefRangeDatePicker: ForwardRefExoticComponent<    {
 selected?: DatePickerDateRange;
 onChange?: (dateRange: DatePickerDateRange) => void;
@@ -1577,6 +1605,76 @@ declare type NoticeSize = 'medium' | 'large';
 
 declare type NoticeVariant = 'default' | 'highlight' | 'positive' | 'danger' | 'warning';
 
+declare const OrderableItemCustomHandle: {
+    ({ children, asChild }: {
+        children: ReactNode;
+        asChild?: boolean;
+    }): JSX_2.Element;
+    displayName: string;
+};
+
+declare const OrderableItemDragHandle: {
+    (): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const OrderableList: {
+    Root: typeof ForwardedRefOrderableListRoot;
+    Item: typeof OrderableListItem;
+    ItemAction: typeof OrderableListItemAction;
+    CustomHandle: typeof OrderableItemCustomHandle;
+    DragHandle: typeof OrderableItemDragHandle;
+    ItemTitle: typeof OrderableListItemTitle;
+    ItemDescription: typeof OrderableListItemDescription;
+    ItemDecorator: typeof OrderableListItemDecorator;
+};
+
+declare type OrderableListDirection = 'vertical' | 'horizontal';
+
+declare const OrderableListItem: ForwardRefExoticComponent<OrderableListItemProps & RefAttributes<HTMLLIElement>>;
+
+declare const OrderableListItemAction: ForwardRefExoticComponent<OrderableListItemActionProps & RefAttributes<HTMLDivElement>>;
+
+declare type OrderableListItemActionProps = {
+    children: ReactNode;
+};
+
+declare const OrderableListItemDecorator: ForwardRefExoticComponent<    {
+children: ReactNode;
+} & RefAttributes<HTMLSpanElement>>;
+
+declare const OrderableListItemDescription: ForwardRefExoticComponent<    {
+children: ReactNode;
+asChild?: boolean;
+} & RefAttributes<HTMLSpanElement>>;
+
+declare type OrderableListItemPadding = 'none' | 'small';
+
+declare type OrderableListItemProps = {
+    children?: ReactNode;
+    id: string;
+    disabled?: boolean;
+    padding?: OrderableListItemPadding;
+    selected?: boolean;
+    onSelect?: (isSelected: boolean) => void;
+};
+
+declare type OrderableListItemSpacing = 'tight' | 'compact' | 'comfortable';
+
+declare const OrderableListItemTitle: ForwardRefExoticComponent<    {
+children: ReactNode;
+asChild?: boolean;
+} & RefAttributes<HTMLSpanElement>>;
+
+declare type OrderableListProps = {
+    children: ReactNode;
+    spacing?: OrderableListItemSpacing;
+    direction?: OrderableListDirection;
+    order: string[];
+    onOrderChange?: (order: string[]) => void;
+    'aria-label'?: string;
+};
+
 declare type OverflowValue = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto';
 
 declare type PositionValue = 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky';
@@ -2565,7 +2663,7 @@ declare type TextareaSlotProps = {
     className?: string;
 };
 
-declare type TextColor = 'default' | 'weak' | 'x-weak' | 'disabled' | 'negative' | 'positive' | 'warning' | 'interactive';
+declare type TextColor = 'default' | 'weak' | 'disabled' | 'negative' | 'positive' | 'warning' | 'interactive';
 
 declare type TextElementMap = {
     a: HTMLAnchorElement;
@@ -2618,7 +2716,7 @@ declare type TextInputProps = {
      * Type of the text input
      * @default "text"
      */
-    type?: 'date' | 'email' | 'hidden' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url';
+    type?: 'email' | 'hidden' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url';
     /**
      * The placeholder in the text input
      */