dap-design-system 0.59.1 → 0.59.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/combobox/comboboxBase.d.ts +1 -0
- package/dist/{components-t--58ON2.js → components-BQQTd9Dz.js} +4039 -4029
- package/dist/components-BQQTd9Dz.js.map +1 -0
- package/dist/components.js +1 -1
- package/dist/dds.js +1 -1
- package/dist/manifest/types/vue/index.d.ts +183 -183
- package/dist/manifest/vscode.html-custom-data.json +206 -206
- package/dist/manifest/web-types.json +302 -302
- package/dist/react/index.d.ts +7 -7
- package/dist/react-types.ts +8 -8
- package/dist/react.js +200 -200
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/dist/components-t--58ON2.js.map +0 -1
|
@@ -6,163 +6,6 @@
|
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
|
-
{
|
|
10
|
-
"name": "dap-ds-avatar",
|
|
11
|
-
"description": "Avatar component can be used to display user profile images, initials, or icons.\n---\n\n\n### **Events:**\n - **dds-load** - Fired when the image loads successfully.\n- **dds-error** - Fired when the image fails to load.\n\n### **Slots:**\n - **icon** - The icon to display when variant is 'icon'.\n- **fallback** - Custom fallback content when image fails to load.\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar (default: 50%) _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar (default: var(--dds-neutral-200)) _(default: undefined)_\n- **--dds-avatar-border-width** - The border width of the avatar (default: 0) _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border (default: transparent) _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border (default: solid) _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-avatar-text-color** - The text color for initials (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-avatar-font-weight** - The font weight for initials (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-avatar-lg-size** - Size for large avatars (default: var(--dds-avatar-size-lg)) _(default: undefined)_\n- **--dds-avatar-md-size** - Size for medium avatars (default: var(--dds-avatar-size-md)) _(default: undefined)_\n- **--dds-avatar-sm-size** - Size for small avatars (default: var(--dds-avatar-size-sm)) _(default: undefined)_\n- **--dds-avatar-xs-size** - Size for extra small avatars (default: var(--dds-avatar-size-xs)) _(default: undefined)_\n- **--dds-avatar-xxs-size** - Size for extra extra small avatars (default: var(--dds-avatar-size-xxs)) _(default: undefined)_\n- **--dds-avatar-font-size-lg** - Font size for large avatars (default: var(--dds-font-2xl)) _(default: undefined)_\n- **--dds-avatar-font-size-md** - Font size for medium avatars (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-avatar-font-size-sm** - Font size for small avatars (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-avatar-font-size-xs** - Font size for extra small avatars (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-avatar-font-size-xxs** - Font size for extra extra small avatars (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-avatar-hover-transform** - Transform applied on hover for interactive avatars (default: scale(1.05)) _(default: undefined)_\n- **--dds-avatar-active-transform** - Transform applied when active for interactive avatars (default: scale(0.95)) _(default: undefined)_\n- **--dds-avatar-focus-ring** - Focus ring style for interactive avatars (default: 0 0 0 2px var(--dds-focus-outer-ring)) _(default: undefined)_\n- **--dds-avatar-loading-background** - Background color when loading (default: var(--dds-neutral-100)) _(default: undefined)_\n- **--dds-avatar-error-background** - Background color when image fails to load (default: var(--dds-negative-100)) _(default: undefined)_\n- **--dds-avatar-error-color** - Text color when image fails to load (default: var(--dds-negative-600)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar container.\n- **img** - The avatar image.\n- **initials** - The initials container.\n- **icon** - The icon container.\n- **fallback** - The fallback content container.\n- **loading** - The loading indicator.",
|
|
12
|
-
"doc-url": "",
|
|
13
|
-
"attributes": [
|
|
14
|
-
{
|
|
15
|
-
"name": "shape",
|
|
16
|
-
"description": "The shape of the avatar",
|
|
17
|
-
"value": {
|
|
18
|
-
"type": "'circle' | 'rounded' | 'square'",
|
|
19
|
-
"default": "'circle'"
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
"name": "variant",
|
|
24
|
-
"description": "The variant type of the avatar",
|
|
25
|
-
"value": {
|
|
26
|
-
"type": "'image' | 'initials' | 'icon'",
|
|
27
|
-
"default": "'image'"
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
"name": "src",
|
|
32
|
-
"description": "The source of the avatar image",
|
|
33
|
-
"value": { "type": "string" }
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"name": "alt",
|
|
37
|
-
"description": "The alt text of the avatar",
|
|
38
|
-
"value": { "type": "string" }
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"name": "initials",
|
|
42
|
-
"description": "The initials to display when variant is 'initials'",
|
|
43
|
-
"value": { "type": "string" }
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
"name": "label",
|
|
47
|
-
"description": "Accessible label for the avatar",
|
|
48
|
-
"value": { "type": "string" }
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
"name": "loading",
|
|
52
|
-
"description": "Loading state indicator",
|
|
53
|
-
"value": { "type": "boolean", "default": "false" }
|
|
54
|
-
},
|
|
55
|
-
{
|
|
56
|
-
"name": "interactive",
|
|
57
|
-
"description": "Whether the avatar is interactive (clickable)",
|
|
58
|
-
"value": { "type": "boolean", "default": "false" }
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
"name": "width",
|
|
62
|
-
"description": "The width of the avatar. This will override the size",
|
|
63
|
-
"value": { "type": "number" }
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
"name": "height",
|
|
67
|
-
"description": "The height of the avatar. This will override the size",
|
|
68
|
-
"value": { "type": "number" }
|
|
69
|
-
}
|
|
70
|
-
],
|
|
71
|
-
"slots": [
|
|
72
|
-
{
|
|
73
|
-
"name": "icon",
|
|
74
|
-
"description": "The icon to display when variant is 'icon'."
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
"name": "fallback",
|
|
78
|
-
"description": "Custom fallback content when image fails to load."
|
|
79
|
-
}
|
|
80
|
-
],
|
|
81
|
-
"events": [
|
|
82
|
-
{
|
|
83
|
-
"name": "dds-load",
|
|
84
|
-
"description": "Fired when the image loads successfully."
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
"name": "dds-error",
|
|
88
|
-
"description": "Fired when the image fails to load."
|
|
89
|
-
}
|
|
90
|
-
],
|
|
91
|
-
"js": {
|
|
92
|
-
"properties": [
|
|
93
|
-
{
|
|
94
|
-
"name": "shape",
|
|
95
|
-
"description": "The shape of the avatar",
|
|
96
|
-
"type": "'circle' | 'rounded' | 'square'"
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"name": "variant",
|
|
100
|
-
"description": "The variant type of the avatar",
|
|
101
|
-
"type": "'image' | 'initials' | 'icon'"
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
"name": "src",
|
|
105
|
-
"description": "The source of the avatar image",
|
|
106
|
-
"type": "string"
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
"name": "alt",
|
|
110
|
-
"description": "The alt text of the avatar",
|
|
111
|
-
"type": "string"
|
|
112
|
-
},
|
|
113
|
-
{
|
|
114
|
-
"name": "initials",
|
|
115
|
-
"description": "The initials to display when variant is 'initials'",
|
|
116
|
-
"type": "string"
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
"name": "label",
|
|
120
|
-
"description": "Accessible label for the avatar",
|
|
121
|
-
"type": "string"
|
|
122
|
-
},
|
|
123
|
-
{
|
|
124
|
-
"name": "loading",
|
|
125
|
-
"description": "Loading state indicator",
|
|
126
|
-
"type": "boolean"
|
|
127
|
-
},
|
|
128
|
-
{
|
|
129
|
-
"name": "interactive",
|
|
130
|
-
"description": "Whether the avatar is interactive (clickable)",
|
|
131
|
-
"type": "boolean"
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
"name": "width",
|
|
135
|
-
"description": "The width of the avatar. This will override the size",
|
|
136
|
-
"type": "number"
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
"name": "height",
|
|
140
|
-
"description": "The height of the avatar. This will override the size",
|
|
141
|
-
"type": "number"
|
|
142
|
-
},
|
|
143
|
-
{
|
|
144
|
-
"name": "size",
|
|
145
|
-
"description": "The size of the avatar. Default is `md`.",
|
|
146
|
-
"type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
|
|
147
|
-
},
|
|
148
|
-
{
|
|
149
|
-
"name": "sizeMap",
|
|
150
|
-
"description": "Responsive size map (e.g. \"md:lg\").",
|
|
151
|
-
"type": "string"
|
|
152
|
-
}
|
|
153
|
-
],
|
|
154
|
-
"events": [
|
|
155
|
-
{
|
|
156
|
-
"name": "dds-load",
|
|
157
|
-
"description": "Fired when the image loads successfully."
|
|
158
|
-
},
|
|
159
|
-
{
|
|
160
|
-
"name": "dds-error",
|
|
161
|
-
"description": "Fired when the image fails to load."
|
|
162
|
-
}
|
|
163
|
-
]
|
|
164
|
-
}
|
|
165
|
-
},
|
|
166
9
|
{
|
|
167
10
|
"name": "dap-ds-accordion",
|
|
168
11
|
"description": "An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.\n---\n\n\n### **Events:**\n - **dds-opened** - Event fired when the accordion is opened.\n- **dds-closed** - Event fired when the accordion is closed.\n\n### **Slots:**\n - **default** - The content of the accordion.\n- **heading** - The heading of the accordion.\n- **icon-opened** - The icon when the accordion is opened.\n- **icon-closed** - The icon when the accordion is closed.\n\n### **CSS Properties:**\n - **--dds-accordion-border-width** - The width of the accordion border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-border-style** - The style of the accordion border (default: solid) _(default: undefined)_\n- **--dds-accordion-border-radius** - The border radius of the accordion (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-border-color** - The color of the accordion border (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-accordion-background-color** - The background color of the accordion (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-text-color** - The text color of the accordion (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-hover-background** - The background color when hovering over the accordion (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-accordion-active-background** - The background color when the accordion is active (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-accordion-icon-background** - The background color of the accordion icon (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-accordion-icon-color** - The color of the accordion icon (default: var(--dds-icon-neutral-base)) _(default: undefined)_\n- **--dds-accordion-icon-hover-background** - The background color of the accordion icon when hovered (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-accordion-icon-active-background** - The background color of the accordion icon when active (default: var(--dds-transparent-black-strong)) _(default: undefined)_\n- **--dds-accordion-icon-hover-color** - The color of the accordion icon when hovered (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-icon-active-color** - The color of the accordion icon when active (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-content-color** - The color of the accordion content (default: var(--dds-text-text-neutral)) _(default: undefined)_\n- **--dds-accordion-transition-duration** - The duration of the accordion transitions (default: var(--dds-transition-fast)) _(default: undefined)_\n- **--dds-accordion-transition-timing** - The timing function of the accordion transitions (default: var(--dds-easing-ease-in-out)) _(default: undefined)_\n- **--dds-accordion-divider-color** - The color of the divider between accordion items (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion container.\n- **heading** - The heading of the accordion.\n- **button** - The button of the accordion.\n- **content** - The content of the accordion.\n- **content-container** - The container of the accordion content.\n- **icon-wrapper** - The icon wrapper of the accordion.\n- **open-icon** - The icon when the accordion is opened.\n- **open-icon-base** - The base of the icon when the accordion is opened.\n- **close-icon** - The icon when the accordion is closed.\n- **close-icon-base** - The base of the icon when the accordion is closed.",
|
|
@@ -270,6 +113,72 @@
|
|
|
270
113
|
]
|
|
271
114
|
}
|
|
272
115
|
},
|
|
116
|
+
{
|
|
117
|
+
"name": "dap-ds-accordion-group",
|
|
118
|
+
"description": "An accordion group is a collection of accordion components.\n---\n\n\n### **Slots:**\n - _default_ - The content of the accordion group.\n\n### **CSS Properties:**\n - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion group container.",
|
|
119
|
+
"doc-url": "",
|
|
120
|
+
"attributes": [
|
|
121
|
+
{
|
|
122
|
+
"name": "autoClose",
|
|
123
|
+
"description": "Whether to close other accordions when one is opened.",
|
|
124
|
+
"value": { "type": "string", "default": "'true'" }
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"name": "variant",
|
|
128
|
+
"description": "The variant of the accordion",
|
|
129
|
+
"value": {
|
|
130
|
+
"type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
|
|
131
|
+
"default": "'default'"
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
],
|
|
135
|
+
"slots": [
|
|
136
|
+
{ "name": "", "description": "The content of the accordion group." }
|
|
137
|
+
],
|
|
138
|
+
"events": [],
|
|
139
|
+
"js": {
|
|
140
|
+
"properties": [
|
|
141
|
+
{
|
|
142
|
+
"name": "autoClose",
|
|
143
|
+
"description": "Whether to close other accordions when one is opened.",
|
|
144
|
+
"type": "string"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"name": "variant",
|
|
148
|
+
"description": "The variant of the accordion",
|
|
149
|
+
"type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
|
|
150
|
+
}
|
|
151
|
+
],
|
|
152
|
+
"events": []
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
"name": "dap-ds-anchor-heading",
|
|
157
|
+
"description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link (default: var(--dds-color-primary)) _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered (default: 0) _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered (default: 1) _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity (default: opacity 0.2s ease-in-out) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.",
|
|
158
|
+
"doc-url": "",
|
|
159
|
+
"attributes": [
|
|
160
|
+
{
|
|
161
|
+
"name": "variant",
|
|
162
|
+
"description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
|
|
163
|
+
"value": { "type": "HeadingVariant" }
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"name": "label",
|
|
167
|
+
"description": "The label of the heading.",
|
|
168
|
+
"value": { "type": "string" }
|
|
169
|
+
}
|
|
170
|
+
],
|
|
171
|
+
"events": [],
|
|
172
|
+
"js": {
|
|
173
|
+
"properties": [
|
|
174
|
+
{ "name": "variant", "type": "HeadingVariant" },
|
|
175
|
+
{ "name": "label", "type": "string" },
|
|
176
|
+
{ "name": "elementId" },
|
|
177
|
+
{ "name": "anchorTitle" }
|
|
178
|
+
],
|
|
179
|
+
"events": []
|
|
180
|
+
}
|
|
181
|
+
},
|
|
273
182
|
{
|
|
274
183
|
"name": "dap-ds-avatar-group",
|
|
275
184
|
"description": "Avatar group component displays multiple avatars in an organized layout with overflow management.\n---\n\n\n### **Events:**\n - **dds-overflow-click** - Fired when the overflow indicator is clicked.\n\n### **Slots:**\n - _default_ - The avatars to display in the group.\n\n### **CSS Properties:**\n - **--dds-avatar-group-gap** - Gap between avatars in grid layout (default: 0) _(default: undefined)_\n- **--dds-avatar-group-overlap** - Overlap amount for stacked layout (default: -8px) _(default: undefined)_\n- **--dds-avatar-group-border-width** - Border width for avatars (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-avatar-group-border-color** - Border color for avatars (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-avatar-group-overflow-bg** - Background color for overflow indicator (default: var(--dds-neutral-300)) _(default: undefined)_\n- **--dds-avatar-group-overflow-color** - Text color for overflow indicator (default: var(--dds-neutral-700)) _(default: undefined)_\n- **--dds-avatar-group-overflow-border** - Border for overflow indicator (default: var(--dds-avatar-group-border-width) solid var(--dds-avatar-group-border-color)) _(default: undefined)_\n- **--dds-avatar-group-size-lg** - Size for large avatars (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-avatar-group-size-md** - Size for medium avatars (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-avatar-group-size-sm** - Size for small avatars (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-avatar-group-size-xs** - Size for extra small avatars (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-avatar-group-size-xxs** - Size for extra extra small avatars (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the avatar group.\n- **avatars** - The container for the visible avatars.\n- **overflow** - The overflow indicator element.",
|
|
@@ -301,70 +210,227 @@
|
|
|
301
210
|
"value": { "type": "string" }
|
|
302
211
|
},
|
|
303
212
|
{
|
|
304
|
-
"name": "overflow-label",
|
|
305
|
-
"description": "Accessible label for the overflow indicator",
|
|
306
|
-
"value": { "type": "string" }
|
|
213
|
+
"name": "overflow-label",
|
|
214
|
+
"description": "Accessible label for the overflow indicator",
|
|
215
|
+
"value": { "type": "string" }
|
|
216
|
+
}
|
|
217
|
+
],
|
|
218
|
+
"slots": [
|
|
219
|
+
{
|
|
220
|
+
"name": "",
|
|
221
|
+
"description": "The avatars to display in the group."
|
|
222
|
+
}
|
|
223
|
+
],
|
|
224
|
+
"events": [
|
|
225
|
+
{
|
|
226
|
+
"name": "dds-overflow-click",
|
|
227
|
+
"description": "Fired when the overflow indicator is clicked."
|
|
228
|
+
}
|
|
229
|
+
],
|
|
230
|
+
"js": {
|
|
231
|
+
"properties": [
|
|
232
|
+
{
|
|
233
|
+
"name": "layout",
|
|
234
|
+
"description": "Layout type for the avatar group",
|
|
235
|
+
"type": "'stack' | 'grid'"
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"name": "max",
|
|
239
|
+
"description": "Maximum number of avatars to show before showing overflow",
|
|
240
|
+
"type": "number"
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"name": "showTotal",
|
|
244
|
+
"description": "Whether to show the total count in overflow indicator",
|
|
245
|
+
"type": "boolean"
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"name": "interactiveOverflow",
|
|
249
|
+
"description": "Interactive overflow indicator",
|
|
250
|
+
"type": "boolean"
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"name": "label",
|
|
254
|
+
"description": "Accessible label for the avatar group",
|
|
255
|
+
"type": "string"
|
|
256
|
+
},
|
|
257
|
+
{
|
|
258
|
+
"name": "overflowLabel",
|
|
259
|
+
"description": "Accessible label for the overflow indicator",
|
|
260
|
+
"type": "string"
|
|
261
|
+
},
|
|
262
|
+
{
|
|
263
|
+
"name": "size",
|
|
264
|
+
"description": "The size of avatars in the group. Default is `md`. See SizedMixin.",
|
|
265
|
+
"type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
"name": "sizeMap",
|
|
269
|
+
"description": "Responsive size map (e.g. \"md:lg\"); see SizedMixin.",
|
|
270
|
+
"type": "string"
|
|
271
|
+
}
|
|
272
|
+
],
|
|
273
|
+
"events": [
|
|
274
|
+
{
|
|
275
|
+
"name": "dds-overflow-click",
|
|
276
|
+
"description": "Fired when the overflow indicator is clicked."
|
|
277
|
+
}
|
|
278
|
+
]
|
|
279
|
+
}
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
"name": "dap-ds-avatar",
|
|
283
|
+
"description": "Avatar component can be used to display user profile images, initials, or icons.\n---\n\n\n### **Events:**\n - **dds-load** - Fired when the image loads successfully.\n- **dds-error** - Fired when the image fails to load.\n\n### **Slots:**\n - **icon** - The icon to display when variant is 'icon'.\n- **fallback** - Custom fallback content when image fails to load.\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar (default: 50%) _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar (default: var(--dds-neutral-200)) _(default: undefined)_\n- **--dds-avatar-border-width** - The border width of the avatar (default: 0) _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border (default: transparent) _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border (default: solid) _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-avatar-text-color** - The text color for initials (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-avatar-font-weight** - The font weight for initials (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-avatar-lg-size** - Size for large avatars (default: var(--dds-avatar-size-lg)) _(default: undefined)_\n- **--dds-avatar-md-size** - Size for medium avatars (default: var(--dds-avatar-size-md)) _(default: undefined)_\n- **--dds-avatar-sm-size** - Size for small avatars (default: var(--dds-avatar-size-sm)) _(default: undefined)_\n- **--dds-avatar-xs-size** - Size for extra small avatars (default: var(--dds-avatar-size-xs)) _(default: undefined)_\n- **--dds-avatar-xxs-size** - Size for extra extra small avatars (default: var(--dds-avatar-size-xxs)) _(default: undefined)_\n- **--dds-avatar-font-size-lg** - Font size for large avatars (default: var(--dds-font-2xl)) _(default: undefined)_\n- **--dds-avatar-font-size-md** - Font size for medium avatars (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-avatar-font-size-sm** - Font size for small avatars (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-avatar-font-size-xs** - Font size for extra small avatars (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-avatar-font-size-xxs** - Font size for extra extra small avatars (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-avatar-hover-transform** - Transform applied on hover for interactive avatars (default: scale(1.05)) _(default: undefined)_\n- **--dds-avatar-active-transform** - Transform applied when active for interactive avatars (default: scale(0.95)) _(default: undefined)_\n- **--dds-avatar-focus-ring** - Focus ring style for interactive avatars (default: 0 0 0 2px var(--dds-focus-outer-ring)) _(default: undefined)_\n- **--dds-avatar-loading-background** - Background color when loading (default: var(--dds-neutral-100)) _(default: undefined)_\n- **--dds-avatar-error-background** - Background color when image fails to load (default: var(--dds-negative-100)) _(default: undefined)_\n- **--dds-avatar-error-color** - Text color when image fails to load (default: var(--dds-negative-600)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar container.\n- **img** - The avatar image.\n- **initials** - The initials container.\n- **icon** - The icon container.\n- **fallback** - The fallback content container.\n- **loading** - The loading indicator.",
|
|
284
|
+
"doc-url": "",
|
|
285
|
+
"attributes": [
|
|
286
|
+
{
|
|
287
|
+
"name": "shape",
|
|
288
|
+
"description": "The shape of the avatar",
|
|
289
|
+
"value": {
|
|
290
|
+
"type": "'circle' | 'rounded' | 'square'",
|
|
291
|
+
"default": "'circle'"
|
|
292
|
+
}
|
|
293
|
+
},
|
|
294
|
+
{
|
|
295
|
+
"name": "variant",
|
|
296
|
+
"description": "The variant type of the avatar",
|
|
297
|
+
"value": {
|
|
298
|
+
"type": "'image' | 'initials' | 'icon'",
|
|
299
|
+
"default": "'image'"
|
|
300
|
+
}
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
"name": "src",
|
|
304
|
+
"description": "The source of the avatar image",
|
|
305
|
+
"value": { "type": "string" }
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"name": "alt",
|
|
309
|
+
"description": "The alt text of the avatar",
|
|
310
|
+
"value": { "type": "string" }
|
|
311
|
+
},
|
|
312
|
+
{
|
|
313
|
+
"name": "initials",
|
|
314
|
+
"description": "The initials to display when variant is 'initials'",
|
|
315
|
+
"value": { "type": "string" }
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"name": "label",
|
|
319
|
+
"description": "Accessible label for the avatar",
|
|
320
|
+
"value": { "type": "string" }
|
|
321
|
+
},
|
|
322
|
+
{
|
|
323
|
+
"name": "loading",
|
|
324
|
+
"description": "Loading state indicator",
|
|
325
|
+
"value": { "type": "boolean", "default": "false" }
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
"name": "interactive",
|
|
329
|
+
"description": "Whether the avatar is interactive (clickable)",
|
|
330
|
+
"value": { "type": "boolean", "default": "false" }
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"name": "width",
|
|
334
|
+
"description": "The width of the avatar. This will override the size",
|
|
335
|
+
"value": { "type": "number" }
|
|
336
|
+
},
|
|
337
|
+
{
|
|
338
|
+
"name": "height",
|
|
339
|
+
"description": "The height of the avatar. This will override the size",
|
|
340
|
+
"value": { "type": "number" }
|
|
307
341
|
}
|
|
308
342
|
],
|
|
309
343
|
"slots": [
|
|
310
344
|
{
|
|
311
|
-
"name": "",
|
|
312
|
-
"description": "The
|
|
345
|
+
"name": "icon",
|
|
346
|
+
"description": "The icon to display when variant is 'icon'."
|
|
347
|
+
},
|
|
348
|
+
{
|
|
349
|
+
"name": "fallback",
|
|
350
|
+
"description": "Custom fallback content when image fails to load."
|
|
313
351
|
}
|
|
314
352
|
],
|
|
315
353
|
"events": [
|
|
316
354
|
{
|
|
317
|
-
"name": "dds-
|
|
318
|
-
"description": "Fired when the
|
|
355
|
+
"name": "dds-load",
|
|
356
|
+
"description": "Fired when the image loads successfully."
|
|
357
|
+
},
|
|
358
|
+
{
|
|
359
|
+
"name": "dds-error",
|
|
360
|
+
"description": "Fired when the image fails to load."
|
|
319
361
|
}
|
|
320
362
|
],
|
|
321
363
|
"js": {
|
|
322
364
|
"properties": [
|
|
323
365
|
{
|
|
324
|
-
"name": "
|
|
325
|
-
"description": "
|
|
326
|
-
"type": "'
|
|
366
|
+
"name": "shape",
|
|
367
|
+
"description": "The shape of the avatar",
|
|
368
|
+
"type": "'circle' | 'rounded' | 'square'"
|
|
327
369
|
},
|
|
328
370
|
{
|
|
329
|
-
"name": "
|
|
330
|
-
"description": "
|
|
331
|
-
"type": "
|
|
371
|
+
"name": "variant",
|
|
372
|
+
"description": "The variant type of the avatar",
|
|
373
|
+
"type": "'image' | 'initials' | 'icon'"
|
|
332
374
|
},
|
|
333
375
|
{
|
|
334
|
-
"name": "
|
|
335
|
-
"description": "
|
|
336
|
-
"type": "
|
|
376
|
+
"name": "src",
|
|
377
|
+
"description": "The source of the avatar image",
|
|
378
|
+
"type": "string"
|
|
337
379
|
},
|
|
338
380
|
{
|
|
339
|
-
"name": "
|
|
340
|
-
"description": "
|
|
341
|
-
"type": "
|
|
381
|
+
"name": "alt",
|
|
382
|
+
"description": "The alt text of the avatar",
|
|
383
|
+
"type": "string"
|
|
342
384
|
},
|
|
343
385
|
{
|
|
344
|
-
"name": "
|
|
345
|
-
"description": "
|
|
386
|
+
"name": "initials",
|
|
387
|
+
"description": "The initials to display when variant is 'initials'",
|
|
346
388
|
"type": "string"
|
|
347
389
|
},
|
|
348
390
|
{
|
|
349
|
-
"name": "
|
|
350
|
-
"description": "Accessible label for the
|
|
391
|
+
"name": "label",
|
|
392
|
+
"description": "Accessible label for the avatar",
|
|
351
393
|
"type": "string"
|
|
352
394
|
},
|
|
395
|
+
{
|
|
396
|
+
"name": "loading",
|
|
397
|
+
"description": "Loading state indicator",
|
|
398
|
+
"type": "boolean"
|
|
399
|
+
},
|
|
400
|
+
{
|
|
401
|
+
"name": "interactive",
|
|
402
|
+
"description": "Whether the avatar is interactive (clickable)",
|
|
403
|
+
"type": "boolean"
|
|
404
|
+
},
|
|
405
|
+
{
|
|
406
|
+
"name": "width",
|
|
407
|
+
"description": "The width of the avatar. This will override the size",
|
|
408
|
+
"type": "number"
|
|
409
|
+
},
|
|
410
|
+
{
|
|
411
|
+
"name": "height",
|
|
412
|
+
"description": "The height of the avatar. This will override the size",
|
|
413
|
+
"type": "number"
|
|
414
|
+
},
|
|
353
415
|
{
|
|
354
416
|
"name": "size",
|
|
355
|
-
"description": "The size of
|
|
417
|
+
"description": "The size of the avatar. Default is `md`.",
|
|
356
418
|
"type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
|
|
357
419
|
},
|
|
358
420
|
{
|
|
359
421
|
"name": "sizeMap",
|
|
360
|
-
"description": "Responsive size map (e.g. \"md:lg\")
|
|
422
|
+
"description": "Responsive size map (e.g. \"md:lg\").",
|
|
361
423
|
"type": "string"
|
|
362
424
|
}
|
|
363
425
|
],
|
|
364
426
|
"events": [
|
|
365
427
|
{
|
|
366
|
-
"name": "dds-
|
|
367
|
-
"description": "Fired when the
|
|
428
|
+
"name": "dds-load",
|
|
429
|
+
"description": "Fired when the image loads successfully."
|
|
430
|
+
},
|
|
431
|
+
{
|
|
432
|
+
"name": "dds-error",
|
|
433
|
+
"description": "Fired when the image fails to load."
|
|
368
434
|
}
|
|
369
435
|
]
|
|
370
436
|
}
|
|
@@ -567,72 +633,6 @@
|
|
|
567
633
|
"events": []
|
|
568
634
|
}
|
|
569
635
|
},
|
|
570
|
-
{
|
|
571
|
-
"name": "dap-ds-anchor-heading",
|
|
572
|
-
"description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link (default: var(--dds-color-primary)) _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered (default: 0) _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered (default: 1) _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity (default: opacity 0.2s ease-in-out) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.",
|
|
573
|
-
"doc-url": "",
|
|
574
|
-
"attributes": [
|
|
575
|
-
{
|
|
576
|
-
"name": "variant",
|
|
577
|
-
"description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
|
|
578
|
-
"value": { "type": "HeadingVariant" }
|
|
579
|
-
},
|
|
580
|
-
{
|
|
581
|
-
"name": "label",
|
|
582
|
-
"description": "The label of the heading.",
|
|
583
|
-
"value": { "type": "string" }
|
|
584
|
-
}
|
|
585
|
-
],
|
|
586
|
-
"events": [],
|
|
587
|
-
"js": {
|
|
588
|
-
"properties": [
|
|
589
|
-
{ "name": "variant", "type": "HeadingVariant" },
|
|
590
|
-
{ "name": "label", "type": "string" },
|
|
591
|
-
{ "name": "elementId" },
|
|
592
|
-
{ "name": "anchorTitle" }
|
|
593
|
-
],
|
|
594
|
-
"events": []
|
|
595
|
-
}
|
|
596
|
-
},
|
|
597
|
-
{
|
|
598
|
-
"name": "dap-ds-accordion-group",
|
|
599
|
-
"description": "An accordion group is a collection of accordion components.\n---\n\n\n### **Slots:**\n - _default_ - The content of the accordion group.\n\n### **CSS Properties:**\n - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion group container.",
|
|
600
|
-
"doc-url": "",
|
|
601
|
-
"attributes": [
|
|
602
|
-
{
|
|
603
|
-
"name": "autoClose",
|
|
604
|
-
"description": "Whether to close other accordions when one is opened.",
|
|
605
|
-
"value": { "type": "string", "default": "'true'" }
|
|
606
|
-
},
|
|
607
|
-
{
|
|
608
|
-
"name": "variant",
|
|
609
|
-
"description": "The variant of the accordion",
|
|
610
|
-
"value": {
|
|
611
|
-
"type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
|
|
612
|
-
"default": "'default'"
|
|
613
|
-
}
|
|
614
|
-
}
|
|
615
|
-
],
|
|
616
|
-
"slots": [
|
|
617
|
-
{ "name": "", "description": "The content of the accordion group." }
|
|
618
|
-
],
|
|
619
|
-
"events": [],
|
|
620
|
-
"js": {
|
|
621
|
-
"properties": [
|
|
622
|
-
{
|
|
623
|
-
"name": "autoClose",
|
|
624
|
-
"description": "Whether to close other accordions when one is opened.",
|
|
625
|
-
"type": "string"
|
|
626
|
-
},
|
|
627
|
-
{
|
|
628
|
-
"name": "variant",
|
|
629
|
-
"description": "The variant of the accordion",
|
|
630
|
-
"type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
|
|
631
|
-
}
|
|
632
|
-
],
|
|
633
|
-
"events": []
|
|
634
|
-
}
|
|
635
|
-
},
|
|
636
636
|
{
|
|
637
637
|
"name": "dap-ds-breadcrumb-item",
|
|
638
638
|
"description": "A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.\n---\n\n\n### **Slots:**\n - _default_ - The content of the breadcrumb item.\n- **separator** - The separator between breadcrumb items. Default is an arrow-right-s-line icon.\n\n### **CSS Properties:**\n - **--dds-breadcrumb-item-display** - The display property of the breadcrumb item (default: inline-flex) _(default: undefined)_\n- **--dds-breadcrumb-item-flex-wrap** - The flex-wrap property of the breadcrumb item (default: nowrap) _(default: undefined)_\n- **--dds-breadcrumb-item-align-items** - The align-items property of the breadcrumb item (default: center) _(default: undefined)_\n- **--dds-breadcrumb-item-color** - The text color of the breadcrumb item (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-breadcrumb-item-transition** - The transition property for the breadcrumb item (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-breadcrumb-item-gap** - The gap between the breadcrumb item and the separator (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-breadcrumb-item-padding** - The padding of the breadcrumb item (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-breadcrumb-item-font-size** - The font size of the breadcrumb item (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-breadcrumb-item-font-weight** - The font weight of the breadcrumb item (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-breadcrumb-item-font-weight-bold** - The bold font weight of the breadcrumb item (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-breadcrumb-item-separator-color** - The color of the separator (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-breadcrumb-item-link-color** - The color of the link (default: var(--dds-link-neutral-enabled)) _(default: undefined)_\n- **--dds-breadcrumb-item-inverted-color** - The text color when inverted (default: var(--dds-text-neutral-inverted)) _(default: undefined)_\n- **--dds-breadcrumb-item-inverted-link-color** - The link color when inverted (default: var(--dds-text-neutral-inverted)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main breadcrumb item container. The li element.\n- **link** - The link of the breadcrumb item. The dds-link component.\n- **link-base** - The base part of the link part. The dds-link components base part.\n- **item-nolink** - The item of the breadcrumb item without a link. The span element.\n- **separator** - The separator of the breadcrumb item.",
|
|
@@ -13535,7 +13535,7 @@
|
|
|
13535
13535
|
}
|
|
13536
13536
|
},
|
|
13537
13537
|
{
|
|
13538
|
-
"name": "dap-ds-icon-
|
|
13538
|
+
"name": "dap-ds-icon-add-line",
|
|
13539
13539
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13540
13540
|
"doc-url": "",
|
|
13541
13541
|
"attributes": [
|
|
@@ -13588,7 +13588,7 @@
|
|
|
13588
13588
|
}
|
|
13589
13589
|
},
|
|
13590
13590
|
{
|
|
13591
|
-
"name": "dap-ds-icon-
|
|
13591
|
+
"name": "dap-ds-icon-alert-fill",
|
|
13592
13592
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13593
13593
|
"doc-url": "",
|
|
13594
13594
|
"attributes": [
|
|
@@ -13641,7 +13641,7 @@
|
|
|
13641
13641
|
}
|
|
13642
13642
|
},
|
|
13643
13643
|
{
|
|
13644
|
-
"name": "dap-ds-icon-
|
|
13644
|
+
"name": "dap-ds-icon-alert-line",
|
|
13645
13645
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13646
13646
|
"doc-url": "",
|
|
13647
13647
|
"attributes": [
|
|
@@ -13694,7 +13694,7 @@
|
|
|
13694
13694
|
}
|
|
13695
13695
|
},
|
|
13696
13696
|
{
|
|
13697
|
-
"name": "dap-ds-icon-
|
|
13697
|
+
"name": "dap-ds-icon-check-line",
|
|
13698
13698
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13699
13699
|
"doc-url": "",
|
|
13700
13700
|
"attributes": [
|
|
@@ -13747,7 +13747,7 @@
|
|
|
13747
13747
|
}
|
|
13748
13748
|
},
|
|
13749
13749
|
{
|
|
13750
|
-
"name": "dap-ds-icon-
|
|
13750
|
+
"name": "dap-ds-icon-check-line2",
|
|
13751
13751
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13752
13752
|
"doc-url": "",
|
|
13753
13753
|
"attributes": [
|
|
@@ -13800,7 +13800,7 @@
|
|
|
13800
13800
|
}
|
|
13801
13801
|
},
|
|
13802
13802
|
{
|
|
13803
|
-
"name": "dap-ds-icon-
|
|
13803
|
+
"name": "dap-ds-icon-checkbox-blank-circle-fill",
|
|
13804
13804
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13805
13805
|
"doc-url": "",
|
|
13806
13806
|
"attributes": [
|
|
@@ -13853,7 +13853,7 @@
|
|
|
13853
13853
|
}
|
|
13854
13854
|
},
|
|
13855
13855
|
{
|
|
13856
|
-
"name": "dap-ds-icon-
|
|
13856
|
+
"name": "dap-ds-icon-checkbox-blank-circle-fill-check",
|
|
13857
13857
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13858
13858
|
"doc-url": "",
|
|
13859
13859
|
"attributes": [
|
|
@@ -13906,7 +13906,7 @@
|
|
|
13906
13906
|
}
|
|
13907
13907
|
},
|
|
13908
13908
|
{
|
|
13909
|
-
"name": "dap-ds-icon-
|
|
13909
|
+
"name": "dap-ds-icon-checkbox-blank-circle-line",
|
|
13910
13910
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13911
13911
|
"doc-url": "",
|
|
13912
13912
|
"attributes": [
|
|
@@ -13959,7 +13959,7 @@
|
|
|
13959
13959
|
}
|
|
13960
13960
|
},
|
|
13961
13961
|
{
|
|
13962
|
-
"name": "dap-ds-icon-
|
|
13962
|
+
"name": "dap-ds-icon-checkbox-circle-fill",
|
|
13963
13963
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13964
13964
|
"doc-url": "",
|
|
13965
13965
|
"attributes": [
|
|
@@ -14012,7 +14012,7 @@
|
|
|
14012
14012
|
}
|
|
14013
14013
|
},
|
|
14014
14014
|
{
|
|
14015
|
-
"name": "dap-ds-icon-checkbox-
|
|
14015
|
+
"name": "dap-ds-icon-checkbox-circle-line",
|
|
14016
14016
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14017
14017
|
"doc-url": "",
|
|
14018
14018
|
"attributes": [
|
|
@@ -14065,7 +14065,7 @@
|
|
|
14065
14065
|
}
|
|
14066
14066
|
},
|
|
14067
14067
|
{
|
|
14068
|
-
"name": "dap-ds-icon-
|
|
14068
|
+
"name": "dap-ds-icon-close-circle-fill",
|
|
14069
14069
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14070
14070
|
"doc-url": "",
|
|
14071
14071
|
"attributes": [
|
|
@@ -14118,7 +14118,7 @@
|
|
|
14118
14118
|
}
|
|
14119
14119
|
},
|
|
14120
14120
|
{
|
|
14121
|
-
"name": "dap-ds-icon-
|
|
14121
|
+
"name": "dap-ds-icon-close-circle-line",
|
|
14122
14122
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14123
14123
|
"doc-url": "",
|
|
14124
14124
|
"attributes": [
|
|
@@ -14171,7 +14171,7 @@
|
|
|
14171
14171
|
}
|
|
14172
14172
|
},
|
|
14173
14173
|
{
|
|
14174
|
-
"name": "dap-ds-icon-
|
|
14174
|
+
"name": "dap-ds-icon-close-fill",
|
|
14175
14175
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14176
14176
|
"doc-url": "",
|
|
14177
14177
|
"attributes": [
|
|
@@ -14224,7 +14224,7 @@
|
|
|
14224
14224
|
}
|
|
14225
14225
|
},
|
|
14226
14226
|
{
|
|
14227
|
-
"name": "dap-ds-icon-
|
|
14227
|
+
"name": "dap-ds-icon-close-line",
|
|
14228
14228
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14229
14229
|
"doc-url": "",
|
|
14230
14230
|
"attributes": [
|
|
@@ -14277,7 +14277,7 @@
|
|
|
14277
14277
|
}
|
|
14278
14278
|
},
|
|
14279
14279
|
{
|
|
14280
|
-
"name": "dap-ds-icon-
|
|
14280
|
+
"name": "dap-ds-icon-delete-bin-fill",
|
|
14281
14281
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14282
14282
|
"doc-url": "",
|
|
14283
14283
|
"attributes": [
|
|
@@ -14330,7 +14330,7 @@
|
|
|
14330
14330
|
}
|
|
14331
14331
|
},
|
|
14332
14332
|
{
|
|
14333
|
-
"name": "dap-ds-icon-
|
|
14333
|
+
"name": "dap-ds-icon-delete-bin-line",
|
|
14334
14334
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14335
14335
|
"doc-url": "",
|
|
14336
14336
|
"attributes": [
|
|
@@ -14383,7 +14383,7 @@
|
|
|
14383
14383
|
}
|
|
14384
14384
|
},
|
|
14385
14385
|
{
|
|
14386
|
-
"name": "dap-ds-icon-
|
|
14386
|
+
"name": "dap-ds-icon-download-line",
|
|
14387
14387
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14388
14388
|
"doc-url": "",
|
|
14389
14389
|
"attributes": [
|
|
@@ -14436,7 +14436,7 @@
|
|
|
14436
14436
|
}
|
|
14437
14437
|
},
|
|
14438
14438
|
{
|
|
14439
|
-
"name": "dap-ds-icon-
|
|
14439
|
+
"name": "dap-ds-icon-error-warning-fill",
|
|
14440
14440
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14441
14441
|
"doc-url": "",
|
|
14442
14442
|
"attributes": [
|
|
@@ -14489,7 +14489,7 @@
|
|
|
14489
14489
|
}
|
|
14490
14490
|
},
|
|
14491
14491
|
{
|
|
14492
|
-
"name": "dap-ds-icon-
|
|
14492
|
+
"name": "dap-ds-icon-error-warning-line",
|
|
14493
14493
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14494
14494
|
"doc-url": "",
|
|
14495
14495
|
"attributes": [
|
|
@@ -14542,7 +14542,7 @@
|
|
|
14542
14542
|
}
|
|
14543
14543
|
},
|
|
14544
14544
|
{
|
|
14545
|
-
"name": "dap-ds-icon-
|
|
14545
|
+
"name": "dap-ds-icon-external-link-line",
|
|
14546
14546
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14547
14547
|
"doc-url": "",
|
|
14548
14548
|
"attributes": [
|
|
@@ -14595,7 +14595,7 @@
|
|
|
14595
14595
|
}
|
|
14596
14596
|
},
|
|
14597
14597
|
{
|
|
14598
|
-
"name": "dap-ds-icon-
|
|
14598
|
+
"name": "dap-ds-icon-eye-line",
|
|
14599
14599
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14600
14600
|
"doc-url": "",
|
|
14601
14601
|
"attributes": [
|
|
@@ -14648,7 +14648,7 @@
|
|
|
14648
14648
|
}
|
|
14649
14649
|
},
|
|
14650
14650
|
{
|
|
14651
|
-
"name": "dap-ds-icon-
|
|
14651
|
+
"name": "dap-ds-icon-eye-off-line",
|
|
14652
14652
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14653
14653
|
"doc-url": "",
|
|
14654
14654
|
"attributes": [
|
|
@@ -14701,7 +14701,7 @@
|
|
|
14701
14701
|
}
|
|
14702
14702
|
},
|
|
14703
14703
|
{
|
|
14704
|
-
"name": "dap-ds-icon-
|
|
14704
|
+
"name": "dap-ds-icon-forbid-fill",
|
|
14705
14705
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14706
14706
|
"doc-url": "",
|
|
14707
14707
|
"attributes": [
|
|
@@ -14754,7 +14754,7 @@
|
|
|
14754
14754
|
}
|
|
14755
14755
|
},
|
|
14756
14756
|
{
|
|
14757
|
-
"name": "dap-ds-icon-
|
|
14757
|
+
"name": "dap-ds-icon-information-2-fill",
|
|
14758
14758
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14759
14759
|
"doc-url": "",
|
|
14760
14760
|
"attributes": [
|
|
@@ -14807,7 +14807,7 @@
|
|
|
14807
14807
|
}
|
|
14808
14808
|
},
|
|
14809
14809
|
{
|
|
14810
|
-
"name": "dap-ds-icon-
|
|
14810
|
+
"name": "dap-ds-icon-information-fill",
|
|
14811
14811
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14812
14812
|
"doc-url": "",
|
|
14813
14813
|
"attributes": [
|
|
@@ -14860,7 +14860,7 @@
|
|
|
14860
14860
|
}
|
|
14861
14861
|
},
|
|
14862
14862
|
{
|
|
14863
|
-
"name": "dap-ds-icon-
|
|
14863
|
+
"name": "dap-ds-icon-information-line",
|
|
14864
14864
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14865
14865
|
"doc-url": "",
|
|
14866
14866
|
"attributes": [
|
|
@@ -14913,7 +14913,7 @@
|
|
|
14913
14913
|
}
|
|
14914
14914
|
},
|
|
14915
14915
|
{
|
|
14916
|
-
"name": "dap-ds-icon-
|
|
14916
|
+
"name": "dap-ds-icon-lightbulb-fill",
|
|
14917
14917
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14918
14918
|
"doc-url": "",
|
|
14919
14919
|
"attributes": [
|
|
@@ -14966,7 +14966,7 @@
|
|
|
14966
14966
|
}
|
|
14967
14967
|
},
|
|
14968
14968
|
{
|
|
14969
|
-
"name": "dap-ds-icon-
|
|
14969
|
+
"name": "dap-ds-icon-loading-spinner",
|
|
14970
14970
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14971
14971
|
"doc-url": "",
|
|
14972
14972
|
"attributes": [
|
|
@@ -15019,7 +15019,7 @@
|
|
|
15019
15019
|
}
|
|
15020
15020
|
},
|
|
15021
15021
|
{
|
|
15022
|
-
"name": "dap-ds-icon-
|
|
15022
|
+
"name": "dap-ds-icon-lock-fill",
|
|
15023
15023
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15024
15024
|
"doc-url": "",
|
|
15025
15025
|
"attributes": [
|
|
@@ -15072,7 +15072,7 @@
|
|
|
15072
15072
|
}
|
|
15073
15073
|
},
|
|
15074
15074
|
{
|
|
15075
|
-
"name": "dap-ds-icon-
|
|
15075
|
+
"name": "dap-ds-icon-lock-line",
|
|
15076
15076
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15077
15077
|
"doc-url": "",
|
|
15078
15078
|
"attributes": [
|
|
@@ -15125,7 +15125,7 @@
|
|
|
15125
15125
|
}
|
|
15126
15126
|
},
|
|
15127
15127
|
{
|
|
15128
|
-
"name": "dap-ds-icon-
|
|
15128
|
+
"name": "dap-ds-icon-menu-line",
|
|
15129
15129
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15130
15130
|
"doc-url": "",
|
|
15131
15131
|
"attributes": [
|
|
@@ -15178,7 +15178,7 @@
|
|
|
15178
15178
|
}
|
|
15179
15179
|
},
|
|
15180
15180
|
{
|
|
15181
|
-
"name": "dap-ds-icon-
|
|
15181
|
+
"name": "dap-ds-icon-menu-line-s",
|
|
15182
15182
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15183
15183
|
"doc-url": "",
|
|
15184
15184
|
"attributes": [
|
|
@@ -15231,7 +15231,7 @@
|
|
|
15231
15231
|
}
|
|
15232
15232
|
},
|
|
15233
15233
|
{
|
|
15234
|
-
"name": "dap-ds-icon-
|
|
15234
|
+
"name": "dap-ds-icon-more-2-line",
|
|
15235
15235
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15236
15236
|
"doc-url": "",
|
|
15237
15237
|
"attributes": [
|
|
@@ -15284,7 +15284,7 @@
|
|
|
15284
15284
|
}
|
|
15285
15285
|
},
|
|
15286
15286
|
{
|
|
15287
|
-
"name": "dap-ds-icon-
|
|
15287
|
+
"name": "dap-ds-icon-more-line",
|
|
15288
15288
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15289
15289
|
"doc-url": "",
|
|
15290
15290
|
"attributes": [
|
|
@@ -15337,7 +15337,7 @@
|
|
|
15337
15337
|
}
|
|
15338
15338
|
},
|
|
15339
15339
|
{
|
|
15340
|
-
"name": "dap-ds-icon-
|
|
15340
|
+
"name": "dap-ds-icon-search-line",
|
|
15341
15341
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15342
15342
|
"doc-url": "",
|
|
15343
15343
|
"attributes": [
|
|
@@ -15390,7 +15390,7 @@
|
|
|
15390
15390
|
}
|
|
15391
15391
|
},
|
|
15392
15392
|
{
|
|
15393
|
-
"name": "dap-ds-icon-
|
|
15393
|
+
"name": "dap-ds-icon-share-line",
|
|
15394
15394
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15395
15395
|
"doc-url": "",
|
|
15396
15396
|
"attributes": [
|
|
@@ -15443,7 +15443,7 @@
|
|
|
15443
15443
|
}
|
|
15444
15444
|
},
|
|
15445
15445
|
{
|
|
15446
|
-
"name": "dap-ds-icon-
|
|
15446
|
+
"name": "dap-ds-icon-shield-check-fill",
|
|
15447
15447
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15448
15448
|
"doc-url": "",
|
|
15449
15449
|
"attributes": [
|
|
@@ -15496,7 +15496,7 @@
|
|
|
15496
15496
|
}
|
|
15497
15497
|
},
|
|
15498
15498
|
{
|
|
15499
|
-
"name": "dap-ds-icon-
|
|
15499
|
+
"name": "dap-ds-icon-shield-check-line",
|
|
15500
15500
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15501
15501
|
"doc-url": "",
|
|
15502
15502
|
"attributes": [
|
|
@@ -15549,7 +15549,7 @@
|
|
|
15549
15549
|
}
|
|
15550
15550
|
},
|
|
15551
15551
|
{
|
|
15552
|
-
"name": "dap-ds-icon-
|
|
15552
|
+
"name": "dap-ds-icon-star-fill",
|
|
15553
15553
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15554
15554
|
"doc-url": "",
|
|
15555
15555
|
"attributes": [
|
|
@@ -15602,7 +15602,7 @@
|
|
|
15602
15602
|
}
|
|
15603
15603
|
},
|
|
15604
15604
|
{
|
|
15605
|
-
"name": "dap-ds-icon-
|
|
15605
|
+
"name": "dap-ds-icon-subtract-line",
|
|
15606
15606
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15607
15607
|
"doc-url": "",
|
|
15608
15608
|
"attributes": [
|
|
@@ -15655,7 +15655,7 @@
|
|
|
15655
15655
|
}
|
|
15656
15656
|
},
|
|
15657
15657
|
{
|
|
15658
|
-
"name": "dap-ds-icon-
|
|
15658
|
+
"name": "dap-ds-icon-subtract-line2",
|
|
15659
15659
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15660
15660
|
"doc-url": "",
|
|
15661
15661
|
"attributes": [
|
|
@@ -15708,7 +15708,7 @@
|
|
|
15708
15708
|
}
|
|
15709
15709
|
},
|
|
15710
15710
|
{
|
|
15711
|
-
"name": "dap-ds-icon-
|
|
15711
|
+
"name": "dap-ds-icon-time-fill",
|
|
15712
15712
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15713
15713
|
"doc-url": "",
|
|
15714
15714
|
"attributes": [
|
|
@@ -15761,7 +15761,7 @@
|
|
|
15761
15761
|
}
|
|
15762
15762
|
},
|
|
15763
15763
|
{
|
|
15764
|
-
"name": "dap-ds-icon-
|
|
15764
|
+
"name": "dap-ds-icon-time-line",
|
|
15765
15765
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15766
15766
|
"doc-url": "",
|
|
15767
15767
|
"attributes": [
|
|
@@ -15814,7 +15814,7 @@
|
|
|
15814
15814
|
}
|
|
15815
15815
|
},
|
|
15816
15816
|
{
|
|
15817
|
-
"name": "dap-ds-icon-
|
|
15817
|
+
"name": "dap-ds-icon-upload-2-fill",
|
|
15818
15818
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15819
15819
|
"doc-url": "",
|
|
15820
15820
|
"attributes": [
|
|
@@ -15867,7 +15867,7 @@
|
|
|
15867
15867
|
}
|
|
15868
15868
|
},
|
|
15869
15869
|
{
|
|
15870
|
-
"name": "dap-ds-icon-
|
|
15870
|
+
"name": "dap-ds-icon-upload-2-line",
|
|
15871
15871
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15872
15872
|
"doc-url": "",
|
|
15873
15873
|
"attributes": [
|
|
@@ -15920,7 +15920,7 @@
|
|
|
15920
15920
|
}
|
|
15921
15921
|
},
|
|
15922
15922
|
{
|
|
15923
|
-
"name": "dap-ds-icon-
|
|
15923
|
+
"name": "dap-ds-icon-upload-line",
|
|
15924
15924
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15925
15925
|
"doc-url": "",
|
|
15926
15926
|
"attributes": [
|
|
@@ -15973,7 +15973,7 @@
|
|
|
15973
15973
|
}
|
|
15974
15974
|
},
|
|
15975
15975
|
{
|
|
15976
|
-
"name": "dap-ds-icon-
|
|
15976
|
+
"name": "dap-ds-icon-zoom-in-line",
|
|
15977
15977
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
15978
15978
|
"doc-url": "",
|
|
15979
15979
|
"attributes": [
|
|
@@ -16026,7 +16026,7 @@
|
|
|
16026
16026
|
}
|
|
16027
16027
|
},
|
|
16028
16028
|
{
|
|
16029
|
-
"name": "dap-ds-icon-
|
|
16029
|
+
"name": "dap-ds-icon-zoom-out-line",
|
|
16030
16030
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
16031
16031
|
"doc-url": "",
|
|
16032
16032
|
"attributes": [
|
|
@@ -16079,7 +16079,7 @@
|
|
|
16079
16079
|
}
|
|
16080
16080
|
},
|
|
16081
16081
|
{
|
|
16082
|
-
"name": "dap-ds-icon-
|
|
16082
|
+
"name": "dap-ds-icon-account-circle-fill",
|
|
16083
16083
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
16084
16084
|
"doc-url": "",
|
|
16085
16085
|
"attributes": [
|
|
@@ -16132,7 +16132,7 @@
|
|
|
16132
16132
|
}
|
|
16133
16133
|
},
|
|
16134
16134
|
{
|
|
16135
|
-
"name": "dap-ds-icon-
|
|
16135
|
+
"name": "dap-ds-icon-account-circle-line",
|
|
16136
16136
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
16137
16137
|
"doc-url": "",
|
|
16138
16138
|
"attributes": [
|
|
@@ -16185,7 +16185,7 @@
|
|
|
16185
16185
|
}
|
|
16186
16186
|
},
|
|
16187
16187
|
{
|
|
16188
|
-
"name": "dap-ds-icon-
|
|
16188
|
+
"name": "dap-ds-icon-user-fill",
|
|
16189
16189
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
16190
16190
|
"doc-url": "",
|
|
16191
16191
|
"attributes": [
|
|
@@ -16238,7 +16238,7 @@
|
|
|
16238
16238
|
}
|
|
16239
16239
|
},
|
|
16240
16240
|
{
|
|
16241
|
-
"name": "dap-ds-icon-
|
|
16241
|
+
"name": "dap-ds-icon-user-line",
|
|
16242
16242
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
16243
16243
|
"doc-url": "",
|
|
16244
16244
|
"attributes": [
|