dap-design-system/dist/react/dap-ds-file-input-list-item/index.d.ts

Official design system for the DÁP (dap.gov.hu)

import { EventName } from '@lit/react';
import { default as Component } from '../../components/file-input/file-input-list-item.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<Component, {
    onDdsFileRemove: EventName<DdsFileRemoveEvent>;
    onDdsFileClick: EventName<DdsFileClickEvent>;
}>;
export default reactWrapper;