dap-design-system 0.59.0 → 0.59.1

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.
Files changed (12) hide show
  1. package/dist/{components-CDc41tvu.js → components-t--58ON2.js} +31 -31
  2. package/dist/{components-CDc41tvu.js.map → components-t--58ON2.js.map} +1 -1
  3. package/dist/components.js +1 -1
  4. package/dist/dds.js +1 -1
  5. package/dist/manifest/types/vue/index.d.ts +490 -490
  6. package/dist/manifest/vscode.html-custom-data.json +405 -405
  7. package/dist/manifest/web-types.json +877 -877
  8. package/dist/react/index.d.ts +16 -16
  9. package/dist/react-types.ts +17 -17
  10. package/dist/react.js +305 -305
  11. package/dist/react.js.map +1 -1
  12. package/package.json +1 -1
package/dist/manifest/web-types.json CHANGED
@@ -6,72 +6,6 @@
6
6
  "contributions": {
7
7
  "html": {
8
8
  "elements": [
9
- {
10
- "name": "dap-ds-accordion-group",
11
- "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.",
12
- "doc-url": "",
13
- "attributes": [
14
- {
15
- "name": "autoClose",
16
- "description": "Whether to close other accordions when one is opened.",
17
- "value": { "type": "string", "default": "'true'" }
18
- },
19
- {
20
- "name": "variant",
21
- "description": "The variant of the accordion",
22
- "value": {
23
- "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
24
- "default": "'default'"
25
- }
26
- }
27
- ],
28
- "slots": [
29
- { "name": "", "description": "The content of the accordion group." }
30
- ],
31
- "events": [],
32
- "js": {
33
- "properties": [
34
- {
35
- "name": "autoClose",
36
- "description": "Whether to close other accordions when one is opened.",
37
- "type": "string"
38
- },
39
- {
40
- "name": "variant",
41
- "description": "The variant of the accordion",
42
- "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
43
- }
44
- ],
45
- "events": []
46
- }
47
- },
48
- {
49
- "name": "dap-ds-anchor-heading",
50
- "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.",
51
- "doc-url": "",
52
- "attributes": [
53
- {
54
- "name": "variant",
55
- "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
56
- "value": { "type": "HeadingVariant" }
57
- },
58
- {
59
- "name": "label",
60
- "description": "The label of the heading.",
61
- "value": { "type": "string" }
62
- }
63
- ],
64
- "events": [],
65
- "js": {
66
- "properties": [
67
- { "name": "variant", "type": "HeadingVariant" },
68
- { "name": "label", "type": "string" },
69
- { "name": "elementId" },
70
- { "name": "anchorTitle" }
71
- ],
72
- "events": []
73
- }
74
- },
75
9
  {
76
10
  "name": "dap-ds-avatar",
77
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.",
@@ -229,105 +163,6 @@
229
163
  ]
230
164
  }
231
165
  },
232
- {
233
- "name": "dap-ds-avatar-group",
234
- "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.",
235
- "doc-url": "",
236
- "attributes": [
237
- {
238
- "name": "layout",
239
- "description": "Layout type for the avatar group",
240
- "value": { "type": "'stack' | 'grid'", "default": "'stack'" }
241
- },
242
- {
243
- "name": "max",
244
- "description": "Maximum number of avatars to show before showing overflow",
245
- "value": { "type": "number", "default": "3" }
246
- },
247
- {
248
- "name": "show-total",
249
- "description": "Whether to show the total count in overflow indicator",
250
- "value": { "type": "boolean", "default": "false" }
251
- },
252
- {
253
- "name": "interactive-overflow",
254
- "description": "Interactive overflow indicator",
255
- "value": { "type": "boolean", "default": "false" }
256
- },
257
- {
258
- "name": "label",
259
- "description": "Accessible label for the avatar group",
260
- "value": { "type": "string" }
261
- },
262
- {
263
- "name": "overflow-label",
264
- "description": "Accessible label for the overflow indicator",
265
- "value": { "type": "string" }
266
- }
267
- ],
268
- "slots": [
269
- {
270
- "name": "",
271
- "description": "The avatars to display in the group."
272
- }
273
- ],
274
- "events": [
275
- {
276
- "name": "dds-overflow-click",
277
- "description": "Fired when the overflow indicator is clicked."
278
- }
279
- ],
280
- "js": {
281
- "properties": [
282
- {
283
- "name": "layout",
284
- "description": "Layout type for the avatar group",
285
- "type": "'stack' | 'grid'"
286
- },
287
- {
288
- "name": "max",
289
- "description": "Maximum number of avatars to show before showing overflow",
290
- "type": "number"
291
- },
292
- {
293
- "name": "showTotal",
294
- "description": "Whether to show the total count in overflow indicator",
295
- "type": "boolean"
296
- },
297
- {
298
- "name": "interactiveOverflow",
299
- "description": "Interactive overflow indicator",
300
- "type": "boolean"
301
- },
302
- {
303
- "name": "label",
304
- "description": "Accessible label for the avatar group",
305
- "type": "string"
306
- },
307
- {
308
- "name": "overflowLabel",
309
- "description": "Accessible label for the overflow indicator",
310
- "type": "string"
311
- },
312
- {
313
- "name": "size",
314
- "description": "The size of avatars in the group. Default is `md`. See SizedMixin.",
315
- "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
316
- },
317
- {
318
- "name": "sizeMap",
319
- "description": "Responsive size map (e.g. \"md:lg\"); see SizedMixin.",
320
- "type": "string"
321
- }
322
- ],
323
- "events": [
324
- {
325
- "name": "dds-overflow-click",
326
- "description": "Fired when the overflow indicator is clicked."
327
- }
328
- ]
329
- }
330
- },
331
166
  {
332
167
  "name": "dap-ds-accordion",
333
168
  "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.",
@@ -436,108 +271,102 @@
436
271
  }
437
272
  },
438
273
  {
439
- "name": "dap-ds-badge",
440
- "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.",
274
+ "name": "dap-ds-avatar-group",
275
+ "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.",
441
276
  "doc-url": "",
442
277
  "attributes": [
443
278
  {
444
- "name": "type",
445
- "description": "The type of the badge",
446
- "value": {
447
- "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
448
- "default": "'neutral'"
449
- }
279
+ "name": "layout",
280
+ "description": "Layout type for the avatar group",
281
+ "value": { "type": "'stack' | 'grid'", "default": "'stack'" }
450
282
  },
451
283
  {
452
- "name": "icon",
453
- "description": "The icon of the badge, this is a name of a built in icon",
454
- "value": { "type": "string | undefined" }
284
+ "name": "max",
285
+ "description": "Maximum number of avatars to show before showing overflow",
286
+ "value": { "type": "number", "default": "3" }
455
287
  },
456
288
  {
457
- "name": "live",
458
- "description": "Whether the badge represents dynamic content that should announce changes",
289
+ "name": "show-total",
290
+ "description": "Whether to show the total count in overflow indicator",
291
+ "value": { "type": "boolean", "default": "false" }
292
+ },
293
+ {
294
+ "name": "interactive-overflow",
295
+ "description": "Interactive overflow indicator",
459
296
  "value": { "type": "boolean", "default": "false" }
297
+ },
298
+ {
299
+ "name": "label",
300
+ "description": "Accessible label for the avatar group",
301
+ "value": { "type": "string" }
302
+ },
303
+ {
304
+ "name": "overflow-label",
305
+ "description": "Accessible label for the overflow indicator",
306
+ "value": { "type": "string" }
460
307
  }
461
308
  ],
462
309
  "slots": [
463
- { "name": "", "description": "The content of the badge." },
464
- { "name": "icon", "description": "The icon of the badge." }
310
+ {
311
+ "name": "",
312
+ "description": "The avatars to display in the group."
313
+ }
314
+ ],
315
+ "events": [
316
+ {
317
+ "name": "dds-overflow-click",
318
+ "description": "Fired when the overflow indicator is clicked."
319
+ }
465
320
  ],
466
- "events": [],
467
321
  "js": {
468
322
  "properties": [
469
323
  {
470
- "name": "type",
471
- "description": "The type of the badge",
472
- "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
324
+ "name": "layout",
325
+ "description": "Layout type for the avatar group",
326
+ "type": "'stack' | 'grid'"
473
327
  },
474
328
  {
475
- "name": "icon",
476
- "description": "The icon of the badge, this is a name of a built in icon",
477
- "type": "string | undefined"
329
+ "name": "max",
330
+ "description": "Maximum number of avatars to show before showing overflow",
331
+ "type": "number"
478
332
  },
479
333
  {
480
- "name": "live",
481
- "description": "Whether the badge represents dynamic content that should announce changes",
334
+ "name": "showTotal",
335
+ "description": "Whether to show the total count in overflow indicator",
482
336
  "type": "boolean"
483
337
  },
338
+ {
339
+ "name": "interactiveOverflow",
340
+ "description": "Interactive overflow indicator",
341
+ "type": "boolean"
342
+ },
343
+ {
344
+ "name": "label",
345
+ "description": "Accessible label for the avatar group",
346
+ "type": "string"
347
+ },
348
+ {
349
+ "name": "overflowLabel",
350
+ "description": "Accessible label for the overflow indicator",
351
+ "type": "string"
352
+ },
484
353
  {
485
354
  "name": "size",
486
- "description": "The size of the badge. Default is `sm`.",
487
- "type": "'sm' | 'lg'"
355
+ "description": "The size of avatars in the group. Default is `md`. See SizedMixin.",
356
+ "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
488
357
  },
489
358
  {
490
359
  "name": "sizeMap",
491
- "description": "Responsive size map (e.g. \"md:lg\").",
360
+ "description": "Responsive size map (e.g. \"md:lg\"); see SizedMixin.",
492
361
  "type": "string"
493
362
  }
494
363
  ],
495
- "events": []
496
- }
497
- },
498
- {
499
- "name": "dap-ds-breadcrumb",
500
- "description": "A breadcrumb 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.\n- **separator** - The separator between breadcrumb items. Default is '/'.\n\n### **CSS Properties:**\n - **--dds-breadcrumb-width** - The width of the breadcrumb container (default: 100%) _(default: undefined)_\n- **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb (default: auto) _(default: undefined)_\n- **--dds-breadcrumb-transition** - The transition property for the breadcrumb (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-breadcrumb-list-display** - The display property of the breadcrumb list (default: flex) _(default: undefined)_\n- **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list (default: nowrap) _(default: undefined)_\n- **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list (default: center) _(default: undefined)_\n- **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list (default: max-content) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main breadcrumb container.\n- **separator** - The separator of the breadcrumb.",
501
- "doc-url": "",
502
- "attributes": [
503
- {
504
- "name": "variant",
505
- "value": { "type": "string", "default": "'normal'" }
506
- },
507
- {
508
- "name": "mobile",
509
- "description": "Mobile version of the breadcrumb",
510
- "value": { "type": "boolean", "default": "false" }
511
- },
512
- {
513
- "name": "aria-labelledby",
514
- "description": "The aria-labelledby of the breadcrumb",
515
- "value": { "type": "string | undefined" }
516
- }
517
- ],
518
- "slots": [
519
- { "name": "", "description": "The content of the breadcrumb." },
520
- {
521
- "name": "separator",
522
- "description": "The separator between breadcrumb items. Default is '/'."
523
- }
524
- ],
525
- "events": [],
526
- "js": {
527
- "properties": [
528
- { "name": "variant", "type": "string" },
529
- {
530
- "name": "mobile",
531
- "description": "Mobile version of the breadcrumb",
532
- "type": "boolean"
533
- },
364
+ "events": [
534
365
  {
535
- "name": "ariaLabelledBy",
536
- "description": "The aria-labelledby of the breadcrumb",
537
- "type": "string | undefined"
366
+ "name": "dds-overflow-click",
367
+ "description": "Fired when the overflow indicator is clicked."
538
368
  }
539
- ],
540
- "events": []
369
+ ]
541
370
  }
542
371
  },
543
372
  {
@@ -633,6 +462,177 @@
633
462
  ]
634
463
  }
635
464
  },
465
+ {
466
+ "name": "dap-ds-badge",
467
+ "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.",
468
+ "doc-url": "",
469
+ "attributes": [
470
+ {
471
+ "name": "type",
472
+ "description": "The type of the badge",
473
+ "value": {
474
+ "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
475
+ "default": "'neutral'"
476
+ }
477
+ },
478
+ {
479
+ "name": "icon",
480
+ "description": "The icon of the badge, this is a name of a built in icon",
481
+ "value": { "type": "string | undefined" }
482
+ },
483
+ {
484
+ "name": "live",
485
+ "description": "Whether the badge represents dynamic content that should announce changes",
486
+ "value": { "type": "boolean", "default": "false" }
487
+ }
488
+ ],
489
+ "slots": [
490
+ { "name": "", "description": "The content of the badge." },
491
+ { "name": "icon", "description": "The icon of the badge." }
492
+ ],
493
+ "events": [],
494
+ "js": {
495
+ "properties": [
496
+ {
497
+ "name": "type",
498
+ "description": "The type of the badge",
499
+ "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
500
+ },
501
+ {
502
+ "name": "icon",
503
+ "description": "The icon of the badge, this is a name of a built in icon",
504
+ "type": "string | undefined"
505
+ },
506
+ {
507
+ "name": "live",
508
+ "description": "Whether the badge represents dynamic content that should announce changes",
509
+ "type": "boolean"
510
+ },
511
+ {
512
+ "name": "size",
513
+ "description": "The size of the badge. Default is `sm`.",
514
+ "type": "'sm' | 'lg'"
515
+ },
516
+ {
517
+ "name": "sizeMap",
518
+ "description": "Responsive size map (e.g. \"md:lg\").",
519
+ "type": "string"
520
+ }
521
+ ],
522
+ "events": []
523
+ }
524
+ },
525
+ {
526
+ "name": "dap-ds-breadcrumb",
527
+ "description": "A breadcrumb 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.\n- **separator** - The separator between breadcrumb items. Default is '/'.\n\n### **CSS Properties:**\n - **--dds-breadcrumb-width** - The width of the breadcrumb container (default: 100%) _(default: undefined)_\n- **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb (default: auto) _(default: undefined)_\n- **--dds-breadcrumb-transition** - The transition property for the breadcrumb (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-breadcrumb-list-display** - The display property of the breadcrumb list (default: flex) _(default: undefined)_\n- **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list (default: nowrap) _(default: undefined)_\n- **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list (default: center) _(default: undefined)_\n- **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list (default: max-content) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main breadcrumb container.\n- **separator** - The separator of the breadcrumb.",
528
+ "doc-url": "",
529
+ "attributes": [
530
+ {
531
+ "name": "variant",
532
+ "value": { "type": "string", "default": "'normal'" }
533
+ },
534
+ {
535
+ "name": "mobile",
536
+ "description": "Mobile version of the breadcrumb",
537
+ "value": { "type": "boolean", "default": "false" }
538
+ },
539
+ {
540
+ "name": "aria-labelledby",
541
+ "description": "The aria-labelledby of the breadcrumb",
542
+ "value": { "type": "string | undefined" }
543
+ }
544
+ ],
545
+ "slots": [
546
+ { "name": "", "description": "The content of the breadcrumb." },
547
+ {
548
+ "name": "separator",
549
+ "description": "The separator between breadcrumb items. Default is '/'."
550
+ }
551
+ ],
552
+ "events": [],
553
+ "js": {
554
+ "properties": [
555
+ { "name": "variant", "type": "string" },
556
+ {
557
+ "name": "mobile",
558
+ "description": "Mobile version of the breadcrumb",
559
+ "type": "boolean"
560
+ },
561
+ {
562
+ "name": "ariaLabelledBy",
563
+ "description": "The aria-labelledby of the breadcrumb",
564
+ "type": "string | undefined"
565
+ }
566
+ ],
567
+ "events": []
568
+ }
569
+ },
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.",
@@ -888,140 +888,6 @@
888
888
  ]
889
889
  }
890
890
  },
891
- {
892
- "name": "dap-ds-callout",
893
- "description": "`dap-ds-callout` is a custom callout component.\n---\n\n\n### **Events:**\n - **dds-close** - Fired when the close button is clicked.\n\n### **Slots:**\n - _default_ - The content of the callout.\n- **title** - The title of the callout.\n- **icon** - The icon of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.\n\n### **CSS Properties:**\n - **--dds-callout-padding** - Padding of the callout content. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-gap** - Gap between elements in horizontal layout. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-icon-size** - Size of the icon. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-callout-title-color** - Color of the title text. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-callout-description-color** - Color of the description text. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-callout-title-font-size** - Font size of the title. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-description-font-size** - Font size of the description. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-title-font-weight** - Font weight of the title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-description-font-weight** - Font weight of the description. (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-callout-actions-font-weight** - Font weight of the actions. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-actions-gap** - Gap between action items. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-callout-content-gap** - Gap between content elements. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-callout-border-radius** - Border radius of the callout. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-callout-brand-background** - Brand variant background color. (default: var(--dds-background-brand-base)) _(default: undefined)_\n- **--dds-callout-brand-background-subtle** - Brand variant subtle background color. (default: var(--dds-background-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-background-medium** - Brand variant medium background color. (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-callout-brand-background-strong** - Brand variant strong background color. (default: var(--dds-background-brand-strong)) _(default: undefined)_\n- **--dds-callout-brand-icon** - Brand variant icon color. (default: var(--dds-icon-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-border** - Brand variant border color. (default: var(--dds-border-brand-subtle)) _(default: undefined)_\n- **--dds-callout-info-background** - Info variant background color. (default: var(--dds-background-informative-base)) _(default: undefined)_\n- **--dds-callout-info-background-subtle** - Info variant subtle background color. (default: var(--dds-background-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-background-medium** - Info variant medium background color. (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-callout-info-background-strong** - Info variant strong background color. (default: var(--dds-background-informative-strong)) _(default: undefined)_\n- **--dds-callout-info-icon** - Info variant icon color. (default: var(--dds-icon-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-border** - Info variant border color. (default: var(--dds-border-informative-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background** - Positive variant background color. (default: var(--dds-background-positive-base)) _(default: undefined)_\n- **--dds-callout-positive-background-subtle** - Positive variant subtle background color. (default: var(--dds-background-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background-medium** - Positive variant medium background color. (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-callout-positive-background-strong** - Positive variant strong background color. (default: var(--dds-background-positive-strong)) _(default: undefined)_\n- **--dds-callout-positive-icon** - Positive variant icon color. (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-border** - Positive variant border color. (default: var(--dds-border-positive-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background** - Warning variant background color. (default: var(--dds-background-warning-base)) _(default: undefined)_\n- **--dds-callout-warning-background-subtle** - Warning variant subtle background color. (default: var(--dds-background-warning-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background-medium** - Warning variant medium background color. (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-callout-warning-background-strong** - Warning variant strong background color. (default: var(--dds-background-warning-strong)) _(default: undefined)_\n- **--dds-callout-warning-icon** - Warning variant icon color. (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-callout-warning-border** - Warning variant border color. (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background** - Negative variant background color. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-callout-negative-background-subtle** - Negative variant subtle background color. (default: var(--dds-background-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background-medium** - Negative variant medium background color. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-callout-negative-background-strong** - Negative variant strong background color. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-callout-negative-icon** - Negative variant icon color. (default: var(--dds-icon-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-border** - Negative variant border color. (default: var(--dds-border-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main callout container.\n- **content** - The content of the callout.\n- **card-content** - The content of the card.\n- **icon** - The icon of the callout.\n- **title** - The title of the callout.\n- **description** - The description of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.",
894
- "doc-url": "",
895
- "attributes": [
896
- {
897
- "name": "variant",
898
- "description": "The variant of the callout",
899
- "value": {
900
- "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'",
901
- "default": "'brand'"
902
- }
903
- },
904
- {
905
- "name": "alignment",
906
- "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
907
- "value": {
908
- "type": "'vertical' | 'horizontal'",
909
- "default": "'horizontal'"
910
- }
911
- },
912
- {
913
- "name": "shade",
914
- "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
915
- "value": {
916
- "type": "'subtle' | 'base' | 'medium' | 'strong'",
917
- "default": "'base'"
918
- }
919
- },
920
- {
921
- "name": "noBorder",
922
- "description": "If the callout has a border",
923
- "value": { "type": "string", "default": "'true'" }
924
- },
925
- {
926
- "name": "closeable",
927
- "description": "If the callout has a close button",
928
- "value": { "type": "boolean", "default": "false" }
929
- },
930
- {
931
- "name": "title",
932
- "description": "The header of the callout",
933
- "value": { "type": "string" }
934
- },
935
- {
936
- "name": "closeButtonLabel",
937
- "description": "The label of the close button",
938
- "value": { "type": "string" }
939
- },
940
- {
941
- "name": "closeButtonTestId",
942
- "description": "`data-testid` for the default close button.",
943
- "value": { "type": "string", "default": "'callout-close-button'" }
944
- },
945
- {
946
- "name": "opened",
947
- "description": "If the callout is opened",
948
- "value": { "type": "string", "default": "'true'" }
949
- }
950
- ],
951
- "slots": [
952
- { "name": "", "description": "The content of the callout." },
953
- { "name": "title", "description": "The title of the callout." },
954
- { "name": "icon", "description": "The icon of the callout." },
955
- { "name": "actions", "description": "The actions of the callout." },
956
- {
957
- "name": "close",
958
- "description": "The close button of the callout."
959
- }
960
- ],
961
- "events": [
962
- {
963
- "name": "dds-close",
964
- "type": "{ void }",
965
- "description": "Fired when the close button is clicked."
966
- }
967
- ],
968
- "js": {
969
- "properties": [
970
- {
971
- "name": "variant",
972
- "description": "The variant of the callout",
973
- "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'"
974
- },
975
- {
976
- "name": "alignment",
977
- "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
978
- "type": "'vertical' | 'horizontal'"
979
- },
980
- {
981
- "name": "shade",
982
- "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
983
- "type": "'subtle' | 'base' | 'medium' | 'strong'"
984
- },
985
- {
986
- "name": "noBorder",
987
- "description": "If the callout has a border",
988
- "type": "string"
989
- },
990
- {
991
- "name": "closeable",
992
- "description": "If the callout has a close button",
993
- "type": "boolean"
994
- },
995
- {
996
- "name": "title",
997
- "description": "The header of the callout",
998
- "type": "string"
999
- },
1000
- {
1001
- "name": "closeButtonLabel",
1002
- "description": "The label of the close button",
1003
- "type": "string"
1004
- },
1005
- {
1006
- "name": "closeButtonTestId",
1007
- "description": "`data-testid` for the default close button.",
1008
- "type": "string"
1009
- },
1010
- {
1011
- "name": "opened",
1012
- "description": "If the callout is opened",
1013
- "type": "string"
1014
- }
1015
- ],
1016
- "events": [
1017
- {
1018
- "name": "dds-close",
1019
- "type": "{ void }",
1020
- "description": "Fired when the close button is clicked."
1021
- }
1022
- ]
1023
- }
1024
- },
1025
891
  {
1026
892
  "name": "dap-ds-calendar-cell",
1027
893
  "description": "Calendar cell represents a single cell in the calendar.\n---\n\n\n### **Slots:**\n - _default_ - The content of the calendar cell.\n\n### **CSS Properties:**\n - **--dds-calendar-cell-display** - The display property of the calendar cell host (default: flex) _(default: undefined)_\n- **--dds-calendar-cell-position** - The position property of the calendar cell host (default: relative) _(default: undefined)_\n- **--dds-calendar-cell-border-radius** - The border radius of the calendar cell (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-calendar-cell-min-width** - The minimum width of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-height** - The height of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-min-height** - The minimum height of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-color** - The text color of the calendar cell (default: var(--dds-button-subtle-text-neutral-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-font-size** - The font size of the calendar cell (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-calendar-cell-font-weight** - The font weight of the calendar cell (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-calendar-cell-text-align** - The text alignment of the calendar cell (default: center) _(default: undefined)_\n- **--dds-calendar-cell-cursor** - The cursor style of the calendar cell (default: pointer) _(default: undefined)_\n- **--dds-calendar-cell-background-hover** - The background color of the calendar cell on hover (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-calendar-cell-background-active** - The background color of the calendar cell when active (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background** - The background color of the selected calendar cell (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-selected-color** - The text color of the selected calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background-hover** - The background color of the selected calendar cell on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background-pressed** - The background color of the selected calendar cell when pressed (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-calendar-cell-selected-today-mark-background** - The background color of the today mark in selected calendar cell (default: var(--dds-text-neutral-on-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-disabled-color** - The text color of the disabled calendar cell (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-calendar-cell-disabled-cursor** - The cursor style of the disabled calendar cell (default: not-allowed) _(default: undefined)_\n- **--dds-calendar-cell-out-of-range-color** - The text color of the out-of-range calendar cell (default: var(--dds-text-neutral-placeholder)) _(default: undefined)_\n- **--dds-calendar-cell-today-font-weight** - The font weight of the today calendar cell (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-calendar-cell-header-background** - The background color of the header calendar cell (default: transparent) _(default: undefined)_\n- **--dds-calendar-cell-header-color** - The text color of the header calendar cell (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-calendar-cell-header-text-transform** - The text transform of the header calendar cell (default: capitalize) _(default: undefined)_\n- **--dds-calendar-cell-header-cursor** - The cursor style of the header calendar cell (default: default) _(default: undefined)_\n- **--dds-calendar-cell-in-range-color** - The text color of the in-range calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-in-range-background-hover** - The background color of the in-range calendar cell on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-calendar-cell-in-range-background-pressed** - The background color of the in-range calendar cell when pressed (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-calendar-cell-range-background** - The background color of the range start/end calendar cell (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-range-color** - The text color of the range start/end calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-range-today-mark-background** - The background color of the today mark in range start/end calendar cell (default: var(--dds-text-neutral-on-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-bottom** - The bottom position of the today mark (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-width** - The width of the today mark (default: 5px) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-height** - The height of the today mark (default: 5px) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-stroke** - The stroke color of the today mark (default: var(--dds-border-neutral-transparent)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-background** - The background color of the today mark (default: var(--dds-background-neutral-medium-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-fill** - The fill color of the today mark (default: var(--dds-background-neutral-medium-inverted)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main calendar cell container.\n- **today-mark** - The today mark of the calendar cell.",
@@ -1210,59 +1076,193 @@
1210
1076
  "type": "Dayjs"
1211
1077
  },
1212
1078
  {
1213
- "name": "rangeStart",
1214
- "description": "The start date of the range selection (only used in range mode).",
1215
- "type": "Dayjs"
1079
+ "name": "rangeStart",
1080
+ "description": "The start date of the range selection (only used in range mode).",
1081
+ "type": "Dayjs"
1082
+ },
1083
+ {
1084
+ "name": "rangeEnd",
1085
+ "description": "The end date of the range selection (only used in range mode).",
1086
+ "type": "Dayjs"
1087
+ },
1088
+ {
1089
+ "name": "currentDate",
1090
+ "description": "The current visible date of the calendar. Only the month and year are considered.",
1091
+ "type": "Dayjs"
1092
+ },
1093
+ {
1094
+ "name": "minDate",
1095
+ "description": "The minimum date of the calendar. Only the month and year are considered.",
1096
+ "type": "Dayjs"
1097
+ },
1098
+ {
1099
+ "name": "maxDate",
1100
+ "description": "The maximum date of the calendar. Only the month and year are considered.",
1101
+ "type": "Dayjs"
1102
+ },
1103
+ {
1104
+ "name": "disabledDate",
1105
+ "description": "The function to determine if the date is disabled.",
1106
+ "type": "Function"
1107
+ },
1108
+ {
1109
+ "name": "locale",
1110
+ "description": "The locale of the calendar.",
1111
+ "type": "'hu' | 'en' | 'de'"
1112
+ },
1113
+ {
1114
+ "name": "prevButtonTestId",
1115
+ "description": "`data-testid` for the previous-month button.",
1116
+ "type": "string"
1117
+ },
1118
+ {
1119
+ "name": "nextButtonTestId",
1120
+ "description": "`data-testid` for the next-month button.",
1121
+ "type": "string"
1122
+ },
1123
+ { "name": "startDate" },
1124
+ { "name": "endDate" },
1125
+ { "name": "shouldHideAdjacentMonths" }
1126
+ ],
1127
+ "events": [
1128
+ {
1129
+ "name": "dds-change",
1130
+ "type": "{ value: Dayjs }",
1131
+ "description": "Fired when the calendar value changes."
1132
+ }
1133
+ ]
1134
+ }
1135
+ },
1136
+ {
1137
+ "name": "dap-ds-callout",
1138
+ "description": "`dap-ds-callout` is a custom callout component.\n---\n\n\n### **Events:**\n - **dds-close** - Fired when the close button is clicked.\n\n### **Slots:**\n - _default_ - The content of the callout.\n- **title** - The title of the callout.\n- **icon** - The icon of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.\n\n### **CSS Properties:**\n - **--dds-callout-padding** - Padding of the callout content. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-gap** - Gap between elements in horizontal layout. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-icon-size** - Size of the icon. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-callout-title-color** - Color of the title text. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-callout-description-color** - Color of the description text. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-callout-title-font-size** - Font size of the title. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-description-font-size** - Font size of the description. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-title-font-weight** - Font weight of the title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-description-font-weight** - Font weight of the description. (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-callout-actions-font-weight** - Font weight of the actions. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-actions-gap** - Gap between action items. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-callout-content-gap** - Gap between content elements. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-callout-border-radius** - Border radius of the callout. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-callout-brand-background** - Brand variant background color. (default: var(--dds-background-brand-base)) _(default: undefined)_\n- **--dds-callout-brand-background-subtle** - Brand variant subtle background color. (default: var(--dds-background-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-background-medium** - Brand variant medium background color. (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-callout-brand-background-strong** - Brand variant strong background color. (default: var(--dds-background-brand-strong)) _(default: undefined)_\n- **--dds-callout-brand-icon** - Brand variant icon color. (default: var(--dds-icon-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-border** - Brand variant border color. (default: var(--dds-border-brand-subtle)) _(default: undefined)_\n- **--dds-callout-info-background** - Info variant background color. (default: var(--dds-background-informative-base)) _(default: undefined)_\n- **--dds-callout-info-background-subtle** - Info variant subtle background color. (default: var(--dds-background-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-background-medium** - Info variant medium background color. (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-callout-info-background-strong** - Info variant strong background color. (default: var(--dds-background-informative-strong)) _(default: undefined)_\n- **--dds-callout-info-icon** - Info variant icon color. (default: var(--dds-icon-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-border** - Info variant border color. (default: var(--dds-border-informative-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background** - Positive variant background color. (default: var(--dds-background-positive-base)) _(default: undefined)_\n- **--dds-callout-positive-background-subtle** - Positive variant subtle background color. (default: var(--dds-background-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background-medium** - Positive variant medium background color. (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-callout-positive-background-strong** - Positive variant strong background color. (default: var(--dds-background-positive-strong)) _(default: undefined)_\n- **--dds-callout-positive-icon** - Positive variant icon color. (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-border** - Positive variant border color. (default: var(--dds-border-positive-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background** - Warning variant background color. (default: var(--dds-background-warning-base)) _(default: undefined)_\n- **--dds-callout-warning-background-subtle** - Warning variant subtle background color. (default: var(--dds-background-warning-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background-medium** - Warning variant medium background color. (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-callout-warning-background-strong** - Warning variant strong background color. (default: var(--dds-background-warning-strong)) _(default: undefined)_\n- **--dds-callout-warning-icon** - Warning variant icon color. (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-callout-warning-border** - Warning variant border color. (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background** - Negative variant background color. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-callout-negative-background-subtle** - Negative variant subtle background color. (default: var(--dds-background-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background-medium** - Negative variant medium background color. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-callout-negative-background-strong** - Negative variant strong background color. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-callout-negative-icon** - Negative variant icon color. (default: var(--dds-icon-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-border** - Negative variant border color. (default: var(--dds-border-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main callout container.\n- **content** - The content of the callout.\n- **card-content** - The content of the card.\n- **icon** - The icon of the callout.\n- **title** - The title of the callout.\n- **description** - The description of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.",
1139
+ "doc-url": "",
1140
+ "attributes": [
1141
+ {
1142
+ "name": "variant",
1143
+ "description": "The variant of the callout",
1144
+ "value": {
1145
+ "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'",
1146
+ "default": "'brand'"
1147
+ }
1148
+ },
1149
+ {
1150
+ "name": "alignment",
1151
+ "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
1152
+ "value": {
1153
+ "type": "'vertical' | 'horizontal'",
1154
+ "default": "'horizontal'"
1155
+ }
1156
+ },
1157
+ {
1158
+ "name": "shade",
1159
+ "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
1160
+ "value": {
1161
+ "type": "'subtle' | 'base' | 'medium' | 'strong'",
1162
+ "default": "'base'"
1163
+ }
1164
+ },
1165
+ {
1166
+ "name": "noBorder",
1167
+ "description": "If the callout has a border",
1168
+ "value": { "type": "string", "default": "'true'" }
1169
+ },
1170
+ {
1171
+ "name": "closeable",
1172
+ "description": "If the callout has a close button",
1173
+ "value": { "type": "boolean", "default": "false" }
1174
+ },
1175
+ {
1176
+ "name": "title",
1177
+ "description": "The header of the callout",
1178
+ "value": { "type": "string" }
1179
+ },
1180
+ {
1181
+ "name": "closeButtonLabel",
1182
+ "description": "The label of the close button",
1183
+ "value": { "type": "string" }
1184
+ },
1185
+ {
1186
+ "name": "closeButtonTestId",
1187
+ "description": "`data-testid` for the default close button.",
1188
+ "value": { "type": "string", "default": "'callout-close-button'" }
1189
+ },
1190
+ {
1191
+ "name": "opened",
1192
+ "description": "If the callout is opened",
1193
+ "value": { "type": "string", "default": "'true'" }
1194
+ }
1195
+ ],
1196
+ "slots": [
1197
+ { "name": "", "description": "The content of the callout." },
1198
+ { "name": "title", "description": "The title of the callout." },
1199
+ { "name": "icon", "description": "The icon of the callout." },
1200
+ { "name": "actions", "description": "The actions of the callout." },
1201
+ {
1202
+ "name": "close",
1203
+ "description": "The close button of the callout."
1204
+ }
1205
+ ],
1206
+ "events": [
1207
+ {
1208
+ "name": "dds-close",
1209
+ "type": "{ void }",
1210
+ "description": "Fired when the close button is clicked."
1211
+ }
1212
+ ],
1213
+ "js": {
1214
+ "properties": [
1215
+ {
1216
+ "name": "variant",
1217
+ "description": "The variant of the callout",
1218
+ "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'"
1216
1219
  },
1217
1220
  {
1218
- "name": "rangeEnd",
1219
- "description": "The end date of the range selection (only used in range mode).",
1220
- "type": "Dayjs"
1221
+ "name": "alignment",
1222
+ "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
1223
+ "type": "'vertical' | 'horizontal'"
1221
1224
  },
1222
1225
  {
1223
- "name": "currentDate",
1224
- "description": "The current visible date of the calendar. Only the month and year are considered.",
1225
- "type": "Dayjs"
1226
+ "name": "shade",
1227
+ "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
1228
+ "type": "'subtle' | 'base' | 'medium' | 'strong'"
1226
1229
  },
1227
1230
  {
1228
- "name": "minDate",
1229
- "description": "The minimum date of the calendar. Only the month and year are considered.",
1230
- "type": "Dayjs"
1231
+ "name": "noBorder",
1232
+ "description": "If the callout has a border",
1233
+ "type": "string"
1231
1234
  },
1232
1235
  {
1233
- "name": "maxDate",
1234
- "description": "The maximum date of the calendar. Only the month and year are considered.",
1235
- "type": "Dayjs"
1236
+ "name": "closeable",
1237
+ "description": "If the callout has a close button",
1238
+ "type": "boolean"
1236
1239
  },
1237
1240
  {
1238
- "name": "disabledDate",
1239
- "description": "The function to determine if the date is disabled.",
1240
- "type": "Function"
1241
+ "name": "title",
1242
+ "description": "The header of the callout",
1243
+ "type": "string"
1241
1244
  },
1242
1245
  {
1243
- "name": "locale",
1244
- "description": "The locale of the calendar.",
1245
- "type": "'hu' | 'en' | 'de'"
1246
+ "name": "closeButtonLabel",
1247
+ "description": "The label of the close button",
1248
+ "type": "string"
1246
1249
  },
1247
1250
  {
1248
- "name": "prevButtonTestId",
1249
- "description": "`data-testid` for the previous-month button.",
1251
+ "name": "closeButtonTestId",
1252
+ "description": "`data-testid` for the default close button.",
1250
1253
  "type": "string"
1251
1254
  },
1252
1255
  {
1253
- "name": "nextButtonTestId",
1254
- "description": "`data-testid` for the next-month button.",
1256
+ "name": "opened",
1257
+ "description": "If the callout is opened",
1255
1258
  "type": "string"
1256
- },
1257
- { "name": "startDate" },
1258
- { "name": "endDate" },
1259
- { "name": "shouldHideAdjacentMonths" }
1259
+ }
1260
1260
  ],
1261
1261
  "events": [
1262
1262
  {
1263
- "name": "dds-change",
1264
- "type": "{ value: Dayjs }",
1265
- "description": "Fired when the calendar value changes."
1263
+ "name": "dds-close",
1264
+ "type": "{ void }",
1265
+ "description": "Fired when the close button is clicked."
1266
1266
  }
1267
1267
  ]
1268
1268
  }
@@ -8787,56 +8787,283 @@
8787
8787
  "type": "negative | positive | warning"
8788
8788
  },
8789
8789
  {
8790
- "name": "status",
8791
- "description": "The status of the select. Can be `success` or `error`.",
8790
+ "name": "status",
8791
+ "description": "The status of the select. Can be `success` or `error`.",
8792
+ "type": "string"
8793
+ },
8794
+ {
8795
+ "name": "optional",
8796
+ "description": "The optional state of the select.",
8797
+ "type": "boolean"
8798
+ },
8799
+ {
8800
+ "name": "optionalLabel",
8801
+ "description": "The optional label of the select.",
8802
+ "type": "string"
8803
+ },
8804
+ {
8805
+ "name": "requiredLabel",
8806
+ "description": "The required indicator of the select. (default: '*')",
8807
+ "type": "string"
8808
+ },
8809
+ {
8810
+ "name": "subtle",
8811
+ "description": "The weight of the label. Default is `false`",
8812
+ "type": "boolean"
8813
+ }
8814
+ ],
8815
+ "events": [
8816
+ {
8817
+ "name": "dds-change",
8818
+ "type": "{ value: string }",
8819
+ "description": "Fired when the select value changes."
8820
+ },
8821
+ {
8822
+ "name": "dds-blur",
8823
+ "type": "{ void }",
8824
+ "description": "Emitted when the select loses focus."
8825
+ },
8826
+ {
8827
+ "name": "dds-focus",
8828
+ "type": "{ void }",
8829
+ "description": "Emitted when the select gains focus."
8830
+ },
8831
+ {
8832
+ "name": "dds-opened",
8833
+ "type": "{ void }",
8834
+ "description": "Emitted when the select dropdown is opened."
8835
+ },
8836
+ {
8837
+ "name": "dds-closed",
8838
+ "type": "{ void }",
8839
+ "description": "Emitted when the select dropdown is closed."
8840
+ }
8841
+ ]
8842
+ }
8843
+ },
8844
+ {
8845
+ "name": "dap-ds-sidenav-group",
8846
+ "description": "Side navigation group\n---\n\n\n### **Slots:**\n - _default_ - The content of the side navigation group.\n- **submenu** - The submenu of the side navigation group.\n- **suffix** - The suffix of the side navigation group.\n\n### **CSS Properties:**\n - **--dds-sidenav-group-margin-bottom** - Default bottom margin of the sidenav group (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-sidenav-group-border-radius** - Border radius of the sidenav group (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-sidenav-group-spacing-margin** - Margin used for spacing variants (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-group-item-min-height-xs** - Minimum height of the sidenav group item (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-sidenav-group-item-min-height-sm** - Minimum height of the sidenav group item (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-sidenav-group-item-min-height-lg** - Minimum height of the sidenav group item (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-sidenav-group-item-padding-xs** - Padding of the sidenav group item (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-sidenav-group-item-padding-sm** - Padding of the sidenav group item (default: var(--dds-spacing-200) var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-group-item-padding-lg** - Padding of the sidenav group item (default: var(--dds-spacing-300) var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-sidenav-group-item-color** - Text color of the sidenav group item (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-size-xs** - Font size of the sidenav group item (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-size-sm** - Font size of the sidenav group item (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-size-lg** - Font size of the sidenav group item (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-weight** - Font weight of the sidenav group item (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-sidenav-group-item-bg-active** - Background color when the item is active (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-sidenav-group-item-bg-hover** - Background color on hover and active states (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-sidenav-group-toggle-margin** - Margin for the toggle button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-sidenav-group-submenu-padding** - Padding for the submenu (default: var(--dds-spacing-300) 0) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main side navigation group container.\n- **title** - The title of the side navigation group.\n- **link** - The link of the side navigation group.\n- **toggle** - The toggle button of the side navigation group.\n- **submenu** - The submenu of the side navigation group.",
8847
+ "doc-url": "",
8848
+ "attributes": [
8849
+ {
8850
+ "name": "href",
8851
+ "description": "The href of the side navigation item",
8852
+ "value": { "type": "string" }
8853
+ },
8854
+ {
8855
+ "name": "active",
8856
+ "description": "Whether the side navigation item is active",
8857
+ "value": { "type": "boolean", "default": "false" }
8858
+ },
8859
+ {
8860
+ "name": "spacing",
8861
+ "description": "The spacing of the side navigation item",
8862
+ "value": {
8863
+ "type": "'top' | 'bottom' | 'both' | 'none'",
8864
+ "default": "'none'"
8865
+ }
8866
+ },
8867
+ {
8868
+ "name": "open",
8869
+ "description": "Whether the side navigation group is open",
8870
+ "value": { "type": "boolean", "default": "false" }
8871
+ },
8872
+ {
8873
+ "name": "size",
8874
+ "description": "The size of the side navigation group",
8875
+ "value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
8876
+ }
8877
+ ],
8878
+ "slots": [
8879
+ {
8880
+ "name": "",
8881
+ "description": "The content of the side navigation group."
8882
+ },
8883
+ {
8884
+ "name": "submenu",
8885
+ "description": "The submenu of the side navigation group."
8886
+ },
8887
+ {
8888
+ "name": "suffix",
8889
+ "description": "The suffix of the side navigation group."
8890
+ }
8891
+ ],
8892
+ "events": [],
8893
+ "js": {
8894
+ "properties": [
8895
+ {
8896
+ "name": "href",
8897
+ "description": "The href of the side navigation item",
8898
+ "type": "string"
8899
+ },
8900
+ {
8901
+ "name": "active",
8902
+ "description": "Whether the side navigation item is active",
8903
+ "type": "boolean"
8904
+ },
8905
+ {
8906
+ "name": "spacing",
8907
+ "description": "The spacing of the side navigation item",
8908
+ "type": "'top' | 'bottom' | 'both' | 'none'"
8909
+ },
8910
+ {
8911
+ "name": "open",
8912
+ "description": "Whether the side navigation group is open",
8913
+ "type": "boolean"
8914
+ },
8915
+ {
8916
+ "name": "size",
8917
+ "description": "The size of the side navigation group",
8918
+ "type": "'xs' | 'sm' | 'lg'"
8919
+ }
8920
+ ],
8921
+ "events": []
8922
+ }
8923
+ },
8924
+ {
8925
+ "name": "dap-ds-sidenav-item",
8926
+ "description": "Side navigation item\n---\n\n\n### **Slots:**\n - _default_ - The content of the side navigation item.\n- **suffix** - The suffix of the side navigation item.\n\n### **CSS Properties:**\n - **--dds-sidenav-item-min-height-xs** - Minimum height of the sidenav item (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-sidenav-item-min-height-sm** - Minimum height of the sidenav item (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-sidenav-item-min-height-lg** - Minimum height of the sidenav item (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-sidenav-item-margin-bottom** - Default bottom margin of the sidenav item (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-sidenav-item-padding-xs** - Padding of the sidenav item (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-sidenav-item-padding-sm** - Padding of the sidenav item (default: var(--dds-spacing-200) var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-item-padding-lg** - Padding of the sidenav item (default: var(--dds-spacing-300) var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-sidenav-item-radius** - Border radius of the sidenav item (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-sidenav-item-color** - Text color of the sidenav item (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-sidenav-item-font-size-xs** - Font size of the sidenav item (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-sidenav-item-font-size-sm** - Font size of the sidenav item (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-sidenav-item-font-size-lg** - Font size of the sidenav item (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-sidenav-item-font-weight** - Font weight of the sidenav item (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-sidenav-item-spacing-margin** - Margin used for spacing variants (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-item-bg-active** - Background color when the item is active (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-sidenav-item-bg-hover** - Background color on hover and active states (default: var(--dds-transparent-black-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main side navigation item container.\n- **link** - The link of the side navigation item.",
8927
+ "doc-url": "",
8928
+ "attributes": [
8929
+ {
8930
+ "name": "href",
8931
+ "description": "The href of the side navigation item",
8932
+ "value": { "type": "string" }
8933
+ },
8934
+ {
8935
+ "name": "active",
8936
+ "description": "Whether the side navigation item is active",
8937
+ "value": { "type": "boolean", "default": "false" }
8938
+ },
8939
+ {
8940
+ "name": "current",
8941
+ "description": "Which `aria-current` token to expose on the link when `active` is set.\n\n`aria-current` has to sit on the anchor that assistive technology actually\nexposes. Setting it on this host does nothing: the host is a role-less custom\nelement, so the attribute is stranded there and screen-reader users cannot tell\nwhich item is current. Use `current=\"step\"` inside a stepper.",
8942
+ "value": {
8943
+ "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true'",
8944
+ "default": "'page'"
8945
+ }
8946
+ },
8947
+ {
8948
+ "name": "spacing",
8949
+ "description": "The spacing of the side navigation item",
8950
+ "value": {
8951
+ "type": "'top' | 'bottom' | 'both' | 'none'",
8952
+ "default": "'none'"
8953
+ }
8954
+ },
8955
+ {
8956
+ "name": "size",
8957
+ "description": "The size of the side navigation item",
8958
+ "value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
8959
+ }
8960
+ ],
8961
+ "slots": [
8962
+ {
8963
+ "name": "",
8964
+ "description": "The content of the side navigation item."
8965
+ },
8966
+ {
8967
+ "name": "suffix",
8968
+ "description": "The suffix of the side navigation item."
8969
+ }
8970
+ ],
8971
+ "events": [],
8972
+ "js": {
8973
+ "properties": [
8974
+ {
8975
+ "name": "href",
8976
+ "description": "The href of the side navigation item",
8792
8977
  "type": "string"
8793
8978
  },
8794
8979
  {
8795
- "name": "optional",
8796
- "description": "The optional state of the select.",
8980
+ "name": "active",
8981
+ "description": "Whether the side navigation item is active",
8797
8982
  "type": "boolean"
8798
8983
  },
8799
8984
  {
8800
- "name": "optionalLabel",
8801
- "description": "The optional label of the select.",
8802
- "type": "string"
8985
+ "name": "current",
8986
+ "description": "Which `aria-current` token to expose on the link when `active` is set.\n\n`aria-current` has to sit on the anchor that assistive technology actually\nexposes. Setting it on this host does nothing: the host is a role-less custom\nelement, so the attribute is stranded there and screen-reader users cannot tell\nwhich item is current. Use `current=\"step\"` inside a stepper.",
8987
+ "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true'"
8803
8988
  },
8804
8989
  {
8805
- "name": "requiredLabel",
8806
- "description": "The required indicator of the select. (default: '*')",
8807
- "type": "string"
8990
+ "name": "spacing",
8991
+ "description": "The spacing of the side navigation item",
8992
+ "type": "'top' | 'bottom' | 'both' | 'none'"
8808
8993
  },
8809
8994
  {
8810
- "name": "subtle",
8811
- "description": "The weight of the label. Default is `false`",
8812
- "type": "boolean"
8995
+ "name": "size",
8996
+ "description": "The size of the side navigation item",
8997
+ "type": "'xs' | 'sm' | 'lg'"
8813
8998
  }
8814
8999
  ],
8815
- "events": [
9000
+ "events": []
9001
+ }
9002
+ },
9003
+ {
9004
+ "name": "dap-ds-sidenav",
9005
+ "description": "Side navigation is a list of links that are used to navigate to different sections of a page.\n---\n\n\n### **Events:**\n - **dds-item-click** - Event fired when the side navigation item is clicked.\n\n### **Slots:**\n - _default_ - The content of the side navigation.\n\n### **CSS Parts:**\n - **base** - The main side navigation container.\n- **menu** - The menu of the side navigation.",
9006
+ "doc-url": "",
9007
+ "attributes": [
9008
+ {
9009
+ "name": "label",
9010
+ "description": "The label of the side navigation, if aria label is not provided, it will be used as aria label",
9011
+ "value": { "type": "string" }
9012
+ },
9013
+ {
9014
+ "name": "activeHref",
9015
+ "description": "The active href of the side navigation, to explicitly set the active item, if not provided, it will be set based on the current location",
9016
+ "value": { "type": "string" }
9017
+ },
9018
+ {
9019
+ "name": "size",
9020
+ "description": "The size of the side navigation",
9021
+ "value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
9022
+ },
9023
+ {
9024
+ "name": "landmark",
9025
+ "description": "The landmark element to render. `aside` exposes a complementary landmark; `nav`\nexposes a navigation landmark, so the sidenav is listed when a screen-reader user\nasks for the page's navigation.\n\nDefaults to `aside` because that is what this component has always rendered, and\nchanging the landmark of every existing sidenav is not this component's call: a\nsidenav that is genuinely a sidebar should stay complementary. Set `nav` when the\nsidenav is the primary way to move around the view.",
9026
+ "value": { "type": "'aside' | 'nav'", "default": "'aside'" }
9027
+ }
9028
+ ],
9029
+ "slots": [
9030
+ { "name": "", "description": "The content of the side navigation." }
9031
+ ],
9032
+ "events": [
9033
+ {
9034
+ "name": "dds-item-click",
9035
+ "type": "{ href: string, event: Event }",
9036
+ "description": "Event fired when the side navigation item is clicked."
9037
+ }
9038
+ ],
9039
+ "js": {
9040
+ "properties": [
8816
9041
  {
8817
- "name": "dds-change",
8818
- "type": "{ value: string }",
8819
- "description": "Fired when the select value changes."
9042
+ "name": "label",
9043
+ "description": "The label of the side navigation, if aria label is not provided, it will be used as aria label",
9044
+ "type": "string"
8820
9045
  },
8821
9046
  {
8822
- "name": "dds-blur",
8823
- "type": "{ void }",
8824
- "description": "Emitted when the select loses focus."
9047
+ "name": "activeHref",
9048
+ "description": "The active href of the side navigation, to explicitly set the active item, if not provided, it will be set based on the current location",
9049
+ "type": "string"
8825
9050
  },
8826
9051
  {
8827
- "name": "dds-focus",
8828
- "type": "{ void }",
8829
- "description": "Emitted when the select gains focus."
9052
+ "name": "size",
9053
+ "description": "The size of the side navigation",
9054
+ "type": "'xs' | 'sm' | 'lg'"
8830
9055
  },
8831
9056
  {
8832
- "name": "dds-opened",
8833
- "type": "{ void }",
8834
- "description": "Emitted when the select dropdown is opened."
8835
- },
9057
+ "name": "landmark",
9058
+ "description": "The landmark element to render. `aside` exposes a complementary landmark; `nav`\nexposes a navigation landmark, so the sidenav is listed when a screen-reader user\nasks for the page's navigation.\n\nDefaults to `aside` because that is what this component has always rendered, and\nchanging the landmark of every existing sidenav is not this component's call: a\nsidenav that is genuinely a sidebar should stay complementary. Set `nav` when the\nsidenav is the primary way to move around the view.",
9059
+ "type": "'aside' | 'nav'"
9060
+ }
9061
+ ],
9062
+ "events": [
8836
9063
  {
8837
- "name": "dds-closed",
8838
- "type": "{ void }",
8839
- "description": "Emitted when the select dropdown is closed."
9064
+ "name": "dds-item-click",
9065
+ "type": "{ href: string, event: Event }",
9066
+ "description": "Event fired when the side navigation item is clicked."
8840
9067
  }
8841
9068
  ]
8842
9069
  }
@@ -9601,340 +9828,113 @@
9601
9828
  {
9602
9829
  "name": "last",
9603
9830
  "description": "If the header cell is the last one.",
9604
- "value": { "type": "boolean" }
9605
- },
9606
- {
9607
- "name": "role",
9608
- "description": "The html role of the header cell",
9609
- "value": { "type": "string", "default": "'columnheader'" }
9610
- }
9611
- ],
9612
- "slots": [{ "name": "", "description": "The default slot." }],
9613
- "events": [],
9614
- "js": {
9615
- "properties": [
9616
- {
9617
- "name": "last",
9618
- "description": "If the header cell is the last one.",
9619
- "type": "boolean"
9620
- },
9621
- {
9622
- "name": "role",
9623
- "description": "The html role of the header cell",
9624
- "type": "string"
9625
- }
9626
- ],
9627
- "events": []
9628
- }
9629
- },
9630
- {
9631
- "name": "dap-ds-table-row",
9632
- "description": "Table row component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements.\n\n### **CSS Properties:**\n - **--dds-table-row-padding-right** - Padding right for the last table header, (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-table-row-padding-top** - Padding top for table headers in mobile view, (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-table-row-padding-bottom** - Padding bottom for the last table cell in mobile view, (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-table-row-border-color** - Border color for table cells and headers, (default: transparent) _(default: undefined)_",
9633
- "doc-url": "",
9634
- "attributes": [
9635
- {
9636
- "name": "role",
9637
- "description": "The html role of the row",
9638
- "value": { "type": "string", "default": "'row'" }
9639
- },
9640
- {
9641
- "name": "mobile",
9642
- "description": "If the row is mobile design",
9643
- "value": { "type": "boolean", "default": "false" }
9644
- }
9645
- ],
9646
- "slots": [
9647
- {
9648
- "name": "",
9649
- "description": "The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements."
9650
- }
9651
- ],
9652
- "events": [],
9653
- "js": {
9654
- "properties": [
9655
- {
9656
- "name": "role",
9657
- "description": "The html role of the row",
9658
- "type": "string"
9659
- },
9660
- {
9661
- "name": "mobile",
9662
- "description": "If the row is mobile design",
9663
- "type": "boolean"
9664
- }
9665
- ],
9666
- "events": []
9667
- }
9668
- },
9669
- {
9670
- "name": "dap-ds-table",
9671
- "description": "Data table component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Accepts `dap-ds-table-row` elements.\n\n### **CSS Properties:**\n - **--dds-table-border-width** - Width of the table border. (default: var(--dds-border-width-base, 1px)) _(default: undefined)_\n- **--dds-table-border-color** - Color of the table border. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-table-border-radius** - Border radius of the table. (default: var(--dds-radius-small, 4px)) _(default: undefined)_\n- **--dds-table-row-divider-color** - Color of the divider between rows in mobile view. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_",
9672
- "doc-url": "",
9673
- "attributes": [
9674
- {
9675
- "name": "role",
9676
- "value": { "type": "string", "default": "'grid'" }
9677
- },
9678
- {
9679
- "name": "mobile",
9680
- "description": "If the table has mobile design",
9681
- "value": { "type": "boolean", "default": "false" }
9682
- },
9683
- {
9684
- "name": "caption",
9685
- "description": "The caption of the table",
9686
- "value": { "type": "string", "default": "''" }
9687
- }
9688
- ],
9689
- "slots": [
9690
- {
9691
- "name": "",
9692
- "description": "The default slot. Accepts `dap-ds-table-row` elements."
9693
- }
9694
- ],
9695
- "events": [],
9696
- "js": {
9697
- "properties": [
9698
- { "name": "role", "type": "string" },
9699
- {
9700
- "name": "mobile",
9701
- "description": "If the table has mobile design",
9702
- "type": "boolean"
9703
- },
9704
- {
9705
- "name": "caption",
9706
- "description": "The caption of the table",
9707
- "type": "string"
9708
- }
9709
- ],
9710
- "events": []
9711
- }
9712
- },
9713
- {
9714
- "name": "dap-ds-sidenav-group",
9715
- "description": "Side navigation group\n---\n\n\n### **Slots:**\n - _default_ - The content of the side navigation group.\n- **submenu** - The submenu of the side navigation group.\n- **suffix** - The suffix of the side navigation group.\n\n### **CSS Properties:**\n - **--dds-sidenav-group-margin-bottom** - Default bottom margin of the sidenav group (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-sidenav-group-border-radius** - Border radius of the sidenav group (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-sidenav-group-spacing-margin** - Margin used for spacing variants (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-group-item-min-height-xs** - Minimum height of the sidenav group item (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-sidenav-group-item-min-height-sm** - Minimum height of the sidenav group item (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-sidenav-group-item-min-height-lg** - Minimum height of the sidenav group item (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-sidenav-group-item-padding-xs** - Padding of the sidenav group item (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-sidenav-group-item-padding-sm** - Padding of the sidenav group item (default: var(--dds-spacing-200) var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-group-item-padding-lg** - Padding of the sidenav group item (default: var(--dds-spacing-300) var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-sidenav-group-item-color** - Text color of the sidenav group item (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-size-xs** - Font size of the sidenav group item (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-size-sm** - Font size of the sidenav group item (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-size-lg** - Font size of the sidenav group item (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-weight** - Font weight of the sidenav group item (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-sidenav-group-item-bg-active** - Background color when the item is active (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-sidenav-group-item-bg-hover** - Background color on hover and active states (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-sidenav-group-toggle-margin** - Margin for the toggle button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-sidenav-group-submenu-padding** - Padding for the submenu (default: var(--dds-spacing-300) 0) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main side navigation group container.\n- **title** - The title of the side navigation group.\n- **link** - The link of the side navigation group.\n- **toggle** - The toggle button of the side navigation group.\n- **submenu** - The submenu of the side navigation group.",
9716
- "doc-url": "",
9717
- "attributes": [
9718
- {
9719
- "name": "href",
9720
- "description": "The href of the side navigation item",
9721
- "value": { "type": "string" }
9722
- },
9723
- {
9724
- "name": "active",
9725
- "description": "Whether the side navigation item is active",
9726
- "value": { "type": "boolean", "default": "false" }
9727
- },
9728
- {
9729
- "name": "spacing",
9730
- "description": "The spacing of the side navigation item",
9731
- "value": {
9732
- "type": "'top' | 'bottom' | 'both' | 'none'",
9733
- "default": "'none'"
9734
- }
9735
- },
9736
- {
9737
- "name": "open",
9738
- "description": "Whether the side navigation group is open",
9739
- "value": { "type": "boolean", "default": "false" }
9740
- },
9741
- {
9742
- "name": "size",
9743
- "description": "The size of the side navigation group",
9744
- "value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
9745
- }
9746
- ],
9747
- "slots": [
9748
- {
9749
- "name": "",
9750
- "description": "The content of the side navigation group."
9751
- },
9752
- {
9753
- "name": "submenu",
9754
- "description": "The submenu of the side navigation group."
9831
+ "value": { "type": "boolean" }
9755
9832
  },
9756
9833
  {
9757
- "name": "suffix",
9758
- "description": "The suffix of the side navigation group."
9834
+ "name": "role",
9835
+ "description": "The html role of the header cell",
9836
+ "value": { "type": "string", "default": "'columnheader'" }
9759
9837
  }
9760
9838
  ],
9839
+ "slots": [{ "name": "", "description": "The default slot." }],
9761
9840
  "events": [],
9762
9841
  "js": {
9763
9842
  "properties": [
9764
9843
  {
9765
- "name": "href",
9766
- "description": "The href of the side navigation item",
9767
- "type": "string"
9768
- },
9769
- {
9770
- "name": "active",
9771
- "description": "Whether the side navigation item is active",
9772
- "type": "boolean"
9773
- },
9774
- {
9775
- "name": "spacing",
9776
- "description": "The spacing of the side navigation item",
9777
- "type": "'top' | 'bottom' | 'both' | 'none'"
9778
- },
9779
- {
9780
- "name": "open",
9781
- "description": "Whether the side navigation group is open",
9844
+ "name": "last",
9845
+ "description": "If the header cell is the last one.",
9782
9846
  "type": "boolean"
9783
9847
  },
9784
9848
  {
9785
- "name": "size",
9786
- "description": "The size of the side navigation group",
9787
- "type": "'xs' | 'sm' | 'lg'"
9849
+ "name": "role",
9850
+ "description": "The html role of the header cell",
9851
+ "type": "string"
9788
9852
  }
9789
9853
  ],
9790
9854
  "events": []
9791
9855
  }
9792
9856
  },
9793
9857
  {
9794
- "name": "dap-ds-sidenav-item",
9795
- "description": "Side navigation item\n---\n\n\n### **Slots:**\n - _default_ - The content of the side navigation item.\n- **suffix** - The suffix of the side navigation item.\n\n### **CSS Properties:**\n - **--dds-sidenav-item-min-height-xs** - Minimum height of the sidenav item (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-sidenav-item-min-height-sm** - Minimum height of the sidenav item (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-sidenav-item-min-height-lg** - Minimum height of the sidenav item (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-sidenav-item-margin-bottom** - Default bottom margin of the sidenav item (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-sidenav-item-padding-xs** - Padding of the sidenav item (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-sidenav-item-padding-sm** - Padding of the sidenav item (default: var(--dds-spacing-200) var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-item-padding-lg** - Padding of the sidenav item (default: var(--dds-spacing-300) var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-sidenav-item-radius** - Border radius of the sidenav item (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-sidenav-item-color** - Text color of the sidenav item (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-sidenav-item-font-size-xs** - Font size of the sidenav item (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-sidenav-item-font-size-sm** - Font size of the sidenav item (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-sidenav-item-font-size-lg** - Font size of the sidenav item (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-sidenav-item-font-weight** - Font weight of the sidenav item (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-sidenav-item-spacing-margin** - Margin used for spacing variants (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-item-bg-active** - Background color when the item is active (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-sidenav-item-bg-hover** - Background color on hover and active states (default: var(--dds-transparent-black-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main side navigation item container.\n- **link** - The link of the side navigation item.",
9858
+ "name": "dap-ds-table-row",
9859
+ "description": "Table row component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements.\n\n### **CSS Properties:**\n - **--dds-table-row-padding-right** - Padding right for the last table header, (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-table-row-padding-top** - Padding top for table headers in mobile view, (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-table-row-padding-bottom** - Padding bottom for the last table cell in mobile view, (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-table-row-border-color** - Border color for table cells and headers, (default: transparent) _(default: undefined)_",
9796
9860
  "doc-url": "",
9797
9861
  "attributes": [
9798
9862
  {
9799
- "name": "href",
9800
- "description": "The href of the side navigation item",
9801
- "value": { "type": "string" }
9863
+ "name": "role",
9864
+ "description": "The html role of the row",
9865
+ "value": { "type": "string", "default": "'row'" }
9802
9866
  },
9803
9867
  {
9804
- "name": "active",
9805
- "description": "Whether the side navigation item is active",
9868
+ "name": "mobile",
9869
+ "description": "If the row is mobile design",
9806
9870
  "value": { "type": "boolean", "default": "false" }
9807
- },
9808
- {
9809
- "name": "current",
9810
- "description": "Which `aria-current` token to expose on the link when `active` is set.\n\n`aria-current` has to sit on the anchor that assistive technology actually\nexposes. Setting it on this host does nothing: the host is a role-less custom\nelement, so the attribute is stranded there and screen-reader users cannot tell\nwhich item is current. Use `current=\"step\"` inside a stepper.",
9811
- "value": {
9812
- "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true'",
9813
- "default": "'page'"
9814
- }
9815
- },
9816
- {
9817
- "name": "spacing",
9818
- "description": "The spacing of the side navigation item",
9819
- "value": {
9820
- "type": "'top' | 'bottom' | 'both' | 'none'",
9821
- "default": "'none'"
9822
- }
9823
- },
9824
- {
9825
- "name": "size",
9826
- "description": "The size of the side navigation item",
9827
- "value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
9828
9871
  }
9829
9872
  ],
9830
9873
  "slots": [
9831
9874
  {
9832
9875
  "name": "",
9833
- "description": "The content of the side navigation item."
9834
- },
9835
- {
9836
- "name": "suffix",
9837
- "description": "The suffix of the side navigation item."
9876
+ "description": "The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements."
9838
9877
  }
9839
9878
  ],
9840
9879
  "events": [],
9841
9880
  "js": {
9842
9881
  "properties": [
9843
9882
  {
9844
- "name": "href",
9845
- "description": "The href of the side navigation item",
9883
+ "name": "role",
9884
+ "description": "The html role of the row",
9846
9885
  "type": "string"
9847
9886
  },
9848
9887
  {
9849
- "name": "active",
9850
- "description": "Whether the side navigation item is active",
9888
+ "name": "mobile",
9889
+ "description": "If the row is mobile design",
9851
9890
  "type": "boolean"
9852
- },
9853
- {
9854
- "name": "current",
9855
- "description": "Which `aria-current` token to expose on the link when `active` is set.\n\n`aria-current` has to sit on the anchor that assistive technology actually\nexposes. Setting it on this host does nothing: the host is a role-less custom\nelement, so the attribute is stranded there and screen-reader users cannot tell\nwhich item is current. Use `current=\"step\"` inside a stepper.",
9856
- "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true'"
9857
- },
9858
- {
9859
- "name": "spacing",
9860
- "description": "The spacing of the side navigation item",
9861
- "type": "'top' | 'bottom' | 'both' | 'none'"
9862
- },
9863
- {
9864
- "name": "size",
9865
- "description": "The size of the side navigation item",
9866
- "type": "'xs' | 'sm' | 'lg'"
9867
9891
  }
9868
9892
  ],
9869
9893
  "events": []
9870
9894
  }
9871
9895
  },
9872
9896
  {
9873
- "name": "dap-ds-sidenav",
9874
- "description": "Side navigation is a list of links that are used to navigate to different sections of a page.\n---\n\n\n### **Events:**\n - **dds-item-click** - Event fired when the side navigation item is clicked.\n\n### **Slots:**\n - _default_ - The content of the side navigation.\n\n### **CSS Parts:**\n - **base** - The main side navigation container.\n- **menu** - The menu of the side navigation.",
9897
+ "name": "dap-ds-table",
9898
+ "description": "Data table component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Accepts `dap-ds-table-row` elements.\n\n### **CSS Properties:**\n - **--dds-table-border-width** - Width of the table border. (default: var(--dds-border-width-base, 1px)) _(default: undefined)_\n- **--dds-table-border-color** - Color of the table border. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-table-border-radius** - Border radius of the table. (default: var(--dds-radius-small, 4px)) _(default: undefined)_\n- **--dds-table-row-divider-color** - Color of the divider between rows in mobile view. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_",
9875
9899
  "doc-url": "",
9876
9900
  "attributes": [
9877
9901
  {
9878
- "name": "label",
9879
- "description": "The label of the side navigation, if aria label is not provided, it will be used as aria label",
9880
- "value": { "type": "string" }
9881
- },
9882
- {
9883
- "name": "activeHref",
9884
- "description": "The active href of the side navigation, to explicitly set the active item, if not provided, it will be set based on the current location",
9885
- "value": { "type": "string" }
9902
+ "name": "role",
9903
+ "value": { "type": "string", "default": "'grid'" }
9886
9904
  },
9887
9905
  {
9888
- "name": "size",
9889
- "description": "The size of the side navigation",
9890
- "value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
9906
+ "name": "mobile",
9907
+ "description": "If the table has mobile design",
9908
+ "value": { "type": "boolean", "default": "false" }
9891
9909
  },
9892
9910
  {
9893
- "name": "landmark",
9894
- "description": "The landmark element to render. `aside` exposes a complementary landmark; `nav`\nexposes a navigation landmark, so the sidenav is listed when a screen-reader user\nasks for the page's navigation.\n\nDefaults to `aside` because that is what this component has always rendered, and\nchanging the landmark of every existing sidenav is not this component's call: a\nsidenav that is genuinely a sidebar should stay complementary. Set `nav` when the\nsidenav is the primary way to move around the view.",
9895
- "value": { "type": "'aside' | 'nav'", "default": "'aside'" }
9911
+ "name": "caption",
9912
+ "description": "The caption of the table",
9913
+ "value": { "type": "string", "default": "''" }
9896
9914
  }
9897
9915
  ],
9898
9916
  "slots": [
9899
- { "name": "", "description": "The content of the side navigation." }
9900
- ],
9901
- "events": [
9902
9917
  {
9903
- "name": "dds-item-click",
9904
- "type": "{ href: string, event: Event }",
9905
- "description": "Event fired when the side navigation item is clicked."
9918
+ "name": "",
9919
+ "description": "The default slot. Accepts `dap-ds-table-row` elements."
9906
9920
  }
9907
9921
  ],
9922
+ "events": [],
9908
9923
  "js": {
9909
9924
  "properties": [
9925
+ { "name": "role", "type": "string" },
9910
9926
  {
9911
- "name": "label",
9912
- "description": "The label of the side navigation, if aria label is not provided, it will be used as aria label",
9913
- "type": "string"
9927
+ "name": "mobile",
9928
+ "description": "If the table has mobile design",
9929
+ "type": "boolean"
9914
9930
  },
9915
9931
  {
9916
- "name": "activeHref",
9917
- "description": "The active href of the side navigation, to explicitly set the active item, if not provided, it will be set based on the current location",
9932
+ "name": "caption",
9933
+ "description": "The caption of the table",
9918
9934
  "type": "string"
9919
- },
9920
- {
9921
- "name": "size",
9922
- "description": "The size of the side navigation",
9923
- "type": "'xs' | 'sm' | 'lg'"
9924
- },
9925
- {
9926
- "name": "landmark",
9927
- "description": "The landmark element to render. `aside` exposes a complementary landmark; `nav`\nexposes a navigation landmark, so the sidenav is listed when a screen-reader user\nasks for the page's navigation.\n\nDefaults to `aside` because that is what this component has always rendered, and\nchanging the landmark of every existing sidenav is not this component's call: a\nsidenav that is genuinely a sidebar should stay complementary. Set `nav` when the\nsidenav is the primary way to move around the view.",
9928
- "type": "'aside' | 'nav'"
9929
9935
  }
9930
9936
  ],
9931
- "events": [
9932
- {
9933
- "name": "dds-item-click",
9934
- "type": "{ href: string, event: Event }",
9935
- "description": "Event fired when the side navigation item is clicked."
9936
- }
9937
- ]
9937
+ "events": []
9938
9938
  }
9939
9939
  },
9940
9940
  {
@@ -11340,43 +11340,144 @@
11340
11340
  "type": "string"
11341
11341
  },
11342
11342
  {
11343
- "name": "noMargin",
11344
- "description": "Whether the label should have no margin.",
11345
- "type": "boolean"
11343
+ "name": "noMargin",
11344
+ "description": "Whether the label should have no margin.",
11345
+ "type": "boolean"
11346
+ },
11347
+ {
11348
+ "name": "optionalLabel",
11349
+ "description": "Label of optional text",
11350
+ "type": "string"
11351
+ },
11352
+ {
11353
+ "name": "subtle",
11354
+ "description": "Text weight of the label.",
11355
+ "type": "boolean"
11356
+ },
11357
+ {
11358
+ "name": "optional",
11359
+ "description": "If the label is optional.",
11360
+ "type": "boolean"
11361
+ },
11362
+ {
11363
+ "name": "required",
11364
+ "description": "If the label is required.",
11365
+ "type": "boolean"
11366
+ },
11367
+ {
11368
+ "name": "requiredLabel",
11369
+ "description": "Indicator of required text. (default: '*')",
11370
+ "type": "string"
11371
+ },
11372
+ {
11373
+ "name": "label",
11374
+ "description": "The label text.",
11375
+ "type": "string"
11376
+ },
11377
+ {
11378
+ "name": "hideLabel",
11379
+ "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
11380
+ "type": "boolean"
11381
+ }
11382
+ ],
11383
+ "events": []
11384
+ }
11385
+ },
11386
+ {
11387
+ "name": "dap-ds-input-group",
11388
+ "description": "An input group is a container for inputs.\n---\n\n\n### **Slots:**\n - _default_ - The content of the input group items.\n- **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Parts:**\n - **base** - The main input group container.\n- **label** - The label of the input group.\n- **description** - The description of the input group.\n- **tooltip** - The tooltip of the input group.\n- **container** - The container of the input group items.",
11389
+ "doc-url": "",
11390
+ "attributes": [],
11391
+ "slots": [
11392
+ {
11393
+ "name": "",
11394
+ "description": "The content of the input group items."
11395
+ },
11396
+ {
11397
+ "name": "feedback-icon",
11398
+ "description": "The custom icon of the feedback."
11399
+ }
11400
+ ],
11401
+ "events": [],
11402
+ "js": {
11403
+ "properties": [
11404
+ {
11405
+ "name": "allInputs",
11406
+ "type": "DapDSCheckbox[] | DapDSSwitch[]"
11407
+ },
11408
+ {
11409
+ "name": "label",
11410
+ "description": "The label of the input group.",
11411
+ "type": "string"
11412
+ },
11413
+ {
11414
+ "name": "hideLabel",
11415
+ "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
11416
+ "type": "boolean"
11417
+ },
11418
+ {
11419
+ "name": "description",
11420
+ "description": "The description of the input group.",
11421
+ "type": "string"
11422
+ },
11423
+ {
11424
+ "name": "tooltip",
11425
+ "description": "The tooltip of the input group.",
11426
+ "type": "string"
11427
+ },
11428
+ {
11429
+ "name": "tooltipPlacement",
11430
+ "description": "The tooltip placement of the input group.",
11431
+ "type": "'top' | 'right' | 'bottom' | 'left'"
11432
+ },
11433
+ {
11434
+ "name": "tooltipAriaLabel",
11435
+ "description": "The aria label of the tooltip.",
11436
+ "type": "string"
11437
+ },
11438
+ {
11439
+ "name": "optionalLabel",
11440
+ "description": "The label of the input group when it is optional.",
11441
+ "type": "string"
11346
11442
  },
11347
11443
  {
11348
- "name": "optionalLabel",
11349
- "description": "Label of optional text",
11444
+ "name": "requiredLabel",
11445
+ "description": "The indicator of the input group when it is required. (default: '*')",
11350
11446
  "type": "string"
11351
11447
  },
11352
11448
  {
11353
- "name": "subtle",
11354
- "description": "Text weight of the label.",
11449
+ "name": "disabled",
11450
+ "description": "Whether the input group is disabled.",
11355
11451
  "type": "boolean"
11356
11452
  },
11357
11453
  {
11358
- "name": "optional",
11359
- "description": "If the label is optional.",
11360
- "type": "boolean"
11454
+ "name": "size",
11455
+ "description": "The size of the input group. Default is `sm`.",
11456
+ "type": "'xs' | 'sm' | 'lg'"
11361
11457
  },
11362
11458
  {
11363
11459
  "name": "required",
11364
- "description": "If the label is required.",
11460
+ "description": "Whether the input group is required.",
11365
11461
  "type": "boolean"
11366
11462
  },
11367
11463
  {
11368
- "name": "requiredLabel",
11369
- "description": "Indicator of required text. (default: '*')",
11464
+ "name": "optional",
11465
+ "description": "Whether the input group is optional.",
11466
+ "type": "boolean"
11467
+ },
11468
+ {
11469
+ "name": "feedback",
11470
+ "description": "The feedback of the input.",
11370
11471
  "type": "string"
11371
11472
  },
11372
11473
  {
11373
- "name": "label",
11374
- "description": "The label text.",
11474
+ "name": "feedbackType",
11475
+ "description": "The type of the feedback.",
11375
11476
  "type": "string"
11376
11477
  },
11377
11478
  {
11378
- "name": "hideLabel",
11379
- "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
11479
+ "name": "subtle",
11480
+ "description": "Whether the input group label is subtle.",
11380
11481
  "type": "boolean"
11381
11482
  }
11382
11483
  ],
@@ -11525,107 +11626,6 @@
11525
11626
  ]
11526
11627
  }
11527
11628
  },
11528
- {
11529
- "name": "dap-ds-input-group",
11530
- "description": "An input group is a container for inputs.\n---\n\n\n### **Slots:**\n - _default_ - The content of the input group items.\n- **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Parts:**\n - **base** - The main input group container.\n- **label** - The label of the input group.\n- **description** - The description of the input group.\n- **tooltip** - The tooltip of the input group.\n- **container** - The container of the input group items.",
11531
- "doc-url": "",
11532
- "attributes": [],
11533
- "slots": [
11534
- {
11535
- "name": "",
11536
- "description": "The content of the input group items."
11537
- },
11538
- {
11539
- "name": "feedback-icon",
11540
- "description": "The custom icon of the feedback."
11541
- }
11542
- ],
11543
- "events": [],
11544
- "js": {
11545
- "properties": [
11546
- {
11547
- "name": "allInputs",
11548
- "type": "DapDSCheckbox[] | DapDSSwitch[]"
11549
- },
11550
- {
11551
- "name": "label",
11552
- "description": "The label of the input group.",
11553
- "type": "string"
11554
- },
11555
- {
11556
- "name": "hideLabel",
11557
- "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
11558
- "type": "boolean"
11559
- },
11560
- {
11561
- "name": "description",
11562
- "description": "The description of the input group.",
11563
- "type": "string"
11564
- },
11565
- {
11566
- "name": "tooltip",
11567
- "description": "The tooltip of the input group.",
11568
- "type": "string"
11569
- },
11570
- {
11571
- "name": "tooltipPlacement",
11572
- "description": "The tooltip placement of the input group.",
11573
- "type": "'top' | 'right' | 'bottom' | 'left'"
11574
- },
11575
- {
11576
- "name": "tooltipAriaLabel",
11577
- "description": "The aria label of the tooltip.",
11578
- "type": "string"
11579
- },
11580
- {
11581
- "name": "optionalLabel",
11582
- "description": "The label of the input group when it is optional.",
11583
- "type": "string"
11584
- },
11585
- {
11586
- "name": "requiredLabel",
11587
- "description": "The indicator of the input group when it is required. (default: '*')",
11588
- "type": "string"
11589
- },
11590
- {
11591
- "name": "disabled",
11592
- "description": "Whether the input group is disabled.",
11593
- "type": "boolean"
11594
- },
11595
- {
11596
- "name": "size",
11597
- "description": "The size of the input group. Default is `sm`.",
11598
- "type": "'xs' | 'sm' | 'lg'"
11599
- },
11600
- {
11601
- "name": "required",
11602
- "description": "Whether the input group is required.",
11603
- "type": "boolean"
11604
- },
11605
- {
11606
- "name": "optional",
11607
- "description": "Whether the input group is optional.",
11608
- "type": "boolean"
11609
- },
11610
- {
11611
- "name": "feedback",
11612
- "description": "The feedback of the input.",
11613
- "type": "string"
11614
- },
11615
- {
11616
- "name": "feedbackType",
11617
- "description": "The type of the feedback.",
11618
- "type": "string"
11619
- },
11620
- {
11621
- "name": "subtle",
11622
- "description": "Whether the input group label is subtle.",
11623
- "type": "boolean"
11624
- }
11625
- ],
11626
- "events": []
11627
- }
11628
- },
11629
11629
  {
11630
11630
  "name": "dap-ds-icon-arrow-down-line",
11631
11631
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
@@ -11892,7 +11892,7 @@
11892
11892
  }
11893
11893
  },
11894
11894
  {
11895
- "name": "dap-ds-icon-arrow-left-s-fill",
11895
+ "name": "dap-ds-icon-arrow-left-line",
11896
11896
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
11897
11897
  "doc-url": "",
11898
11898
  "attributes": [
@@ -11945,7 +11945,7 @@
11945
11945
  }
11946
11946
  },
11947
11947
  {
11948
- "name": "dap-ds-icon-arrow-left-line",
11948
+ "name": "dap-ds-icon-arrow-left-s-fill",
11949
11949
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
11950
11950
  "doc-url": "",
11951
11951
  "attributes": [
@@ -12051,7 +12051,7 @@
12051
12051
  }
12052
12052
  },
12053
12053
  {
12054
- "name": "dap-ds-icon-arrow-right-down-line",
12054
+ "name": "dap-ds-icon-arrow-left-up-line",
12055
12055
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
12056
12056
  "doc-url": "",
12057
12057
  "attributes": [
@@ -12104,7 +12104,7 @@
12104
12104
  }
12105
12105
  },
12106
12106
  {
12107
- "name": "dap-ds-icon-arrow-right-l-line",
12107
+ "name": "dap-ds-icon-arrow-right-down-line",
12108
12108
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
12109
12109
  "doc-url": "",
12110
12110
  "attributes": [
@@ -12157,7 +12157,7 @@
12157
12157
  }
12158
12158
  },
12159
12159
  {
12160
- "name": "dap-ds-icon-arrow-left-up-line",
12160
+ "name": "dap-ds-icon-arrow-right-l-line",
12161
12161
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
12162
12162
  "doc-url": "",
12163
12163
  "attributes": [
@@ -13482,7 +13482,7 @@
13482
13482
  }
13483
13483
  },
13484
13484
  {
13485
- "name": "dap-ds-icon-add-line",
13485
+ "name": "dap-ds-icon-cookie-line",
13486
13486
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13487
13487
  "doc-url": "",
13488
13488
  "attributes": [
@@ -13535,7 +13535,7 @@
13535
13535
  }
13536
13536
  },
13537
13537
  {
13538
- "name": "dap-ds-icon-cookie-line",
13538
+ "name": "dap-ds-icon-account-circle-fill",
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-alert-fill",
13591
+ "name": "dap-ds-icon-account-circle-line",
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-alert-line",
13644
+ "name": "dap-ds-icon-user-fill",
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-check-line",
13697
+ "name": "dap-ds-icon-user-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-check-line2",
13750
+ "name": "dap-ds-icon-add-line",
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-checkbox-blank-circle-fill",
13803
+ "name": "dap-ds-icon-alert-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-checkbox-blank-circle-fill-check",
13856
+ "name": "dap-ds-icon-alert-line",
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-checkbox-blank-circle-line",
13909
+ "name": "dap-ds-icon-check-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-checkbox-circle-fill",
13962
+ "name": "dap-ds-icon-check-line2",
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-circle-line",
14015
+ "name": "dap-ds-icon-checkbox-blank-circle-fill",
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-close-circle-fill",
14068
+ "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
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-close-circle-line",
14121
+ "name": "dap-ds-icon-checkbox-blank-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-close-fill",
14174
+ "name": "dap-ds-icon-checkbox-circle-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-close-line",
14227
+ "name": "dap-ds-icon-checkbox-circle-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-delete-bin-fill",
14280
+ "name": "dap-ds-icon-close-circle-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-delete-bin-line",
14333
+ "name": "dap-ds-icon-close-circle-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-download-line",
14386
+ "name": "dap-ds-icon-close-fill",
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-error-warning-fill",
14439
+ "name": "dap-ds-icon-close-line",
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-error-warning-line",
14492
+ "name": "dap-ds-icon-delete-bin-fill",
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-external-link-line",
14545
+ "name": "dap-ds-icon-delete-bin-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-eye-line",
14598
+ "name": "dap-ds-icon-download-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-eye-off-line",
14651
+ "name": "dap-ds-icon-error-warning-fill",
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-forbid-fill",
14704
+ "name": "dap-ds-icon-error-warning-line",
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-information-2-fill",
14757
+ "name": "dap-ds-icon-external-link-line",
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-information-fill",
14810
+ "name": "dap-ds-icon-eye-line",
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-information-line",
14863
+ "name": "dap-ds-icon-eye-off-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-lightbulb-fill",
14916
+ "name": "dap-ds-icon-forbid-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-loading-spinner",
14969
+ "name": "dap-ds-icon-information-2-fill",
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-lock-fill",
15022
+ "name": "dap-ds-icon-information-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-lock-line",
15075
+ "name": "dap-ds-icon-information-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-menu-line",
15128
+ "name": "dap-ds-icon-lightbulb-fill",
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-menu-line-s",
15181
+ "name": "dap-ds-icon-loading-spinner",
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-more-2-line",
15234
+ "name": "dap-ds-icon-lock-fill",
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-more-line",
15287
+ "name": "dap-ds-icon-lock-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-search-line",
15340
+ "name": "dap-ds-icon-menu-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-share-line",
15393
+ "name": "dap-ds-icon-menu-line-s",
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-shield-check-fill",
15446
+ "name": "dap-ds-icon-more-2-line",
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-shield-check-line",
15499
+ "name": "dap-ds-icon-more-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-star-fill",
15552
+ "name": "dap-ds-icon-search-line",
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-subtract-line",
15605
+ "name": "dap-ds-icon-share-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-subtract-line2",
15658
+ "name": "dap-ds-icon-shield-check-fill",
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-time-fill",
15711
+ "name": "dap-ds-icon-shield-check-line",
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-time-line",
15764
+ "name": "dap-ds-icon-star-fill",
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-upload-2-fill",
15817
+ "name": "dap-ds-icon-subtract-line",
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-upload-2-line",
15870
+ "name": "dap-ds-icon-subtract-line2",
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-upload-line",
15923
+ "name": "dap-ds-icon-time-fill",
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-zoom-in-line",
15976
+ "name": "dap-ds-icon-time-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-zoom-out-line",
16029
+ "name": "dap-ds-icon-upload-2-fill",
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-account-circle-fill",
16082
+ "name": "dap-ds-icon-upload-2-line",
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-account-circle-line",
16135
+ "name": "dap-ds-icon-upload-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-user-fill",
16188
+ "name": "dap-ds-icon-zoom-in-line",
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-user-line",
16241
+ "name": "dap-ds-icon-zoom-out-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": [