import { EventName } from '@lit/react'; import { default as Component } from '../../components/file-input/file-input-list-item.component.js'; import { DdsFileRemoveEvent, DdsFileClickEvent } from '../../events/events'; export type { DdsFileRemoveEvent } from '../../events/events'; export type { DdsFileClickEvent } from '../../events/events'; /** * `dap-ds-file-input-list-item` * @summary A file input list item is a container for file input list items. * @element dap-ds-file-input-list-item * @title - File input list item * @group file-input * * @event {{ file: FileListElement }} dds-file-remove - Dispatched when a file is removed from the list. * @event {{ file: FileListElement }} dds-file-click - Dispatched when a file is clicked. * * @slot delete-button - The delete button. * * @csspart base - The main file input list item container. * @csspart feedback - The feedback container. * @csspart link - The link text of the item component. * @csspart filename - The filename text of the item component. * @csspart filesize - The filesize text of the item component. * @csspart spinner - The spinner of the item component. * @csspart remove-button - The remove button of the item component. * @csspart thumbnail - The thumbnail of the item component. * * @cssproperty --dds-file-list-item-padding - The padding of the file list item (default: var(--dds-spacing-200)) * @cssproperty --dds-file-list-item-border-width - The border width of the file list item (default: var(--dds-border-width-base)) * @cssproperty --dds-file-list-item-border-color - The border color of the file list item (default: var(--dds-border-neutral-transparent)) * @cssproperty --dds-file-list-item-border-radius - The border radius of the file list item (default: var(--dds-radius-base)) * @cssproperty --dds-file-list-item-bg-color - The background color of the file list item (default: var(--dds-fields-background-default)) * @cssproperty --dds-file-list-item-font-weight - The font weight of the file list item (default: var(--dds-font-weight-medium)) * @cssproperty --dds-file-list-item-disabled-bg-color - The background color of the disabled file list item (default: var(--dds-cold-grey-400)) * @cssproperty --dds-file-list-item-disabled-color - The text color of the disabled file list item (default: var(--dds-text-neutral-disabled)) * @cssproperty --dds-file-list-item-content-margin - The margin of the content within the file list item (default: var(--dds-spacing-100) var(--dds-spacing-200)) * @cssproperty --dds-file-list-item-content-gap - The gap between content elements in the file list item (default: var(--dds-spacing-200)) * @cssproperty --dds-file-list-item-filename-color - The color of the filename text (default: var(--dds-text-neutral-base)) * @cssproperty --dds-file-list-item-filesize-color - The color of the filesize text (default: var(--dds-text-neutral-subtle)) * @cssproperty --dds-file-list-item-feedback-padding-x - The padding of the feedback section (default: var(--dds-spacing-200)) * @cssproperty --dds-file-list-item-feedback-padding-y - The padding of the feedback section (default: var(--dds-spacing-100)) * @cssproperty --dds-file-list-item-feedback-border-color - The border color of the feedback section (default: var(--dds-border-neutral-divider)) * @cssproperty --dds-file-list-item-feedback-font-size - The font size of the feedback text (default: var(--dds-font-sm)) */ declare const reactWrapper: import('@lit/react').ReactWebComponent; onDdsFileClick: EventName; }>; export default reactWrapper;