dap-design-system 0.62.2 → 0.62.3

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 (13) hide show
  1. package/dist/components/table/table-header.component.d.ts +5 -1
  2. package/dist/components/table/table-header.component.js +24 -18
  3. package/dist/components/table/table-header.component.js.map +1 -1
  4. package/dist/components/table/table.component.d.ts +3 -3
  5. package/dist/components/table/table.component.js +31 -29
  6. package/dist/components/table/table.component.js.map +1 -1
  7. package/dist/manifest/types/vue/index.d.ts +295 -294
  8. package/dist/manifest/vscode.html-custom-data.json +276 -271
  9. package/dist/manifest/web-types.json +403 -393
  10. package/dist/react/index.d.ts +10 -10
  11. package/dist/react-types.ts +11 -11
  12. package/dist/react.js +130 -130
  13. package/package.json +1 -1
package/dist/manifest/web-types.json CHANGED
@@ -6,45 +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
9
  {
49
10
  "name": "dap-ds-accordion",
50
11
  "description": "An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.\n---\n\n\n### **Events:**\n - **dds-opened** - Event fired when the accordion is opened.\n- **dds-closed** - Event fired when the accordion is closed.\n\n### **Slots:**\n - **default** - The content of the accordion.\n- **heading** - The heading of the accordion.\n- **icon-opened** - The icon when the accordion is opened.\n- **icon-closed** - The icon when the accordion is closed.\n\n### **CSS Properties:**\n - **--dds-accordion-border-width** - The width of the accordion border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-border-style** - The style of the accordion border (default: solid) _(default: undefined)_\n- **--dds-accordion-border-radius** - The border radius of the accordion (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-border-color** - The color of the accordion border (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-accordion-background-color** - The background color of the accordion (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-text-color** - The text color of the accordion (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-hover-background** - The background color when hovering over the accordion (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-accordion-active-background** - The background color when the accordion is active (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-accordion-icon-background** - The background color of the accordion icon (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-accordion-icon-color** - The color of the accordion icon (default: var(--dds-icon-neutral-base)) _(default: undefined)_\n- **--dds-accordion-icon-hover-background** - The background color of the accordion icon when hovered (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-accordion-icon-active-background** - The background color of the accordion icon when active (default: var(--dds-transparent-black-strong)) _(default: undefined)_\n- **--dds-accordion-icon-hover-color** - The color of the accordion icon when hovered (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-icon-active-color** - The color of the accordion icon when active (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-content-color** - The color of the accordion content (default: var(--dds-text-text-neutral)) _(default: undefined)_\n- **--dds-accordion-transition-duration** - The duration of the accordion transitions (default: var(--dds-transition-fast)) _(default: undefined)_\n- **--dds-accordion-transition-timing** - The timing function of the accordion transitions (default: var(--dds-easing-ease-in-out)) _(default: undefined)_\n- **--dds-accordion-divider-color** - The color of the divider between accordion items (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion container.\n- **heading** - The heading of the accordion.\n- **button** - The button of the accordion.\n- **content** - The content of the accordion.\n- **content-container** - The container of the accordion content.\n- **icon-wrapper** - The icon wrapper of the accordion.\n- **open-icon** - The icon when the accordion is opened.\n- **open-icon-base** - The base of the icon when the accordion is opened.\n- **close-icon** - The icon when the accordion is closed.\n- **close-icon-base** - The base of the icon when the accordion is closed.",
@@ -152,6 +113,33 @@
152
113
  ]
153
114
  }
154
115
  },
116
+ {
117
+ "name": "dap-ds-anchor-heading",
118
+ "description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link (default: var(--dds-color-primary)) _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered (default: 0) _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered (default: 1) _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity (default: opacity 0.2s ease-in-out) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.",
119
+ "doc-url": "",
120
+ "attributes": [
121
+ {
122
+ "name": "variant",
123
+ "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
124
+ "value": { "type": "HeadingVariant" }
125
+ },
126
+ {
127
+ "name": "label",
128
+ "description": "The label of the heading.",
129
+ "value": { "type": "string" }
130
+ }
131
+ ],
132
+ "events": [],
133
+ "js": {
134
+ "properties": [
135
+ { "name": "variant", "type": "HeadingVariant" },
136
+ { "name": "label", "type": "string" },
137
+ { "name": "elementId" },
138
+ { "name": "anchorTitle" }
139
+ ],
140
+ "events": []
141
+ }
142
+ },
155
143
  {
156
144
  "name": "dap-ds-avatar",
157
145
  "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.",
@@ -309,6 +297,66 @@
309
297
  ]
310
298
  }
311
299
  },
300
+ {
301
+ "name": "dap-ds-badge",
302
+ "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.",
303
+ "doc-url": "",
304
+ "attributes": [
305
+ {
306
+ "name": "type",
307
+ "description": "The type of the badge",
308
+ "value": {
309
+ "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
310
+ "default": "'neutral'"
311
+ }
312
+ },
313
+ {
314
+ "name": "icon",
315
+ "description": "The icon of the badge, this is a name of a built in icon",
316
+ "value": { "type": "string | undefined" }
317
+ },
318
+ {
319
+ "name": "live",
320
+ "description": "Whether the badge represents dynamic content that should announce changes",
321
+ "value": { "type": "boolean", "default": "false" }
322
+ }
323
+ ],
324
+ "slots": [
325
+ { "name": "", "description": "The content of the badge." },
326
+ { "name": "icon", "description": "The icon of the badge." }
327
+ ],
328
+ "events": [],
329
+ "js": {
330
+ "properties": [
331
+ {
332
+ "name": "type",
333
+ "description": "The type of the badge",
334
+ "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
335
+ },
336
+ {
337
+ "name": "icon",
338
+ "description": "The icon of the badge, this is a name of a built in icon",
339
+ "type": "string | undefined"
340
+ },
341
+ {
342
+ "name": "live",
343
+ "description": "Whether the badge represents dynamic content that should announce changes",
344
+ "type": "boolean"
345
+ },
346
+ {
347
+ "name": "size",
348
+ "description": "The size of the badge. Default is `sm`.",
349
+ "type": "'sm' | 'lg'"
350
+ },
351
+ {
352
+ "name": "sizeMap",
353
+ "description": "Responsive size map (e.g. \"md:lg\").",
354
+ "type": "string"
355
+ }
356
+ ],
357
+ "events": []
358
+ }
359
+ },
312
360
  {
313
361
  "name": "dap-ds-avatar-group",
314
362
  "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.",
@@ -408,93 +456,6 @@
408
456
  ]
409
457
  }
410
458
  },
411
- {
412
- "name": "dap-ds-badge",
413
- "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.",
414
- "doc-url": "",
415
- "attributes": [
416
- {
417
- "name": "type",
418
- "description": "The type of the badge",
419
- "value": {
420
- "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
421
- "default": "'neutral'"
422
- }
423
- },
424
- {
425
- "name": "icon",
426
- "description": "The icon of the badge, this is a name of a built in icon",
427
- "value": { "type": "string | undefined" }
428
- },
429
- {
430
- "name": "live",
431
- "description": "Whether the badge represents dynamic content that should announce changes",
432
- "value": { "type": "boolean", "default": "false" }
433
- }
434
- ],
435
- "slots": [
436
- { "name": "", "description": "The content of the badge." },
437
- { "name": "icon", "description": "The icon of the badge." }
438
- ],
439
- "events": [],
440
- "js": {
441
- "properties": [
442
- {
443
- "name": "type",
444
- "description": "The type of the badge",
445
- "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
446
- },
447
- {
448
- "name": "icon",
449
- "description": "The icon of the badge, this is a name of a built in icon",
450
- "type": "string | undefined"
451
- },
452
- {
453
- "name": "live",
454
- "description": "Whether the badge represents dynamic content that should announce changes",
455
- "type": "boolean"
456
- },
457
- {
458
- "name": "size",
459
- "description": "The size of the badge. Default is `sm`.",
460
- "type": "'sm' | 'lg'"
461
- },
462
- {
463
- "name": "sizeMap",
464
- "description": "Responsive size map (e.g. \"md:lg\").",
465
- "type": "string"
466
- }
467
- ],
468
- "events": []
469
- }
470
- },
471
- {
472
- "name": "dap-ds-anchor-heading",
473
- "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.",
474
- "doc-url": "",
475
- "attributes": [
476
- {
477
- "name": "variant",
478
- "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
479
- "value": { "type": "HeadingVariant" }
480
- },
481
- {
482
- "name": "label",
483
- "description": "The label of the heading.",
484
- "value": { "type": "string" }
485
- }
486
- ],
487
- "events": [],
488
- "js": {
489
- "properties": [
490
- { "name": "variant", "type": "HeadingVariant" },
491
- { "name": "label", "type": "string" },
492
- { "name": "elementId" },
493
- { "name": "anchorTitle" }
494
- ],
495
- "events": []
496
- }
497
- },
498
459
  {
499
460
  "name": "dap-ds-banner",
500
461
  "description": "A banner is a message displayed at the top of the page to provide important information to the user.\n---\n\n\n### **Events:**\n - **dds-close** - Event fired when the banner is closed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **actions** - Actions of banner\n- **icon** - The icon of the banner.\n\n### **CSS Properties:**\n - **--dds-banner-gap** - The gap between banner elements (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-banner-line-height** - The line height of the banner text (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-banner-transition** - The transition property for the banner (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-banner-brand-background** - The background color of the brand banner (default: var(--dds-banner-background-brand)) _(default: undefined)_\n- **--dds-banner-brand-icon-color** - The color of the brand banner icon (default: var(--dds-banner-icon-brand)) _(default: undefined)_\n- **--dds-banner-brand-text-color** - The text color of the brand banner (default: var(--dds-banner-text-brand)) _(default: undefined)_\n- **--dds-banner-brand-action-color** - The color of the brand banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-info-background** - The background color of the info banner (default: var(--dds-banner-background-informative)) _(default: undefined)_\n- **--dds-banner-info-icon-color** - The color of the info banner icon (default: var(--dds-banner-icon-informative)) _(default: undefined)_\n- **--dds-banner-info-text-color** - The text color of the info banner (default: var(--dds-banner-text-informative)) _(default: undefined)_\n- **--dds-banner-info-action-color** - The color of the info banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-positive-background** - The background color of the positive banner (default: var(--dds-banner-background-positive)) _(default: undefined)_\n- **--dds-banner-positive-icon-color** - The color of the positive banner icon (default: var(--dds-banner-icon-positive)) _(default: undefined)_\n- **--dds-banner-positive-text-color** - The text color of the positive banner (default: var(--dds-banner-text-positive)) _(default: undefined)_\n- **--dds-banner-positive-action-color** - The color of the positive banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-warning-background** - The background color of the warning banner (default: var(--dds-banner-background-warning)) _(default: undefined)_\n- **--dds-banner-warning-icon-color** - The color of the warning banner icon (default: var(--dds-banner-icon-warning)) _(default: undefined)_\n- **--dds-banner-warning-text-color** - The text color of the warning banner (default: var(--dds-banner-text-warning)) _(default: undefined)_\n- **--dds-banner-warning-action-color** - The color of the warning banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n- **--dds-banner-negative-background** - The background color of the negative banner (default: var(--dds-banner-background-negative)) _(default: undefined)_\n- **--dds-banner-negative-icon-color** - The color of the negative banner icon (default: var(--dds-banner-icon-negative)) _(default: undefined)_\n- **--dds-banner-negative-text-color** - The text color of the negative banner (default: var(--dds-banner-text-negative)) _(default: undefined)_\n- **--dds-banner-negative-action-color** - The color of the negative banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main banner container.\n- **card-base** - The wrapper card container.\n- **icon** - The icon of the banner.\n- **icon-element** - The icon element of the banner.\n- **icon-base** - The base of the icon.\n- **closebutton** - The close button of the banner.\n- **close-icon-element** - The icon element of the close button.\n- **close-icon-base** - The base of the close button icon.\n- **actions** - The actions of the banner.\n- **title** - The title of the banner.",
@@ -588,6 +549,45 @@
588
549
  ]
589
550
  }
590
551
  },
552
+ {
553
+ "name": "dap-ds-accordion-group",
554
+ "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.",
555
+ "doc-url": "",
556
+ "attributes": [
557
+ {
558
+ "name": "autoClose",
559
+ "description": "Whether to close other accordions when one is opened.",
560
+ "value": { "type": "string", "default": "'true'" }
561
+ },
562
+ {
563
+ "name": "variant",
564
+ "description": "The variant of the accordion",
565
+ "value": {
566
+ "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
567
+ "default": "'default'"
568
+ }
569
+ }
570
+ ],
571
+ "slots": [
572
+ { "name": "", "description": "The content of the accordion group." }
573
+ ],
574
+ "events": [],
575
+ "js": {
576
+ "properties": [
577
+ {
578
+ "name": "autoClose",
579
+ "description": "Whether to close other accordions when one is opened.",
580
+ "type": "string"
581
+ },
582
+ {
583
+ "name": "variant",
584
+ "description": "The variant of the accordion",
585
+ "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
586
+ }
587
+ ],
588
+ "events": []
589
+ }
590
+ },
591
591
  {
592
592
  "name": "dap-ds-breadcrumb",
593
593
  "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.",
@@ -889,8 +889,142 @@
889
889
  }
890
890
  },
891
891
  {
892
- "name": "dap-ds-calendar-cell",
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.",
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
+ {
1026
+ "name": "dap-ds-calendar-cell",
1027
+ "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.",
894
1028
  "doc-url": "",
895
1029
  "attributes": [
896
1030
  {
@@ -1121,148 +1255,14 @@
1121
1255
  "type": "string"
1122
1256
  },
1123
1257
  { "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'"
1219
- },
1220
- {
1221
- "name": "alignment",
1222
- "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
1223
- "type": "'vertical' | 'horizontal'"
1224
- },
1225
- {
1226
- "name": "shade",
1227
- "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
1228
- "type": "'subtle' | 'base' | 'medium' | 'strong'"
1229
- },
1230
- {
1231
- "name": "noBorder",
1232
- "description": "If the callout has a border",
1233
- "type": "string"
1234
- },
1235
- {
1236
- "name": "closeable",
1237
- "description": "If the callout has a close button",
1238
- "type": "boolean"
1239
- },
1240
- {
1241
- "name": "title",
1242
- "description": "The header of the callout",
1243
- "type": "string"
1244
- },
1245
- {
1246
- "name": "closeButtonLabel",
1247
- "description": "The label of the close button",
1248
- "type": "string"
1249
- },
1250
- {
1251
- "name": "closeButtonTestId",
1252
- "description": "`data-testid` for the default close button.",
1253
- "type": "string"
1254
- },
1255
- {
1256
- "name": "opened",
1257
- "description": "If the callout is opened",
1258
- "type": "string"
1259
- }
1258
+ { "name": "endDate" },
1259
+ { "name": "shouldHideAdjacentMonths" }
1260
1260
  ],
1261
1261
  "events": [
1262
1262
  {
1263
- "name": "dds-close",
1264
- "type": "{ void }",
1265
- "description": "Fired when the close button is clicked."
1263
+ "name": "dds-change",
1264
+ "type": "{ value: Dayjs }",
1265
+ "description": "Fired when the calendar value changes."
1266
1266
  }
1267
1267
  ]
1268
1268
  }
@@ -7345,74 +7345,6 @@
7345
7345
  ]
7346
7346
  }
7347
7347
  },
7348
- {
7349
- "name": "dap-ds-overlay",
7350
- "description": "An overlay is a container for overlay content.\n---\n\n\n### **Events:**\n - **dds-before-open** - Fires before the overlay opens.\n- **dds-opened** - Fires after the overlay opens.\n- **dds-before-close** - Fires before the overlay closes.\n- **dds-closed** - Fires after the overlay closes.\n\n### **Slots:**\n - _default_ - The content of the overlay.\n\n### **CSS Properties:**\n - **--dds-overlay-z-index** - Controls the z-index of the overlay (default: 1) _(default: undefined)_\n- **--dds-overlay-background** - Controls the background of the overlay (default: var(--dds-black-10)) _(default: undefined)_\n- **--dds-overlay-opacity-closed** - Controls the opacity when overlay is closed (default: 0) _(default: undefined)_\n- **--dds-overlay-opacity-open** - Controls the opacity when overlay is open (default: 1) _(default: undefined)_\n- **--dds-overlay-transition-duration** - Controls the transition duration (default: var(--dds-transition-fast)) _(default: undefined)_\n- **--dds-overlay-transition-timing** - Controls the transition timing function (default: var(--dds-easing-ease-in-out)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The overlay element",
7351
- "doc-url": "",
7352
- "attributes": [
7353
- {
7354
- "name": "open",
7355
- "description": "The open state of the overlay.",
7356
- "value": { "type": "boolean", "default": "false" }
7357
- }
7358
- ],
7359
- "slots": [
7360
- { "name": "", "description": "The content of the overlay." }
7361
- ],
7362
- "events": [
7363
- {
7364
- "name": "dds-before-open",
7365
- "type": "CustomEvent",
7366
- "description": "Fires before the overlay opens."
7367
- },
7368
- {
7369
- "name": "dds-opened",
7370
- "type": "CustomEvent",
7371
- "description": "Fires after the overlay opens."
7372
- },
7373
- {
7374
- "name": "dds-before-close",
7375
- "type": "CustomEvent",
7376
- "description": "Fires before the overlay closes."
7377
- },
7378
- {
7379
- "name": "dds-closed",
7380
- "type": "CustomEvent",
7381
- "description": "Fires after the overlay closes."
7382
- }
7383
- ],
7384
- "js": {
7385
- "properties": [
7386
- {
7387
- "name": "open",
7388
- "description": "The open state of the overlay.",
7389
- "type": "boolean"
7390
- }
7391
- ],
7392
- "events": [
7393
- {
7394
- "name": "dds-before-open",
7395
- "type": "CustomEvent",
7396
- "description": "Fires before the overlay opens."
7397
- },
7398
- {
7399
- "name": "dds-opened",
7400
- "type": "CustomEvent",
7401
- "description": "Fires after the overlay opens."
7402
- },
7403
- {
7404
- "name": "dds-before-close",
7405
- "type": "CustomEvent",
7406
- "description": "Fires before the overlay closes."
7407
- },
7408
- {
7409
- "name": "dds-closed",
7410
- "type": "CustomEvent",
7411
- "description": "Fires after the overlay closes."
7412
- }
7413
- ]
7414
- }
7415
- },
7416
7348
  {
7417
7349
  "name": "dap-ds-pager",
7418
7350
  "description": "A pager is a component that displays pagination controls.\n---\n\n\n### **Events:**\n - **dds-pagination-change** - Event fired when the pagination changes\n\n### **CSS Properties:**\n - **--dds-pager-spacing-vertical** - The vertical spacing of the pager (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-pager-spacing-horizontal** - The horizontal spacing of the pager (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-pager-button-padding** - The padding of the pager buttons (default: var(--dds-spacing-150)) _(default: undefined)_\n- **--dds-pager-button-border-width** - The border width of the pager buttons (default: var(--dds-border-width-base, 1px)) _(default: undefined)_\n- **--dds-pager-button-border-color** - The border color of the pager buttons (default: var(--dds-button-subtle-border-neutral-enabled)) _(default: undefined)_\n- **--dds-pager-button-border-radius** - The border radius of the pager buttons (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-pager-button-background** - The background color of the pager buttons (default: var(--dds-button-subtle-background-neutral-enabled)) _(default: undefined)_\n- **--dds-pager-button-font-size** - The font size of the pager buttons (default: var(--dds-font-sm, 14px)) _(default: undefined)_\n- **--dds-pager-button-font-weight** - The font weight of the pager buttons (default: var(--dds-font-weight-bold, 700)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main pager container.\n- **first** - The first page button.\n- **previous** - The previous page button.\n- **next** - The next page button.\n- **last** - The last page button.\n- **page-size** - The page size select.\n- **pager-button-first-base** - The base of the first page button.\n- **pager-button-first-content** - The content of the first page button.\n- **pager-button-previous-base** - The base of the previous page button.\n- **pager-button-previous-content** - The content of the previous page button.\n- **pager-button-next-base** - The base of the next page button.\n- **pager-button-next-content** - The content of the next page button.\n- **pager-button-last-base** - The base of the last page button.\n- **pager-button-last-content** - The content of the last page button.\n- **page-size-select-base** - The base of the page size select.\n- **page-size-select-trigger** - The trigger of the page size select.\n- **page-numbers** - The container of the numbered page buttons (shown when showPageNumbers is 'true').\n- **page-number** - Each numbered page button.\n- **page-number-active** - The active (current) numbered page button.\n- **page-number-base** - The base of each numbered page button.\n- **page-number-content** - The content of each numbered page button.\n- **page-info** - The page info / total count text.",
@@ -7643,6 +7575,74 @@
7643
7575
  ]
7644
7576
  }
7645
7577
  },
7578
+ {
7579
+ "name": "dap-ds-overlay",
7580
+ "description": "An overlay is a container for overlay content.\n---\n\n\n### **Events:**\n - **dds-before-open** - Fires before the overlay opens.\n- **dds-opened** - Fires after the overlay opens.\n- **dds-before-close** - Fires before the overlay closes.\n- **dds-closed** - Fires after the overlay closes.\n\n### **Slots:**\n - _default_ - The content of the overlay.\n\n### **CSS Properties:**\n - **--dds-overlay-z-index** - Controls the z-index of the overlay (default: 1) _(default: undefined)_\n- **--dds-overlay-background** - Controls the background of the overlay (default: var(--dds-black-10)) _(default: undefined)_\n- **--dds-overlay-opacity-closed** - Controls the opacity when overlay is closed (default: 0) _(default: undefined)_\n- **--dds-overlay-opacity-open** - Controls the opacity when overlay is open (default: 1) _(default: undefined)_\n- **--dds-overlay-transition-duration** - Controls the transition duration (default: var(--dds-transition-fast)) _(default: undefined)_\n- **--dds-overlay-transition-timing** - Controls the transition timing function (default: var(--dds-easing-ease-in-out)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The overlay element",
7581
+ "doc-url": "",
7582
+ "attributes": [
7583
+ {
7584
+ "name": "open",
7585
+ "description": "The open state of the overlay.",
7586
+ "value": { "type": "boolean", "default": "false" }
7587
+ }
7588
+ ],
7589
+ "slots": [
7590
+ { "name": "", "description": "The content of the overlay." }
7591
+ ],
7592
+ "events": [
7593
+ {
7594
+ "name": "dds-before-open",
7595
+ "type": "CustomEvent",
7596
+ "description": "Fires before the overlay opens."
7597
+ },
7598
+ {
7599
+ "name": "dds-opened",
7600
+ "type": "CustomEvent",
7601
+ "description": "Fires after the overlay opens."
7602
+ },
7603
+ {
7604
+ "name": "dds-before-close",
7605
+ "type": "CustomEvent",
7606
+ "description": "Fires before the overlay closes."
7607
+ },
7608
+ {
7609
+ "name": "dds-closed",
7610
+ "type": "CustomEvent",
7611
+ "description": "Fires after the overlay closes."
7612
+ }
7613
+ ],
7614
+ "js": {
7615
+ "properties": [
7616
+ {
7617
+ "name": "open",
7618
+ "description": "The open state of the overlay.",
7619
+ "type": "boolean"
7620
+ }
7621
+ ],
7622
+ "events": [
7623
+ {
7624
+ "name": "dds-before-open",
7625
+ "type": "CustomEvent",
7626
+ "description": "Fires before the overlay opens."
7627
+ },
7628
+ {
7629
+ "name": "dds-opened",
7630
+ "type": "CustomEvent",
7631
+ "description": "Fires after the overlay opens."
7632
+ },
7633
+ {
7634
+ "name": "dds-before-close",
7635
+ "type": "CustomEvent",
7636
+ "description": "Fires before the overlay closes."
7637
+ },
7638
+ {
7639
+ "name": "dds-closed",
7640
+ "type": "CustomEvent",
7641
+ "description": "Fires after the overlay closes."
7642
+ }
7643
+ ]
7644
+ }
7645
+ },
7646
7646
  {
7647
7647
  "name": "dap-ds-password-input",
7648
7648
  "description": "A password input a field for entering a password.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the input value changes.\n- **dds-input** - Fired when the input value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the input loses focus.\n- **dds-focus** - Emitted when the input gains focus.\n\n### **CSS Properties:**\n - **--dds-input-height-xs** - The height of the extra small input. (default: var(--dds-spacing-800)). _(default: undefined)_\n- **--dds-input-height-sm** - The height of the small input. (default: var(--dds-spacing-1000)). _(default: undefined)_\n- **--dds-input-height-lg** - The height of the large input. (default: var(--dds-spacing-1200)). _(default: undefined)_\n- **--dds-input-padding-xs** - The padding of the extra small input. (default: 0 var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-input-padding-sm** - The padding of the small input. (default: 0 var(--dds-spacing-300)). _(default: undefined)_\n- **--dds-input-padding-lg** - The padding of the large input. (default: 0 var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-input-font-size-xs** - The font size of the extra small input. (default: var(--dds-font-sm)). _(default: undefined)_\n- **--dds-input-font-size-sm** - The font size of the small input. (default: var(--dds-font-base)). _(default: undefined)_\n- **--dds-input-font-size-lg** - The font size of the large input. (default: var(--dds-font-lg)). _(default: undefined)_\n- **--dds-input-border** - The border of the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-background** - The background color of the input. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-text-color** - The text color of the input. (default: var(--dds-text-neutral-base)). _(default: undefined)_\n- **--dds-input-border-radius** - The border radius of the input. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-input-disabled-border** - The border of the disabled input. (default: 0 solid var(--dds-border-neutral-disabled)). _(default: undefined)_\n- **--dds-input-disabled-background** - The background color of the disabled input. (default: var(--dds-fields-background-disabled)). _(default: undefined)_\n- **--dds-input-disabled-text** - The text color of the disabled input. (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-input-readonly-border** - The border of the readonly input. (default: 0 solid var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-input-readonly-background** - The background color of the readonly input. (default: var(--dds-fields-background-read-only)). _(default: undefined)_\n- **--dds-input-readonly-text** - The text color of the readonly input. (default: var(--dds-text-neutral-subtle)). _(default: undefined)_\n- **--dds-input-success-border** - The border of the success input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-error-border** - The border of the error input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-background** - The background color of the input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-success-background** - The background color of the success input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-error-background** - The background color of the error input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-border-before** - The border of the addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-addon-border-after** - The border of the addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-addon-border-width-before** - The border width of the addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-border-width-after** - The border width of the addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n- **--dds-input-addon-success-border** - The border of the success addon. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-before** - The border of the success addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-after** - The border of the success addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-width-before** - The border width of the success addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-width-after** - The border width of the success addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n- **--dds-input-addon-error-border-before** - The border of the error addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-after** - The border of the error addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-width-before** - The border width of the error addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-width-after** - The border width of the error addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n\n### **CSS Parts:**\n - **postfix** - The postfix of the password input.\n- **password-input** - The password input.\n- **password-input--visible** - The visible password input.\n- **show-button** - The show button of the password input.\n- **show-button-base** - The base of the show button.\n- **show-button-content** - The content of the show button.\n- **show-icon** - The show icon of the password input.\n- **show-icon-base** - The base of the show icon.\n- **hide-button** - The hide button of the password input.\n- **hide-button-base** - The base of the hide button.\n- **hide-button-content** - The content of the hide button.\n- **hide-icon** - The hide icon of the password input.\n- **hide-icon-base** - The base of the hide icon.",
@@ -9920,8 +9920,13 @@
9920
9920
  },
9921
9921
  {
9922
9922
  "name": "role",
9923
- "description": "The html role of the header cell",
9923
+ "description": "The html role of the header cell. Derived from `scope` unless set explicitly.",
9924
9924
  "value": { "type": "string", "default": "'columnheader'" }
9925
+ },
9926
+ {
9927
+ "name": "scope",
9928
+ "description": "Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside).",
9929
+ "value": { "type": "'col' | 'row'", "default": "'col'" }
9925
9930
  }
9926
9931
  ],
9927
9932
  "slots": [{ "name": "", "description": "The default slot." }],
@@ -9935,8 +9940,13 @@
9935
9940
  },
9936
9941
  {
9937
9942
  "name": "role",
9938
- "description": "The html role of the header cell",
9943
+ "description": "The html role of the header cell. Derived from `scope` unless set explicitly.",
9939
9944
  "type": "string"
9945
+ },
9946
+ {
9947
+ "name": "scope",
9948
+ "description": "Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside).",
9949
+ "type": "'col' | 'row'"
9940
9950
  }
9941
9951
  ],
9942
9952
  "events": []
@@ -9988,7 +9998,7 @@
9988
9998
  "attributes": [
9989
9999
  {
9990
10000
  "name": "role",
9991
- "description": "The html role of the table. A static data table is a `table`; `grid` is\nonly right for an interactive widget with keyboard-navigable cells.",
10001
+ "description": "The html role of the table. Defaults to `table`; use `grid` only for an interactive table.",
9992
10002
  "value": { "type": "string", "default": "'table'" }
9993
10003
  },
9994
10004
  {
@@ -10013,7 +10023,7 @@
10013
10023
  "properties": [
10014
10024
  {
10015
10025
  "name": "role",
10016
- "description": "The html role of the table. A static data table is a `table`; `grid` is\nonly right for an interactive widget with keyboard-navigable cells.",
10026
+ "description": "The html role of the table. Defaults to `table`; use `grid` only for an interactive table.",
10017
10027
  "type": "string"
10018
10028
  },
10019
10029
  {
@@ -11985,7 +11995,7 @@
11985
11995
  }
11986
11996
  },
11987
11997
  {
11988
- "name": "dap-ds-icon-arrow-left-s-fill",
11998
+ "name": "dap-ds-icon-arrow-left-line",
11989
11999
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
11990
12000
  "doc-url": "",
11991
12001
  "attributes": [
@@ -12038,7 +12048,7 @@
12038
12048
  }
12039
12049
  },
12040
12050
  {
12041
- "name": "dap-ds-icon-arrow-left-line",
12051
+ "name": "dap-ds-icon-arrow-left-s-fill",
12042
12052
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
12043
12053
  "doc-url": "",
12044
12054
  "attributes": [
@@ -13628,7 +13638,7 @@
13628
13638
  }
13629
13639
  },
13630
13640
  {
13631
- "name": "dap-ds-icon-add-line",
13641
+ "name": "dap-ds-icon-account-circle-fill",
13632
13642
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13633
13643
  "doc-url": "",
13634
13644
  "attributes": [
@@ -13681,7 +13691,7 @@
13681
13691
  }
13682
13692
  },
13683
13693
  {
13684
- "name": "dap-ds-icon-alert-fill",
13694
+ "name": "dap-ds-icon-account-circle-line",
13685
13695
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13686
13696
  "doc-url": "",
13687
13697
  "attributes": [
@@ -13734,7 +13744,7 @@
13734
13744
  }
13735
13745
  },
13736
13746
  {
13737
- "name": "dap-ds-icon-alert-line",
13747
+ "name": "dap-ds-icon-user-fill",
13738
13748
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13739
13749
  "doc-url": "",
13740
13750
  "attributes": [
@@ -13787,7 +13797,7 @@
13787
13797
  }
13788
13798
  },
13789
13799
  {
13790
- "name": "dap-ds-icon-check-line",
13800
+ "name": "dap-ds-icon-user-line",
13791
13801
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13792
13802
  "doc-url": "",
13793
13803
  "attributes": [
@@ -13840,7 +13850,7 @@
13840
13850
  }
13841
13851
  },
13842
13852
  {
13843
- "name": "dap-ds-icon-check-line2",
13853
+ "name": "dap-ds-icon-add-line",
13844
13854
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13845
13855
  "doc-url": "",
13846
13856
  "attributes": [
@@ -13893,7 +13903,7 @@
13893
13903
  }
13894
13904
  },
13895
13905
  {
13896
- "name": "dap-ds-icon-checkbox-blank-circle-fill",
13906
+ "name": "dap-ds-icon-alert-fill",
13897
13907
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13898
13908
  "doc-url": "",
13899
13909
  "attributes": [
@@ -13946,7 +13956,7 @@
13946
13956
  }
13947
13957
  },
13948
13958
  {
13949
- "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
13959
+ "name": "dap-ds-icon-alert-line",
13950
13960
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
13951
13961
  "doc-url": "",
13952
13962
  "attributes": [
@@ -13999,7 +14009,7 @@
13999
14009
  }
14000
14010
  },
14001
14011
  {
14002
- "name": "dap-ds-icon-checkbox-blank-circle-line",
14012
+ "name": "dap-ds-icon-check-line",
14003
14013
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14004
14014
  "doc-url": "",
14005
14015
  "attributes": [
@@ -14052,7 +14062,7 @@
14052
14062
  }
14053
14063
  },
14054
14064
  {
14055
- "name": "dap-ds-icon-checkbox-circle-fill",
14065
+ "name": "dap-ds-icon-check-line2",
14056
14066
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14057
14067
  "doc-url": "",
14058
14068
  "attributes": [
@@ -14105,7 +14115,7 @@
14105
14115
  }
14106
14116
  },
14107
14117
  {
14108
- "name": "dap-ds-icon-checkbox-circle-line",
14118
+ "name": "dap-ds-icon-checkbox-blank-circle-fill",
14109
14119
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14110
14120
  "doc-url": "",
14111
14121
  "attributes": [
@@ -14158,7 +14168,7 @@
14158
14168
  }
14159
14169
  },
14160
14170
  {
14161
- "name": "dap-ds-icon-close-circle-fill",
14171
+ "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
14162
14172
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14163
14173
  "doc-url": "",
14164
14174
  "attributes": [
@@ -14211,7 +14221,7 @@
14211
14221
  }
14212
14222
  },
14213
14223
  {
14214
- "name": "dap-ds-icon-close-circle-line",
14224
+ "name": "dap-ds-icon-checkbox-blank-circle-line",
14215
14225
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14216
14226
  "doc-url": "",
14217
14227
  "attributes": [
@@ -14264,7 +14274,7 @@
14264
14274
  }
14265
14275
  },
14266
14276
  {
14267
- "name": "dap-ds-icon-close-fill",
14277
+ "name": "dap-ds-icon-checkbox-circle-fill",
14268
14278
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14269
14279
  "doc-url": "",
14270
14280
  "attributes": [
@@ -14317,7 +14327,7 @@
14317
14327
  }
14318
14328
  },
14319
14329
  {
14320
- "name": "dap-ds-icon-close-line",
14330
+ "name": "dap-ds-icon-checkbox-circle-line",
14321
14331
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14322
14332
  "doc-url": "",
14323
14333
  "attributes": [
@@ -14370,7 +14380,7 @@
14370
14380
  }
14371
14381
  },
14372
14382
  {
14373
- "name": "dap-ds-icon-delete-bin-fill",
14383
+ "name": "dap-ds-icon-close-circle-fill",
14374
14384
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14375
14385
  "doc-url": "",
14376
14386
  "attributes": [
@@ -14423,7 +14433,7 @@
14423
14433
  }
14424
14434
  },
14425
14435
  {
14426
- "name": "dap-ds-icon-delete-bin-line",
14436
+ "name": "dap-ds-icon-close-circle-line",
14427
14437
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14428
14438
  "doc-url": "",
14429
14439
  "attributes": [
@@ -14476,7 +14486,7 @@
14476
14486
  }
14477
14487
  },
14478
14488
  {
14479
- "name": "dap-ds-icon-download-line",
14489
+ "name": "dap-ds-icon-close-fill",
14480
14490
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14481
14491
  "doc-url": "",
14482
14492
  "attributes": [
@@ -14529,7 +14539,7 @@
14529
14539
  }
14530
14540
  },
14531
14541
  {
14532
- "name": "dap-ds-icon-error-warning-fill",
14542
+ "name": "dap-ds-icon-close-line",
14533
14543
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14534
14544
  "doc-url": "",
14535
14545
  "attributes": [
@@ -14582,7 +14592,7 @@
14582
14592
  }
14583
14593
  },
14584
14594
  {
14585
- "name": "dap-ds-icon-error-warning-line",
14595
+ "name": "dap-ds-icon-delete-bin-fill",
14586
14596
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14587
14597
  "doc-url": "",
14588
14598
  "attributes": [
@@ -14635,7 +14645,7 @@
14635
14645
  }
14636
14646
  },
14637
14647
  {
14638
- "name": "dap-ds-icon-external-link-line",
14648
+ "name": "dap-ds-icon-delete-bin-line",
14639
14649
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14640
14650
  "doc-url": "",
14641
14651
  "attributes": [
@@ -14688,7 +14698,7 @@
14688
14698
  }
14689
14699
  },
14690
14700
  {
14691
- "name": "dap-ds-icon-eye-line",
14701
+ "name": "dap-ds-icon-download-line",
14692
14702
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14693
14703
  "doc-url": "",
14694
14704
  "attributes": [
@@ -14741,7 +14751,7 @@
14741
14751
  }
14742
14752
  },
14743
14753
  {
14744
- "name": "dap-ds-icon-eye-off-line",
14754
+ "name": "dap-ds-icon-error-warning-fill",
14745
14755
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14746
14756
  "doc-url": "",
14747
14757
  "attributes": [
@@ -14794,7 +14804,7 @@
14794
14804
  }
14795
14805
  },
14796
14806
  {
14797
- "name": "dap-ds-icon-forbid-fill",
14807
+ "name": "dap-ds-icon-error-warning-line",
14798
14808
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14799
14809
  "doc-url": "",
14800
14810
  "attributes": [
@@ -14847,7 +14857,7 @@
14847
14857
  }
14848
14858
  },
14849
14859
  {
14850
- "name": "dap-ds-icon-information-2-fill",
14860
+ "name": "dap-ds-icon-external-link-line",
14851
14861
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14852
14862
  "doc-url": "",
14853
14863
  "attributes": [
@@ -14900,7 +14910,7 @@
14900
14910
  }
14901
14911
  },
14902
14912
  {
14903
- "name": "dap-ds-icon-information-fill",
14913
+ "name": "dap-ds-icon-eye-line",
14904
14914
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14905
14915
  "doc-url": "",
14906
14916
  "attributes": [
@@ -14953,7 +14963,7 @@
14953
14963
  }
14954
14964
  },
14955
14965
  {
14956
- "name": "dap-ds-icon-information-line",
14966
+ "name": "dap-ds-icon-eye-off-line",
14957
14967
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
14958
14968
  "doc-url": "",
14959
14969
  "attributes": [
@@ -15006,7 +15016,7 @@
15006
15016
  }
15007
15017
  },
15008
15018
  {
15009
- "name": "dap-ds-icon-lightbulb-fill",
15019
+ "name": "dap-ds-icon-forbid-fill",
15010
15020
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15011
15021
  "doc-url": "",
15012
15022
  "attributes": [
@@ -15059,7 +15069,7 @@
15059
15069
  }
15060
15070
  },
15061
15071
  {
15062
- "name": "dap-ds-icon-loading-spinner",
15072
+ "name": "dap-ds-icon-information-2-fill",
15063
15073
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15064
15074
  "doc-url": "",
15065
15075
  "attributes": [
@@ -15112,7 +15122,7 @@
15112
15122
  }
15113
15123
  },
15114
15124
  {
15115
- "name": "dap-ds-icon-lock-fill",
15125
+ "name": "dap-ds-icon-information-fill",
15116
15126
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15117
15127
  "doc-url": "",
15118
15128
  "attributes": [
@@ -15165,7 +15175,7 @@
15165
15175
  }
15166
15176
  },
15167
15177
  {
15168
- "name": "dap-ds-icon-lock-line",
15178
+ "name": "dap-ds-icon-information-line",
15169
15179
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15170
15180
  "doc-url": "",
15171
15181
  "attributes": [
@@ -15218,7 +15228,7 @@
15218
15228
  }
15219
15229
  },
15220
15230
  {
15221
- "name": "dap-ds-icon-menu-line",
15231
+ "name": "dap-ds-icon-lightbulb-fill",
15222
15232
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15223
15233
  "doc-url": "",
15224
15234
  "attributes": [
@@ -15271,7 +15281,7 @@
15271
15281
  }
15272
15282
  },
15273
15283
  {
15274
- "name": "dap-ds-icon-menu-line-s",
15284
+ "name": "dap-ds-icon-loading-spinner",
15275
15285
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15276
15286
  "doc-url": "",
15277
15287
  "attributes": [
@@ -15324,7 +15334,7 @@
15324
15334
  }
15325
15335
  },
15326
15336
  {
15327
- "name": "dap-ds-icon-more-2-line",
15337
+ "name": "dap-ds-icon-lock-fill",
15328
15338
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15329
15339
  "doc-url": "",
15330
15340
  "attributes": [
@@ -15377,7 +15387,7 @@
15377
15387
  }
15378
15388
  },
15379
15389
  {
15380
- "name": "dap-ds-icon-more-line",
15390
+ "name": "dap-ds-icon-lock-line",
15381
15391
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15382
15392
  "doc-url": "",
15383
15393
  "attributes": [
@@ -15430,7 +15440,7 @@
15430
15440
  }
15431
15441
  },
15432
15442
  {
15433
- "name": "dap-ds-icon-search-line",
15443
+ "name": "dap-ds-icon-menu-line",
15434
15444
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15435
15445
  "doc-url": "",
15436
15446
  "attributes": [
@@ -15483,7 +15493,7 @@
15483
15493
  }
15484
15494
  },
15485
15495
  {
15486
- "name": "dap-ds-icon-share-line",
15496
+ "name": "dap-ds-icon-menu-line-s",
15487
15497
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15488
15498
  "doc-url": "",
15489
15499
  "attributes": [
@@ -15536,7 +15546,7 @@
15536
15546
  }
15537
15547
  },
15538
15548
  {
15539
- "name": "dap-ds-icon-shield-check-fill",
15549
+ "name": "dap-ds-icon-more-2-line",
15540
15550
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15541
15551
  "doc-url": "",
15542
15552
  "attributes": [
@@ -15589,7 +15599,7 @@
15589
15599
  }
15590
15600
  },
15591
15601
  {
15592
- "name": "dap-ds-icon-shield-check-line",
15602
+ "name": "dap-ds-icon-more-line",
15593
15603
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15594
15604
  "doc-url": "",
15595
15605
  "attributes": [
@@ -15642,7 +15652,7 @@
15642
15652
  }
15643
15653
  },
15644
15654
  {
15645
- "name": "dap-ds-icon-star-fill",
15655
+ "name": "dap-ds-icon-search-line",
15646
15656
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15647
15657
  "doc-url": "",
15648
15658
  "attributes": [
@@ -15695,7 +15705,7 @@
15695
15705
  }
15696
15706
  },
15697
15707
  {
15698
- "name": "dap-ds-icon-subtract-line",
15708
+ "name": "dap-ds-icon-share-line",
15699
15709
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15700
15710
  "doc-url": "",
15701
15711
  "attributes": [
@@ -15748,7 +15758,7 @@
15748
15758
  }
15749
15759
  },
15750
15760
  {
15751
- "name": "dap-ds-icon-subtract-line2",
15761
+ "name": "dap-ds-icon-shield-check-fill",
15752
15762
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15753
15763
  "doc-url": "",
15754
15764
  "attributes": [
@@ -15801,7 +15811,7 @@
15801
15811
  }
15802
15812
  },
15803
15813
  {
15804
- "name": "dap-ds-icon-time-fill",
15814
+ "name": "dap-ds-icon-shield-check-line",
15805
15815
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15806
15816
  "doc-url": "",
15807
15817
  "attributes": [
@@ -15854,7 +15864,7 @@
15854
15864
  }
15855
15865
  },
15856
15866
  {
15857
- "name": "dap-ds-icon-time-line",
15867
+ "name": "dap-ds-icon-star-fill",
15858
15868
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15859
15869
  "doc-url": "",
15860
15870
  "attributes": [
@@ -15907,7 +15917,7 @@
15907
15917
  }
15908
15918
  },
15909
15919
  {
15910
- "name": "dap-ds-icon-upload-2-fill",
15920
+ "name": "dap-ds-icon-subtract-line",
15911
15921
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15912
15922
  "doc-url": "",
15913
15923
  "attributes": [
@@ -15960,7 +15970,7 @@
15960
15970
  }
15961
15971
  },
15962
15972
  {
15963
- "name": "dap-ds-icon-upload-2-line",
15973
+ "name": "dap-ds-icon-subtract-line2",
15964
15974
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
15965
15975
  "doc-url": "",
15966
15976
  "attributes": [
@@ -16013,7 +16023,7 @@
16013
16023
  }
16014
16024
  },
16015
16025
  {
16016
- "name": "dap-ds-icon-upload-line",
16026
+ "name": "dap-ds-icon-time-fill",
16017
16027
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
16018
16028
  "doc-url": "",
16019
16029
  "attributes": [
@@ -16066,7 +16076,7 @@
16066
16076
  }
16067
16077
  },
16068
16078
  {
16069
- "name": "dap-ds-icon-zoom-in-line",
16079
+ "name": "dap-ds-icon-time-line",
16070
16080
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
16071
16081
  "doc-url": "",
16072
16082
  "attributes": [
@@ -16119,7 +16129,7 @@
16119
16129
  }
16120
16130
  },
16121
16131
  {
16122
- "name": "dap-ds-icon-zoom-out-line",
16132
+ "name": "dap-ds-icon-upload-2-fill",
16123
16133
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
16124
16134
  "doc-url": "",
16125
16135
  "attributes": [
@@ -16172,7 +16182,7 @@
16172
16182
  }
16173
16183
  },
16174
16184
  {
16175
- "name": "dap-ds-icon-account-circle-fill",
16185
+ "name": "dap-ds-icon-upload-2-line",
16176
16186
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
16177
16187
  "doc-url": "",
16178
16188
  "attributes": [
@@ -16225,7 +16235,7 @@
16225
16235
  }
16226
16236
  },
16227
16237
  {
16228
- "name": "dap-ds-icon-account-circle-line",
16238
+ "name": "dap-ds-icon-upload-line",
16229
16239
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
16230
16240
  "doc-url": "",
16231
16241
  "attributes": [
@@ -16278,7 +16288,7 @@
16278
16288
  }
16279
16289
  },
16280
16290
  {
16281
- "name": "dap-ds-icon-user-fill",
16291
+ "name": "dap-ds-icon-zoom-in-line",
16282
16292
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
16283
16293
  "doc-url": "",
16284
16294
  "attributes": [
@@ -16331,7 +16341,7 @@
16331
16341
  }
16332
16342
  },
16333
16343
  {
16334
- "name": "dap-ds-icon-user-line",
16344
+ "name": "dap-ds-icon-zoom-out-line",
16335
16345
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
16336
16346
  "doc-url": "",
16337
16347
  "attributes": [