UNPKG

dap-design-system

Version:

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

ghes.idomsoft.hu/idom-green/dap-design-system

51 lines (50 loc) • 3.32 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
import { default as Component } from '../../components/list-item/list-item.js'; /** * `dap-ds-list-item` is a custom banner component. * @element dap-ds-list-item * @summary A list * @title - List item * * @slot - The content of the list item. * @slot icon - The icon of the list item. * @slot title - The title of the list item. * @slot actions - The actions of the list item. * * @csspart base - The main list item container. * @csspart icon - The icon of the list item. * @csspart title - The title of the list item. * @csspart description - The description of the list item. * @csspart container - The container of the list item. * @csspart list-item-base - The base list item container. * @csspart icon-container - The container of the icon. * @csspart title-container - The container of the title. * @csspart description-container - The container of the description. * @csspart actions-container - The container of the actions. * @csspart iteractive-indicator-container - The container of the interactive indicator. * * @cssproperty --dds-list-item-gap - Gap between list item elements (default: var(--dds-spacing-200)) * @cssproperty --dds-list-item-content-gap - Gap between content elements (default: var(--dds-spacing-200)) * @cssproperty --dds-list-item-horizontal-gap - Gap for horizontal alignment (default: var(--dds-spacing-300)) * @cssproperty --dds-list-item-vertical-gap - Gap for vertical alignment (default: var(--dds-spacing-200)) * @cssproperty --dds-list-item-icon-size - Size of the icon (default: var(--dds-spacing-600)) * @cssproperty --dds-list-item-number-size - Size of the number icon (default: 20px) * @cssproperty --dds-list-item-actions-gap - Gap between action elements (default: var(--dds-spacing-400)) * @cssproperty --dds-list-item-actions-padding - Padding for the actions container (default: var(--dds-spacing-100)) * * @cssproperty --dds-list-item-background-base - Background color for base shade (default: var(--dds-background-neutral-base)) * @cssproperty --dds-list-item-background-subtle - Background color for subtle shade (default: var(--dds-background-neutral-subtle)) * @cssproperty --dds-list-item-background-medium - Background color for medium shade (default: var(--dds-background-neutral-medium)) * @cssproperty --dds-list-item-background-strong - Background color for strong shade (default: var(--dds-background-neutral-strong)) * * @cssproperty --dds-list-item-icon-brand - Color for brand icon (default: var(--dds-icon-brand-subtle)) * @cssproperty --dds-list-item-icon-neutral - Color for neutral icon (default: var(--dds-icon-neutral-base)) * @cssproperty --dds-list-item-icon-positive - Color for positive icon (default: var(--dds-icon-positive-subtle)) * @cssproperty --dds-list-item-icon-negative - Color for negative icon (default: var(--dds-icon-negative-subtle)) * * @cssproperty --dds-list-item-title-color - Title text color (default: var(--dds-text-neutral-strong)) * @cssproperty --dds-list-item-description-color - Description text color (default: var(--dds-text-neutral-base)) * @cssproperty --dds-list-item-number-text-color - Number text color (default: var(--dds-text-neutral-inverted)) * */ declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {}>; export default reactWrapper;