UNPKG

dap-design-system

Version:

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

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

58 lines (57 loc) • 4.21 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
52
53
54
55
56
57
58
import { default as Component } from '../../components/badge/badge.js'; /** * `dap-ds-badge` * @summary A badge is a small status descriptor for UI elements. * @element dap-ds-badge * @title - Badge * * @property { 'sm' | 'lg' } size - The size of the badge. Default is `sm`. * @property {string} sizeMap - Responsive size map (e.g. "md:lg"). * * @slot - The content of the badge. * @slot icon - The icon of the badge. * * @csspart base - The main container of the badge. * @csspart icon - The icon of the badge. * @csspart content - The content of the badge. * @csspart icon-base - The base of the icon. * * @cssproperty --dds-badge-border-width - The width of the badge's border (default: var(--dds-border-width-base)) * @cssproperty --dds-badge-border-style - The style of the badge's border (default: solid) * @cssproperty --dds-badge-border-radius - The border radius of the badge (default: var(--dds-radius-base)) * @cssproperty --dds-badge-font-weight - The font weight of the badge text (default: var(--dds-font-weight-bold)) * @cssproperty --dds-badge-line-height - The line height of the badge text (default: 1.2) * @cssproperty --dds-badge-transition - The transition property for the badge (default: all 0.2s ease-in-out) * * @cssproperty --dds-badge-padding-sm - The padding of the small badge (default: var(--dds-spacing-100) var(--dds-spacing-200)) * @cssproperty --dds-badge-padding-lg - The padding of the large badge (default: var(--dds-spacing-100) var(--dds-spacing-300)) * @cssproperty --dds-badge-font-size-sm - The font size of the small badge (default: var(--dds-font-xs)) * @cssproperty --dds-badge-font-size-lg - The font size of the large badge (default: var(--dds-font-sm)) * * @cssproperty --dds-badge-neutral-border-color - The border color of the neutral badge (default: var(--dds-border-neutral-base)) * @cssproperty --dds-badge-neutral-background - The background color of the neutral badge (default: var(--dds-background-neutral-medium)) * @cssproperty --dds-badge-neutral-color - The text color of the neutral badge (default: var(--dds-text-neutral-subtle)) * * @cssproperty --dds-badge-brand-border-color - The border color of the brand badge (default: var(--dds-border-brand-base)) * @cssproperty --dds-badge-brand-background - The background color of the brand badge (default: var(--dds-background-brand-medium)) * @cssproperty --dds-badge-brand-color - The text color of the brand badge (default: var(--dds-text-brand-subtle)) * * @cssproperty --dds-badge-info-border-color - The border color of the info badge (default: var(--dds-border-informative-base)) * @cssproperty --dds-badge-info-background - The background color of the info badge (default: var(--dds-background-informative-medium)) * @cssproperty --dds-badge-info-color - The text color of the info badge (default: var(--dds-text-informative-subtle)) * * @cssproperty --dds-badge-positive-border-color - The border color of the positive badge (default: var(--dds-border-positive-base)) * @cssproperty --dds-badge-positive-background - The background color of the positive badge (default: var(--dds-background-positive-medium)) * @cssproperty --dds-badge-positive-color - The text color of the positive badge (default: var(--dds-text-positive-subtle)) * * @cssproperty --dds-badge-warning-border-color - The border color of the warning badge (default: var(--dds-border-warning-subtle)) * @cssproperty --dds-badge-warning-background - The background color of the warning badge (default: var(--dds-background-warning-medium)) * @cssproperty --dds-badge-warning-color - The text color of the warning badge (default: var(--dds-text-warning-subtle)) * * @cssproperty --dds-badge-negative-border-color - The border color of the negative badge (default: var(--dds-border-negative-base)) * @cssproperty --dds-badge-negative-background - The background color of the negative badge (default: var(--dds-background-negative-medium)) * @cssproperty --dds-badge-negative-color - The text color of the negative badge (default: var(--dds-text-negative-subtle)) * */ declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {}>; export default reactWrapper;