dap-design-system 0.57.3 → 0.57.4

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.
@@ -113,6 +113,33 @@
113
113
  ]
114
114
  }
115
115
  },
116
+ {
117
+ "name": "dap-ds-anchor-heading",
118
+ "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.",
119
+ "doc-url": "",
120
+ "attributes": [
121
+ {
122
+ "name": "variant",
123
+ "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
124
+ "value": { "type": "HeadingVariant" }
125
+ },
126
+ {
127
+ "name": "label",
128
+ "description": "The label of the heading.",
129
+ "value": { "type": "string" }
130
+ }
131
+ ],
132
+ "events": [],
133
+ "js": {
134
+ "properties": [
135
+ { "name": "variant", "type": "HeadingVariant" },
136
+ { "name": "label", "type": "string" },
137
+ { "name": "elementId" },
138
+ { "name": "anchorTitle" }
139
+ ],
140
+ "events": []
141
+ }
142
+ },
116
143
  {
117
144
  "name": "dap-ds-avatar-group",
118
145
  "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.",
@@ -212,163 +239,6 @@
212
239
  ]
213
240
  }
214
241
  },
215
- {
216
- "name": "dap-ds-avatar",
217
- "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.",
218
- "doc-url": "",
219
- "attributes": [
220
- {
221
- "name": "shape",
222
- "description": "The shape of the avatar",
223
- "value": {
224
- "type": "'circle' | 'rounded' | 'square'",
225
- "default": "'circle'"
226
- }
227
- },
228
- {
229
- "name": "variant",
230
- "description": "The variant type of the avatar",
231
- "value": {
232
- "type": "'image' | 'initials' | 'icon'",
233
- "default": "'image'"
234
- }
235
- },
236
- {
237
- "name": "src",
238
- "description": "The source of the avatar image",
239
- "value": { "type": "string" }
240
- },
241
- {
242
- "name": "alt",
243
- "description": "The alt text of the avatar",
244
- "value": { "type": "string" }
245
- },
246
- {
247
- "name": "initials",
248
- "description": "The initials to display when variant is 'initials'",
249
- "value": { "type": "string" }
250
- },
251
- {
252
- "name": "label",
253
- "description": "Accessible label for the avatar",
254
- "value": { "type": "string" }
255
- },
256
- {
257
- "name": "loading",
258
- "description": "Loading state indicator",
259
- "value": { "type": "boolean", "default": "false" }
260
- },
261
- {
262
- "name": "interactive",
263
- "description": "Whether the avatar is interactive (clickable)",
264
- "value": { "type": "boolean", "default": "false" }
265
- },
266
- {
267
- "name": "width",
268
- "description": "The width of the avatar. This will override the size",
269
- "value": { "type": "number" }
270
- },
271
- {
272
- "name": "height",
273
- "description": "The height of the avatar. This will override the size",
274
- "value": { "type": "number" }
275
- }
276
- ],
277
- "slots": [
278
- {
279
- "name": "icon",
280
- "description": "The icon to display when variant is 'icon'."
281
- },
282
- {
283
- "name": "fallback",
284
- "description": "Custom fallback content when image fails to load."
285
- }
286
- ],
287
- "events": [
288
- {
289
- "name": "dds-load",
290
- "description": "Fired when the image loads successfully."
291
- },
292
- {
293
- "name": "dds-error",
294
- "description": "Fired when the image fails to load."
295
- }
296
- ],
297
- "js": {
298
- "properties": [
299
- {
300
- "name": "shape",
301
- "description": "The shape of the avatar",
302
- "type": "'circle' | 'rounded' | 'square'"
303
- },
304
- {
305
- "name": "variant",
306
- "description": "The variant type of the avatar",
307
- "type": "'image' | 'initials' | 'icon'"
308
- },
309
- {
310
- "name": "src",
311
- "description": "The source of the avatar image",
312
- "type": "string"
313
- },
314
- {
315
- "name": "alt",
316
- "description": "The alt text of the avatar",
317
- "type": "string"
318
- },
319
- {
320
- "name": "initials",
321
- "description": "The initials to display when variant is 'initials'",
322
- "type": "string"
323
- },
324
- {
325
- "name": "label",
326
- "description": "Accessible label for the avatar",
327
- "type": "string"
328
- },
329
- {
330
- "name": "loading",
331
- "description": "Loading state indicator",
332
- "type": "boolean"
333
- },
334
- {
335
- "name": "interactive",
336
- "description": "Whether the avatar is interactive (clickable)",
337
- "type": "boolean"
338
- },
339
- {
340
- "name": "width",
341
- "description": "The width of the avatar. This will override the size",
342
- "type": "number"
343
- },
344
- {
345
- "name": "height",
346
- "description": "The height of the avatar. This will override the size",
347
- "type": "number"
348
- },
349
- {
350
- "name": "size",
351
- "description": "The size of the avatar. Default is `md`.",
352
- "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
353
- },
354
- {
355
- "name": "sizeMap",
356
- "description": "Responsive size map (e.g. \"md:lg\").",
357
- "type": "string"
358
- }
359
- ],
360
- "events": [
361
- {
362
- "name": "dds-load",
363
- "description": "Fired when the image loads successfully."
364
- },
365
- {
366
- "name": "dds-error",
367
- "description": "Fired when the image fails to load."
368
- }
369
- ]
370
- }
371
- },
372
242
  {
373
243
  "name": "dap-ds-badge",
374
244
  "description": "A badge is a small status descriptor for UI elements.\n---\n\n\n### **Slots:**\n - _default_ - The content of the badge.\n- **icon** - The icon of the badge.\n\n### **CSS Properties:**\n - **--dds-badge-border-width** - The width of the badge's border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-badge-border-style** - The style of the badge's border (default: solid) _(default: undefined)_\n- **--dds-badge-border-radius** - The border radius of the badge (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-badge-font-weight** - The font weight of the badge text (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-badge-line-height** - The line height of the badge text (default: 1.2) _(default: undefined)_\n- **--dds-badge-transition** - The transition property for the badge (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-badge-padding-sm** - The padding of the small badge (default: var(--dds-spacing-100) var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-badge-padding-lg** - The padding of the large badge (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-badge-font-size-sm** - The font size of the small badge (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-badge-font-size-lg** - The font size of the large badge (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-badge-neutral-border-color** - The border color of the neutral badge (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-badge-neutral-background** - The background color of the neutral badge (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-badge-neutral-color** - The text color of the neutral badge (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-badge-brand-border-color** - The border color of the brand badge (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-badge-brand-background** - The background color of the brand badge (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-badge-brand-color** - The text color of the brand badge (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-badge-info-border-color** - The border color of the info badge (default: var(--dds-border-informative-base)) _(default: undefined)_\n- **--dds-badge-info-background** - The background color of the info badge (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-badge-info-color** - The text color of the info badge (default: var(--dds-text-informative-subtle)) _(default: undefined)_\n- **--dds-badge-positive-border-color** - The border color of the positive badge (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-badge-positive-background** - The background color of the positive badge (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-badge-positive-color** - The text color of the positive badge (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-badge-warning-border-color** - The border color of the warning badge (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-badge-warning-background** - The background color of the warning badge (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-badge-warning-color** - The text color of the warning badge (default: var(--dds-text-warning-subtle)) _(default: undefined)_\n- **--dds-badge-negative-border-color** - The border color of the negative badge (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-badge-negative-background** - The background color of the negative badge (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-badge-negative-color** - The text color of the negative badge (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the badge.\n- **icon** - The icon of the badge.\n- **content** - The content of the badge.\n- **icon-base** - The base of the icon.",
@@ -429,6 +299,45 @@
429
299
  "events": []
430
300
  }
431
301
  },
302
+ {
303
+ "name": "dap-ds-accordion-group",
304
+ "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.",
305
+ "doc-url": "",
306
+ "attributes": [
307
+ {
308
+ "name": "autoClose",
309
+ "description": "Whether to close other accordions when one is opened.",
310
+ "value": { "type": "string", "default": "'true'" }
311
+ },
312
+ {
313
+ "name": "variant",
314
+ "description": "The variant of the accordion",
315
+ "value": {
316
+ "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
317
+ "default": "'default'"
318
+ }
319
+ }
320
+ ],
321
+ "slots": [
322
+ { "name": "", "description": "The content of the accordion group." }
323
+ ],
324
+ "events": [],
325
+ "js": {
326
+ "properties": [
327
+ {
328
+ "name": "autoClose",
329
+ "description": "Whether to close other accordions when one is opened.",
330
+ "type": "string"
331
+ },
332
+ {
333
+ "name": "variant",
334
+ "description": "The variant of the accordion",
335
+ "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
336
+ }
337
+ ],
338
+ "events": []
339
+ }
340
+ },
432
341
  {
433
342
  "name": "dap-ds-banner",
434
343
  "description": "A banner is a message displayed at the top of the page to provide important information to the user.\n---\n\n\n### **Events:**\n - **dds-close** - Event fired when the banner is closed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **actions** - Actions of banner\n- **icon** - The icon of the banner.\n\n### **CSS Properties:**\n - **--dds-banner-gap** - The gap between banner elements (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-banner-line-height** - The line height of the banner text (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-banner-transition** - The transition property for the banner (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-banner-brand-background** - The background color of the brand banner (default: var(--dds-banner-background-brand)) _(default: undefined)_\n- **--dds-banner-brand-icon-color** - The color of the brand banner icon (default: var(--dds-banner-icon-brand)) _(default: undefined)_\n- **--dds-banner-brand-text-color** - The text color of the brand banner (default: var(--dds-banner-text-brand)) _(default: undefined)_\n- **--dds-banner-brand-action-color** - The color of the brand banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-info-background** - The background color of the info banner (default: var(--dds-banner-background-informative)) _(default: undefined)_\n- **--dds-banner-info-icon-color** - The color of the info banner icon (default: var(--dds-banner-icon-informative)) _(default: undefined)_\n- **--dds-banner-info-text-color** - The text color of the info banner (default: var(--dds-banner-text-informative)) _(default: undefined)_\n- **--dds-banner-info-action-color** - The color of the info banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-positive-background** - The background color of the positive banner (default: var(--dds-banner-background-positive)) _(default: undefined)_\n- **--dds-banner-positive-icon-color** - The color of the positive banner icon (default: var(--dds-banner-icon-positive)) _(default: undefined)_\n- **--dds-banner-positive-text-color** - The text color of the positive banner (default: var(--dds-banner-text-positive)) _(default: undefined)_\n- **--dds-banner-positive-action-color** - The color of the positive banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-warning-background** - The background color of the warning banner (default: var(--dds-banner-background-warning)) _(default: undefined)_\n- **--dds-banner-warning-icon-color** - The color of the warning banner icon (default: var(--dds-banner-icon-warning)) _(default: undefined)_\n- **--dds-banner-warning-text-color** - The text color of the warning banner (default: var(--dds-banner-text-warning)) _(default: undefined)_\n- **--dds-banner-warning-action-color** - The color of the warning banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n- **--dds-banner-negative-background** - The background color of the negative banner (default: var(--dds-banner-background-negative)) _(default: undefined)_\n- **--dds-banner-negative-icon-color** - The color of the negative banner icon (default: var(--dds-banner-icon-negative)) _(default: undefined)_\n- **--dds-banner-negative-text-color** - The text color of the negative banner (default: var(--dds-banner-text-negative)) _(default: undefined)_\n- **--dds-banner-negative-action-color** - The color of the negative banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main banner container.\n- **card-base** - The wrapper card container.\n- **icon** - The icon of the banner.\n- **icon-element** - The icon element of the banner.\n- **icon-base** - The base of the icon.\n- **closebutton** - The close button of the banner.\n- **close-icon-element** - The icon element of the close button.\n- **close-icon-base** - The base of the close button icon.\n- **actions** - The actions of the banner.\n- **title** - The title of the banner.",
@@ -513,42 +422,160 @@
513
422
  }
514
423
  },
515
424
  {
516
- "name": "dap-ds-accordion-group",
517
- "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.",
425
+ "name": "dap-ds-avatar",
426
+ "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.",
518
427
  "doc-url": "",
519
428
  "attributes": [
520
429
  {
521
- "name": "autoClose",
522
- "description": "Whether to close other accordions when one is opened.",
523
- "value": { "type": "string", "default": "'true'" }
430
+ "name": "shape",
431
+ "description": "The shape of the avatar",
432
+ "value": {
433
+ "type": "'circle' | 'rounded' | 'square'",
434
+ "default": "'circle'"
435
+ }
524
436
  },
525
437
  {
526
438
  "name": "variant",
527
- "description": "The variant of the accordion",
439
+ "description": "The variant type of the avatar",
528
440
  "value": {
529
- "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
530
- "default": "'default'"
441
+ "type": "'image' | 'initials' | 'icon'",
442
+ "default": "'image'"
531
443
  }
444
+ },
445
+ {
446
+ "name": "src",
447
+ "description": "The source of the avatar image",
448
+ "value": { "type": "string" }
449
+ },
450
+ {
451
+ "name": "alt",
452
+ "description": "The alt text of the avatar",
453
+ "value": { "type": "string" }
454
+ },
455
+ {
456
+ "name": "initials",
457
+ "description": "The initials to display when variant is 'initials'",
458
+ "value": { "type": "string" }
459
+ },
460
+ {
461
+ "name": "label",
462
+ "description": "Accessible label for the avatar",
463
+ "value": { "type": "string" }
464
+ },
465
+ {
466
+ "name": "loading",
467
+ "description": "Loading state indicator",
468
+ "value": { "type": "boolean", "default": "false" }
469
+ },
470
+ {
471
+ "name": "interactive",
472
+ "description": "Whether the avatar is interactive (clickable)",
473
+ "value": { "type": "boolean", "default": "false" }
474
+ },
475
+ {
476
+ "name": "width",
477
+ "description": "The width of the avatar. This will override the size",
478
+ "value": { "type": "number" }
479
+ },
480
+ {
481
+ "name": "height",
482
+ "description": "The height of the avatar. This will override the size",
483
+ "value": { "type": "number" }
532
484
  }
533
485
  ],
534
486
  "slots": [
535
- { "name": "", "description": "The content of the accordion group." }
487
+ {
488
+ "name": "icon",
489
+ "description": "The icon to display when variant is 'icon'."
490
+ },
491
+ {
492
+ "name": "fallback",
493
+ "description": "Custom fallback content when image fails to load."
494
+ }
495
+ ],
496
+ "events": [
497
+ {
498
+ "name": "dds-load",
499
+ "description": "Fired when the image loads successfully."
500
+ },
501
+ {
502
+ "name": "dds-error",
503
+ "description": "Fired when the image fails to load."
504
+ }
536
505
  ],
537
- "events": [],
538
506
  "js": {
539
507
  "properties": [
540
508
  {
541
- "name": "autoClose",
542
- "description": "Whether to close other accordions when one is opened.",
543
- "type": "string"
509
+ "name": "shape",
510
+ "description": "The shape of the avatar",
511
+ "type": "'circle' | 'rounded' | 'square'"
544
512
  },
545
513
  {
546
514
  "name": "variant",
547
- "description": "The variant of the accordion",
548
- "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
515
+ "description": "The variant type of the avatar",
516
+ "type": "'image' | 'initials' | 'icon'"
517
+ },
518
+ {
519
+ "name": "src",
520
+ "description": "The source of the avatar image",
521
+ "type": "string"
522
+ },
523
+ {
524
+ "name": "alt",
525
+ "description": "The alt text of the avatar",
526
+ "type": "string"
527
+ },
528
+ {
529
+ "name": "initials",
530
+ "description": "The initials to display when variant is 'initials'",
531
+ "type": "string"
532
+ },
533
+ {
534
+ "name": "label",
535
+ "description": "Accessible label for the avatar",
536
+ "type": "string"
537
+ },
538
+ {
539
+ "name": "loading",
540
+ "description": "Loading state indicator",
541
+ "type": "boolean"
542
+ },
543
+ {
544
+ "name": "interactive",
545
+ "description": "Whether the avatar is interactive (clickable)",
546
+ "type": "boolean"
547
+ },
548
+ {
549
+ "name": "width",
550
+ "description": "The width of the avatar. This will override the size",
551
+ "type": "number"
552
+ },
553
+ {
554
+ "name": "height",
555
+ "description": "The height of the avatar. This will override the size",
556
+ "type": "number"
557
+ },
558
+ {
559
+ "name": "size",
560
+ "description": "The size of the avatar. Default is `md`.",
561
+ "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
562
+ },
563
+ {
564
+ "name": "sizeMap",
565
+ "description": "Responsive size map (e.g. \"md:lg\").",
566
+ "type": "string"
549
567
  }
550
568
  ],
551
- "events": []
569
+ "events": [
570
+ {
571
+ "name": "dds-load",
572
+ "description": "Fired when the image loads successfully."
573
+ },
574
+ {
575
+ "name": "dds-error",
576
+ "description": "Fired when the image fails to load."
577
+ }
578
+ ]
552
579
  }
553
580
  },
554
581
  {
@@ -596,33 +623,6 @@
596
623
  "events": []
597
624
  }
598
625
  },
599
- {
600
- "name": "dap-ds-anchor-heading",
601
- "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.",
602
- "doc-url": "",
603
- "attributes": [
604
- {
605
- "name": "variant",
606
- "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
607
- "value": { "type": "HeadingVariant" }
608
- },
609
- {
610
- "name": "label",
611
- "description": "The label of the heading.",
612
- "value": { "type": "string" }
613
- }
614
- ],
615
- "events": [],
616
- "js": {
617
- "properties": [
618
- { "name": "variant", "type": "HeadingVariant" },
619
- { "name": "label", "type": "string" },
620
- { "name": "elementId" },
621
- { "name": "anchorTitle" }
622
- ],
623
- "events": []
624
- }
625
- },
626
626
  {
627
627
  "name": "dap-ds-breadcrumb-item",
628
628
  "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.",
@@ -12989,7 +12989,7 @@
12989
12989
  }
12990
12990
  },
12991
12991
  {
12992
- "name": "dap-ds-icon-account-circle-fill",
12992
+ "name": "dap-ds-icon-add-line",
12993
12993
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
12994
12994
  "doc-url": "",
12995
12995
  "attributes": [
@@ -13042,7 +13042,7 @@
13042
13042
  }
13043
13043
  },
13044
13044
  {
13045
- "name": "dap-ds-icon-account-circle-line",
13045
+ "name": "dap-ds-icon-alert-fill",
13046
13046
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13047
13047
  "doc-url": "",
13048
13048
  "attributes": [
@@ -13095,7 +13095,7 @@
13095
13095
  }
13096
13096
  },
13097
13097
  {
13098
- "name": "dap-ds-icon-user-fill",
13098
+ "name": "dap-ds-icon-alert-line",
13099
13099
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13100
13100
  "doc-url": "",
13101
13101
  "attributes": [
@@ -13148,7 +13148,7 @@
13148
13148
  }
13149
13149
  },
13150
13150
  {
13151
- "name": "dap-ds-icon-user-line",
13151
+ "name": "dap-ds-icon-check-line",
13152
13152
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13153
13153
  "doc-url": "",
13154
13154
  "attributes": [
@@ -13201,7 +13201,7 @@
13201
13201
  }
13202
13202
  },
13203
13203
  {
13204
- "name": "dap-ds-icon-add-line",
13204
+ "name": "dap-ds-icon-check-line2",
13205
13205
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13206
13206
  "doc-url": "",
13207
13207
  "attributes": [
@@ -13254,7 +13254,7 @@
13254
13254
  }
13255
13255
  },
13256
13256
  {
13257
- "name": "dap-ds-icon-alert-fill",
13257
+ "name": "dap-ds-icon-checkbox-blank-circle-fill",
13258
13258
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13259
13259
  "doc-url": "",
13260
13260
  "attributes": [
@@ -13307,7 +13307,7 @@
13307
13307
  }
13308
13308
  },
13309
13309
  {
13310
- "name": "dap-ds-icon-alert-line",
13310
+ "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
13311
13311
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13312
13312
  "doc-url": "",
13313
13313
  "attributes": [
@@ -13360,7 +13360,7 @@
13360
13360
  }
13361
13361
  },
13362
13362
  {
13363
- "name": "dap-ds-icon-check-line",
13363
+ "name": "dap-ds-icon-checkbox-blank-circle-line",
13364
13364
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13365
13365
  "doc-url": "",
13366
13366
  "attributes": [
@@ -13413,7 +13413,7 @@
13413
13413
  }
13414
13414
  },
13415
13415
  {
13416
- "name": "dap-ds-icon-check-line2",
13416
+ "name": "dap-ds-icon-checkbox-circle-fill",
13417
13417
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13418
13418
  "doc-url": "",
13419
13419
  "attributes": [
@@ -13466,7 +13466,7 @@
13466
13466
  }
13467
13467
  },
13468
13468
  {
13469
- "name": "dap-ds-icon-checkbox-blank-circle-fill",
13469
+ "name": "dap-ds-icon-checkbox-circle-line",
13470
13470
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13471
13471
  "doc-url": "",
13472
13472
  "attributes": [
@@ -13519,7 +13519,7 @@
13519
13519
  }
13520
13520
  },
13521
13521
  {
13522
- "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
13522
+ "name": "dap-ds-icon-close-circle-fill",
13523
13523
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13524
13524
  "doc-url": "",
13525
13525
  "attributes": [
@@ -13572,7 +13572,7 @@
13572
13572
  }
13573
13573
  },
13574
13574
  {
13575
- "name": "dap-ds-icon-checkbox-blank-circle-line",
13575
+ "name": "dap-ds-icon-close-circle-line",
13576
13576
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13577
13577
  "doc-url": "",
13578
13578
  "attributes": [
@@ -13625,7 +13625,7 @@
13625
13625
  }
13626
13626
  },
13627
13627
  {
13628
- "name": "dap-ds-icon-checkbox-circle-fill",
13628
+ "name": "dap-ds-icon-close-fill",
13629
13629
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13630
13630
  "doc-url": "",
13631
13631
  "attributes": [
@@ -13678,7 +13678,7 @@
13678
13678
  }
13679
13679
  },
13680
13680
  {
13681
- "name": "dap-ds-icon-checkbox-circle-line",
13681
+ "name": "dap-ds-icon-close-line",
13682
13682
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13683
13683
  "doc-url": "",
13684
13684
  "attributes": [
@@ -13731,7 +13731,7 @@
13731
13731
  }
13732
13732
  },
13733
13733
  {
13734
- "name": "dap-ds-icon-close-circle-fill",
13734
+ "name": "dap-ds-icon-delete-bin-fill",
13735
13735
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13736
13736
  "doc-url": "",
13737
13737
  "attributes": [
@@ -13784,7 +13784,7 @@
13784
13784
  }
13785
13785
  },
13786
13786
  {
13787
- "name": "dap-ds-icon-close-circle-line",
13787
+ "name": "dap-ds-icon-delete-bin-line",
13788
13788
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13789
13789
  "doc-url": "",
13790
13790
  "attributes": [
@@ -13837,7 +13837,7 @@
13837
13837
  }
13838
13838
  },
13839
13839
  {
13840
- "name": "dap-ds-icon-close-fill",
13840
+ "name": "dap-ds-icon-download-line",
13841
13841
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13842
13842
  "doc-url": "",
13843
13843
  "attributes": [
@@ -13890,7 +13890,7 @@
13890
13890
  }
13891
13891
  },
13892
13892
  {
13893
- "name": "dap-ds-icon-close-line",
13893
+ "name": "dap-ds-icon-error-warning-fill",
13894
13894
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13895
13895
  "doc-url": "",
13896
13896
  "attributes": [
@@ -13943,7 +13943,7 @@
13943
13943
  }
13944
13944
  },
13945
13945
  {
13946
- "name": "dap-ds-icon-delete-bin-fill",
13946
+ "name": "dap-ds-icon-error-warning-line",
13947
13947
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13948
13948
  "doc-url": "",
13949
13949
  "attributes": [
@@ -13996,7 +13996,7 @@
13996
13996
  }
13997
13997
  },
13998
13998
  {
13999
- "name": "dap-ds-icon-delete-bin-line",
13999
+ "name": "dap-ds-icon-external-link-line",
14000
14000
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14001
14001
  "doc-url": "",
14002
14002
  "attributes": [
@@ -14049,7 +14049,7 @@
14049
14049
  }
14050
14050
  },
14051
14051
  {
14052
- "name": "dap-ds-icon-download-line",
14052
+ "name": "dap-ds-icon-eye-line",
14053
14053
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14054
14054
  "doc-url": "",
14055
14055
  "attributes": [
@@ -14102,7 +14102,7 @@
14102
14102
  }
14103
14103
  },
14104
14104
  {
14105
- "name": "dap-ds-icon-error-warning-fill",
14105
+ "name": "dap-ds-icon-eye-off-line",
14106
14106
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14107
14107
  "doc-url": "",
14108
14108
  "attributes": [
@@ -14155,7 +14155,7 @@
14155
14155
  }
14156
14156
  },
14157
14157
  {
14158
- "name": "dap-ds-icon-error-warning-line",
14158
+ "name": "dap-ds-icon-forbid-fill",
14159
14159
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14160
14160
  "doc-url": "",
14161
14161
  "attributes": [
@@ -14208,7 +14208,7 @@
14208
14208
  }
14209
14209
  },
14210
14210
  {
14211
- "name": "dap-ds-icon-external-link-line",
14211
+ "name": "dap-ds-icon-information-2-fill",
14212
14212
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14213
14213
  "doc-url": "",
14214
14214
  "attributes": [
@@ -14261,7 +14261,7 @@
14261
14261
  }
14262
14262
  },
14263
14263
  {
14264
- "name": "dap-ds-icon-eye-line",
14264
+ "name": "dap-ds-icon-information-fill",
14265
14265
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14266
14266
  "doc-url": "",
14267
14267
  "attributes": [
@@ -14314,7 +14314,7 @@
14314
14314
  }
14315
14315
  },
14316
14316
  {
14317
- "name": "dap-ds-icon-eye-off-line",
14317
+ "name": "dap-ds-icon-information-line",
14318
14318
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14319
14319
  "doc-url": "",
14320
14320
  "attributes": [
@@ -14367,7 +14367,7 @@
14367
14367
  }
14368
14368
  },
14369
14369
  {
14370
- "name": "dap-ds-icon-forbid-fill",
14370
+ "name": "dap-ds-icon-lightbulb-fill",
14371
14371
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14372
14372
  "doc-url": "",
14373
14373
  "attributes": [
@@ -14420,7 +14420,7 @@
14420
14420
  }
14421
14421
  },
14422
14422
  {
14423
- "name": "dap-ds-icon-information-2-fill",
14423
+ "name": "dap-ds-icon-loading-spinner",
14424
14424
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14425
14425
  "doc-url": "",
14426
14426
  "attributes": [
@@ -14473,7 +14473,7 @@
14473
14473
  }
14474
14474
  },
14475
14475
  {
14476
- "name": "dap-ds-icon-information-fill",
14476
+ "name": "dap-ds-icon-lock-fill",
14477
14477
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14478
14478
  "doc-url": "",
14479
14479
  "attributes": [
@@ -14526,7 +14526,7 @@
14526
14526
  }
14527
14527
  },
14528
14528
  {
14529
- "name": "dap-ds-icon-information-line",
14529
+ "name": "dap-ds-icon-lock-line",
14530
14530
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14531
14531
  "doc-url": "",
14532
14532
  "attributes": [
@@ -14579,7 +14579,7 @@
14579
14579
  }
14580
14580
  },
14581
14581
  {
14582
- "name": "dap-ds-icon-lightbulb-fill",
14582
+ "name": "dap-ds-icon-menu-line",
14583
14583
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14584
14584
  "doc-url": "",
14585
14585
  "attributes": [
@@ -14632,7 +14632,7 @@
14632
14632
  }
14633
14633
  },
14634
14634
  {
14635
- "name": "dap-ds-icon-loading-spinner",
14635
+ "name": "dap-ds-icon-menu-line-s",
14636
14636
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14637
14637
  "doc-url": "",
14638
14638
  "attributes": [
@@ -14685,7 +14685,7 @@
14685
14685
  }
14686
14686
  },
14687
14687
  {
14688
- "name": "dap-ds-icon-lock-fill",
14688
+ "name": "dap-ds-icon-more-2-line",
14689
14689
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14690
14690
  "doc-url": "",
14691
14691
  "attributes": [
@@ -14738,7 +14738,7 @@
14738
14738
  }
14739
14739
  },
14740
14740
  {
14741
- "name": "dap-ds-icon-lock-line",
14741
+ "name": "dap-ds-icon-more-line",
14742
14742
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14743
14743
  "doc-url": "",
14744
14744
  "attributes": [
@@ -14791,7 +14791,7 @@
14791
14791
  }
14792
14792
  },
14793
14793
  {
14794
- "name": "dap-ds-icon-menu-line",
14794
+ "name": "dap-ds-icon-search-line",
14795
14795
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14796
14796
  "doc-url": "",
14797
14797
  "attributes": [
@@ -14844,7 +14844,7 @@
14844
14844
  }
14845
14845
  },
14846
14846
  {
14847
- "name": "dap-ds-icon-menu-line-s",
14847
+ "name": "dap-ds-icon-share-line",
14848
14848
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14849
14849
  "doc-url": "",
14850
14850
  "attributes": [
@@ -14897,7 +14897,7 @@
14897
14897
  }
14898
14898
  },
14899
14899
  {
14900
- "name": "dap-ds-icon-more-2-line",
14900
+ "name": "dap-ds-icon-shield-check-fill",
14901
14901
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14902
14902
  "doc-url": "",
14903
14903
  "attributes": [
@@ -14950,7 +14950,7 @@
14950
14950
  }
14951
14951
  },
14952
14952
  {
14953
- "name": "dap-ds-icon-more-line",
14953
+ "name": "dap-ds-icon-shield-check-line",
14954
14954
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14955
14955
  "doc-url": "",
14956
14956
  "attributes": [
@@ -15003,7 +15003,7 @@
15003
15003
  }
15004
15004
  },
15005
15005
  {
15006
- "name": "dap-ds-icon-search-line",
15006
+ "name": "dap-ds-icon-star-fill",
15007
15007
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15008
15008
  "doc-url": "",
15009
15009
  "attributes": [
@@ -15056,7 +15056,7 @@
15056
15056
  }
15057
15057
  },
15058
15058
  {
15059
- "name": "dap-ds-icon-share-line",
15059
+ "name": "dap-ds-icon-subtract-line",
15060
15060
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15061
15061
  "doc-url": "",
15062
15062
  "attributes": [
@@ -15109,7 +15109,7 @@
15109
15109
  }
15110
15110
  },
15111
15111
  {
15112
- "name": "dap-ds-icon-shield-check-fill",
15112
+ "name": "dap-ds-icon-subtract-line2",
15113
15113
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15114
15114
  "doc-url": "",
15115
15115
  "attributes": [
@@ -15162,7 +15162,7 @@
15162
15162
  }
15163
15163
  },
15164
15164
  {
15165
- "name": "dap-ds-icon-shield-check-line",
15165
+ "name": "dap-ds-icon-time-fill",
15166
15166
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15167
15167
  "doc-url": "",
15168
15168
  "attributes": [
@@ -15215,7 +15215,7 @@
15215
15215
  }
15216
15216
  },
15217
15217
  {
15218
- "name": "dap-ds-icon-star-fill",
15218
+ "name": "dap-ds-icon-time-line",
15219
15219
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15220
15220
  "doc-url": "",
15221
15221
  "attributes": [
@@ -15268,7 +15268,7 @@
15268
15268
  }
15269
15269
  },
15270
15270
  {
15271
- "name": "dap-ds-icon-subtract-line",
15271
+ "name": "dap-ds-icon-upload-2-fill",
15272
15272
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15273
15273
  "doc-url": "",
15274
15274
  "attributes": [
@@ -15321,7 +15321,7 @@
15321
15321
  }
15322
15322
  },
15323
15323
  {
15324
- "name": "dap-ds-icon-subtract-line2",
15324
+ "name": "dap-ds-icon-upload-2-line",
15325
15325
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15326
15326
  "doc-url": "",
15327
15327
  "attributes": [
@@ -15374,7 +15374,7 @@
15374
15374
  }
15375
15375
  },
15376
15376
  {
15377
- "name": "dap-ds-icon-time-fill",
15377
+ "name": "dap-ds-icon-upload-line",
15378
15378
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15379
15379
  "doc-url": "",
15380
15380
  "attributes": [
@@ -15427,7 +15427,7 @@
15427
15427
  }
15428
15428
  },
15429
15429
  {
15430
- "name": "dap-ds-icon-time-line",
15430
+ "name": "dap-ds-icon-zoom-in-line",
15431
15431
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15432
15432
  "doc-url": "",
15433
15433
  "attributes": [
@@ -15480,7 +15480,7 @@
15480
15480
  }
15481
15481
  },
15482
15482
  {
15483
- "name": "dap-ds-icon-upload-2-fill",
15483
+ "name": "dap-ds-icon-zoom-out-line",
15484
15484
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15485
15485
  "doc-url": "",
15486
15486
  "attributes": [
@@ -15533,7 +15533,7 @@
15533
15533
  }
15534
15534
  },
15535
15535
  {
15536
- "name": "dap-ds-icon-upload-2-line",
15536
+ "name": "dap-ds-icon-account-circle-fill",
15537
15537
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15538
15538
  "doc-url": "",
15539
15539
  "attributes": [
@@ -15586,7 +15586,7 @@
15586
15586
  }
15587
15587
  },
15588
15588
  {
15589
- "name": "dap-ds-icon-upload-line",
15589
+ "name": "dap-ds-icon-account-circle-line",
15590
15590
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15591
15591
  "doc-url": "",
15592
15592
  "attributes": [
@@ -15639,7 +15639,7 @@
15639
15639
  }
15640
15640
  },
15641
15641
  {
15642
- "name": "dap-ds-icon-zoom-in-line",
15642
+ "name": "dap-ds-icon-user-fill",
15643
15643
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15644
15644
  "doc-url": "",
15645
15645
  "attributes": [
@@ -15692,7 +15692,7 @@
15692
15692
  }
15693
15693
  },
15694
15694
  {
15695
- "name": "dap-ds-icon-zoom-out-line",
15695
+ "name": "dap-ds-icon-user-line",
15696
15696
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15697
15697
  "doc-url": "",
15698
15698
  "attributes": [