dap-design-system 0.58.0 → 0.58.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/components/icon/icon.component.d.ts +3 -0
  2. package/dist/{components-Bo0Y80lA.js → components-D6jorS84.js} +4076 -4065
  3. package/dist/components-D6jorS84.js.map +1 -0
  4. package/dist/components.js +1 -1
  5. package/dist/dds.js +1 -1
  6. package/dist/manifest/types/vue/index.d.ts +697 -697
  7. package/dist/manifest/vscode.html-custom-data.json +738 -738
  8. package/dist/manifest/web-types.json +2418 -2418
  9. package/dist/react/index.d.ts +19 -19
  10. package/dist/react-types.ts +20 -20
  11. package/dist/react.js +455 -455
  12. package/dist/react.js.map +1 -1
  13. package/package.json +1 -1
  14. package/dist/components-Bo0Y80lA.js.map +0 -1
package/dist/manifest/vscode.html-custom-data.json CHANGED
@@ -3,35 +3,83 @@
3
3
  "version": 1.1,
4
4
  "tags": [
5
5
  {
6
- "name": "dap-ds-anchor-heading",
7
- "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.",
6
+ "name": "dap-ds-accordion",
7
+ "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.",
8
+ "attributes": [],
9
+ "references": [
10
+ {
11
+ "name": "Documentation",
12
+ "url": "https://shoelace.style/components/accordion"
13
+ }
14
+ ]
15
+ },
16
+ {
17
+ "name": "dap-ds-avatar",
18
+ "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.",
8
19
  "attributes": [
20
+ {
21
+ "name": "shape",
22
+ "description": "The shape of the avatar",
23
+ "values": [
24
+ { "name": "circle" },
25
+ { "name": "rounded" },
26
+ { "name": "square" }
27
+ ]
28
+ },
9
29
  {
10
30
  "name": "variant",
11
- "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
12
- "values": [{ "name": "HeadingVariant" }]
31
+ "description": "The variant type of the avatar",
32
+ "values": [
33
+ { "name": "image" },
34
+ { "name": "initials" },
35
+ { "name": "icon" }
36
+ ]
37
+ },
38
+ {
39
+ "name": "src",
40
+ "description": "The source of the avatar image",
41
+ "values": []
42
+ },
43
+ {
44
+ "name": "alt",
45
+ "description": "The alt text of the avatar",
46
+ "values": []
47
+ },
48
+ {
49
+ "name": "initials",
50
+ "description": "The initials to display when variant is 'initials'",
51
+ "values": []
13
52
  },
14
53
  {
15
54
  "name": "label",
16
- "description": "The label of the heading.",
55
+ "description": "Accessible label for the avatar",
17
56
  "values": []
18
- }
19
- ],
20
- "references": [
57
+ },
21
58
  {
22
- "name": "Documentation",
23
- "url": "https://shoelace.style/components/anchor-heading"
59
+ "name": "loading",
60
+ "description": "Loading state indicator",
61
+ "values": []
62
+ },
63
+ {
64
+ "name": "interactive",
65
+ "description": "Whether the avatar is interactive (clickable)",
66
+ "values": []
67
+ },
68
+ {
69
+ "name": "width",
70
+ "description": "The width of the avatar. This will override the size",
71
+ "values": []
72
+ },
73
+ {
74
+ "name": "height",
75
+ "description": "The height of the avatar. This will override the size",
76
+ "values": []
24
77
  }
25
- ]
26
- },
27
- {
28
- "name": "dap-ds-accordion",
29
- "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.",
30
- "attributes": [],
78
+ ],
31
79
  "references": [
32
80
  {
33
81
  "name": "Documentation",
34
- "url": "https://shoelace.style/components/accordion"
82
+ "url": "https://shoelace.style/components/avatar"
35
83
  }
36
84
  ]
37
85
  },
@@ -77,6 +125,55 @@
77
125
  }
78
126
  ]
79
127
  },
128
+ {
129
+ "name": "dap-ds-anchor-heading",
130
+ "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.",
131
+ "attributes": [
132
+ {
133
+ "name": "variant",
134
+ "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
135
+ "values": [{ "name": "HeadingVariant" }]
136
+ },
137
+ {
138
+ "name": "label",
139
+ "description": "The label of the heading.",
140
+ "values": []
141
+ }
142
+ ],
143
+ "references": [
144
+ {
145
+ "name": "Documentation",
146
+ "url": "https://shoelace.style/components/anchor-heading"
147
+ }
148
+ ]
149
+ },
150
+ {
151
+ "name": "dap-ds-accordion-group",
152
+ "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.",
153
+ "attributes": [
154
+ {
155
+ "name": "autoClose",
156
+ "description": "Whether to close other accordions when one is opened.",
157
+ "values": []
158
+ },
159
+ {
160
+ "name": "variant",
161
+ "description": "The variant of the accordion",
162
+ "values": [
163
+ { "name": "default" },
164
+ { "name": "collapsed" },
165
+ { "name": "clean" },
166
+ { "name": "clean-collapsed" }
167
+ ]
168
+ }
169
+ ],
170
+ "references": [
171
+ {
172
+ "name": "Documentation",
173
+ "url": "https://shoelace.style/components/accordion-group"
174
+ }
175
+ ]
176
+ },
80
177
  {
81
178
  "name": "dap-ds-badge",
82
179
  "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.",
@@ -160,99 +257,25 @@
160
257
  ]
161
258
  },
162
259
  {
163
- "name": "dap-ds-accordion-group",
164
- "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.",
165
- "attributes": [
166
- {
167
- "name": "autoClose",
168
- "description": "Whether to close other accordions when one is opened.",
169
- "values": []
170
- },
171
- {
172
- "name": "variant",
173
- "description": "The variant of the accordion",
174
- "values": [
175
- { "name": "default" },
176
- { "name": "collapsed" },
177
- { "name": "clean" },
178
- { "name": "clean-collapsed" }
179
- ]
180
- }
181
- ],
182
- "references": [
183
- {
184
- "name": "Documentation",
185
- "url": "https://shoelace.style/components/accordion-group"
186
- }
187
- ]
188
- },
189
- {
190
- "name": "dap-ds-avatar",
191
- "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.",
260
+ "name": "dap-ds-breadcrumb",
261
+ "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.",
192
262
  "attributes": [
263
+ { "name": "variant", "values": [] },
193
264
  {
194
- "name": "shape",
195
- "description": "The shape of the avatar",
196
- "values": [
197
- { "name": "circle" },
198
- { "name": "rounded" },
199
- { "name": "square" }
200
- ]
201
- },
202
- {
203
- "name": "variant",
204
- "description": "The variant type of the avatar",
205
- "values": [
206
- { "name": "image" },
207
- { "name": "initials" },
208
- { "name": "icon" }
209
- ]
210
- },
211
- {
212
- "name": "src",
213
- "description": "The source of the avatar image",
214
- "values": []
215
- },
216
- {
217
- "name": "alt",
218
- "description": "The alt text of the avatar",
219
- "values": []
220
- },
221
- {
222
- "name": "initials",
223
- "description": "The initials to display when variant is 'initials'",
224
- "values": []
225
- },
226
- {
227
- "name": "label",
228
- "description": "Accessible label for the avatar",
229
- "values": []
230
- },
231
- {
232
- "name": "loading",
233
- "description": "Loading state indicator",
234
- "values": []
235
- },
236
- {
237
- "name": "interactive",
238
- "description": "Whether the avatar is interactive (clickable)",
239
- "values": []
240
- },
241
- {
242
- "name": "width",
243
- "description": "The width of the avatar. This will override the size",
265
+ "name": "mobile",
266
+ "description": "Mobile version of the breadcrumb",
244
267
  "values": []
245
268
  },
246
269
  {
247
- "name": "height",
248
- "description": "The height of the avatar. This will override the size",
270
+ "name": "aria-labelledby",
271
+ "description": "The aria-labelledby of the breadcrumb",
249
272
  "values": []
250
273
  }
251
274
  ],
252
275
  "references": [
253
276
  {
254
277
  "name": "Documentation",
255
- "url": "https://shoelace.style/components/avatar"
278
+ "url": "https://shoelace.style/components/breadcrumb"
256
279
  }
257
280
  ]
258
281
  },
@@ -503,32 +526,100 @@
503
526
  ]
504
527
  },
505
528
  {
506
- "name": "dap-ds-card-actions",
507
- "description": "A card actions is a container for actions in a card.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card actions.\n\n### **CSS Properties:**\n - **--dds-card-actions-gap** - The gap between items in the card actions. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-card-actions-padding-lg** - The padding for large size card actions. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-actions-padding-md** - The padding for medium size card actions. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-padding-sm** - The padding for small size card actions. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-margin-lg** - The margin for large size card actions spacing. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-actions-margin-md** - The margin for medium size card actions spacing. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-margin-sm** - The margin for small size card actions spacing. (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card actions container.",
508
- "attributes": [],
509
- "references": [
510
- {
511
- "name": "Documentation",
512
- "url": "https://shoelace.style/components/card-actions"
513
- }
514
- ]
515
- },
516
- {
517
- "name": "dap-ds-card-content",
518
- "description": "A card content is a container for content in a card.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card-content.\n\n### **CSS Properties:**\n - **--dds-card-content-padding** - The padding of the card content. (default: 0) _(default: undefined)_\n- **--dds-card-content-margin** - The margin of the card content. (default: 0) _(default: undefined)_\n- **--dds-card-content-font-size** - The font size of the card content. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-card-content-line-height** - The line height of the card content. (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-card-content-spacing-lg** - The large spacing value. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-content-spacing-md** - The medium spacing value. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-content-spacing-sm** - The small spacing value. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-content-spacing-top** - The top spacing value. (default: 0) _(default: undefined)_\n- **--dds-card-content-spacing-bottom** - The bottom spacing value. (default: 0) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card content container.",
529
+ "name": "dap-ds-callout",
530
+ "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.",
519
531
  "attributes": [
520
532
  {
521
- "name": "renderAs",
522
- "description": "The base rendered root tag of the card content.",
523
- "values": []
524
- }
525
- ],
526
- "references": [
533
+ "name": "variant",
534
+ "description": "The variant of the callout",
535
+ "values": [
536
+ { "name": "brand" },
537
+ { "name": "positive" },
538
+ { "name": "info" },
539
+ { "name": "warning" },
540
+ { "name": "negative" }
541
+ ]
542
+ },
527
543
  {
528
- "name": "Documentation",
529
- "url": "https://shoelace.style/components/card-content"
530
- }
531
- ]
544
+ "name": "alignment",
545
+ "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
546
+ "values": [{ "name": "vertical" }, { "name": "horizontal" }]
547
+ },
548
+ {
549
+ "name": "shade",
550
+ "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
551
+ "values": [
552
+ { "name": "subtle" },
553
+ { "name": "base" },
554
+ { "name": "medium" },
555
+ { "name": "strong" }
556
+ ]
557
+ },
558
+ {
559
+ "name": "noBorder",
560
+ "description": "If the callout has a border",
561
+ "values": []
562
+ },
563
+ {
564
+ "name": "closeable",
565
+ "description": "If the callout has a close button",
566
+ "values": []
567
+ },
568
+ {
569
+ "name": "title",
570
+ "description": "The header of the callout",
571
+ "values": []
572
+ },
573
+ {
574
+ "name": "closeButtonLabel",
575
+ "description": "The label of the close button",
576
+ "values": []
577
+ },
578
+ {
579
+ "name": "closeButtonTestId",
580
+ "description": "`data-testid` for the default close button.",
581
+ "values": []
582
+ },
583
+ {
584
+ "name": "opened",
585
+ "description": "If the callout is opened",
586
+ "values": []
587
+ }
588
+ ],
589
+ "references": [
590
+ {
591
+ "name": "Documentation",
592
+ "url": "https://shoelace.style/components/callout"
593
+ }
594
+ ]
595
+ },
596
+ {
597
+ "name": "dap-ds-card-actions",
598
+ "description": "A card actions is a container for actions in a card.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card actions.\n\n### **CSS Properties:**\n - **--dds-card-actions-gap** - The gap between items in the card actions. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-card-actions-padding-lg** - The padding for large size card actions. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-actions-padding-md** - The padding for medium size card actions. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-padding-sm** - The padding for small size card actions. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-margin-lg** - The margin for large size card actions spacing. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-actions-margin-md** - The margin for medium size card actions spacing. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-margin-sm** - The margin for small size card actions spacing. (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card actions container.",
599
+ "attributes": [],
600
+ "references": [
601
+ {
602
+ "name": "Documentation",
603
+ "url": "https://shoelace.style/components/card-actions"
604
+ }
605
+ ]
606
+ },
607
+ {
608
+ "name": "dap-ds-card-content",
609
+ "description": "A card content is a container for content in a card.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card-content.\n\n### **CSS Properties:**\n - **--dds-card-content-padding** - The padding of the card content. (default: 0) _(default: undefined)_\n- **--dds-card-content-margin** - The margin of the card content. (default: 0) _(default: undefined)_\n- **--dds-card-content-font-size** - The font size of the card content. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-card-content-line-height** - The line height of the card content. (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-card-content-spacing-lg** - The large spacing value. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-content-spacing-md** - The medium spacing value. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-content-spacing-sm** - The small spacing value. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-content-spacing-top** - The top spacing value. (default: 0) _(default: undefined)_\n- **--dds-card-content-spacing-bottom** - The bottom spacing value. (default: 0) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card content container.",
610
+ "attributes": [
611
+ {
612
+ "name": "renderAs",
613
+ "description": "The base rendered root tag of the card content.",
614
+ "values": []
615
+ }
616
+ ],
617
+ "references": [
618
+ {
619
+ "name": "Documentation",
620
+ "url": "https://shoelace.style/components/card-content"
621
+ }
622
+ ]
532
623
  },
533
624
  {
534
625
  "name": "dap-ds-card-image",
@@ -659,74 +750,6 @@
659
750
  }
660
751
  ]
661
752
  },
662
- {
663
- "name": "dap-ds-callout",
664
- "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.",
665
- "attributes": [
666
- {
667
- "name": "variant",
668
- "description": "The variant of the callout",
669
- "values": [
670
- { "name": "brand" },
671
- { "name": "positive" },
672
- { "name": "info" },
673
- { "name": "warning" },
674
- { "name": "negative" }
675
- ]
676
- },
677
- {
678
- "name": "alignment",
679
- "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
680
- "values": [{ "name": "vertical" }, { "name": "horizontal" }]
681
- },
682
- {
683
- "name": "shade",
684
- "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
685
- "values": [
686
- { "name": "subtle" },
687
- { "name": "base" },
688
- { "name": "medium" },
689
- { "name": "strong" }
690
- ]
691
- },
692
- {
693
- "name": "noBorder",
694
- "description": "If the callout has a border",
695
- "values": []
696
- },
697
- {
698
- "name": "closeable",
699
- "description": "If the callout has a close button",
700
- "values": []
701
- },
702
- {
703
- "name": "title",
704
- "description": "The header of the callout",
705
- "values": []
706
- },
707
- {
708
- "name": "closeButtonLabel",
709
- "description": "The label of the close button",
710
- "values": []
711
- },
712
- {
713
- "name": "closeButtonTestId",
714
- "description": "`data-testid` for the default close button.",
715
- "values": []
716
- },
717
- {
718
- "name": "opened",
719
- "description": "If the callout is opened",
720
- "values": []
721
- }
722
- ],
723
- "references": [
724
- {
725
- "name": "Documentation",
726
- "url": "https://shoelace.style/components/callout"
727
- }
728
- ]
729
- },
730
753
  {
731
754
  "name": "dap-ds-checkbox",
732
755
  "description": "A checkbox is a form element that allows the user to select one or more options from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the checkbox is checked or unchecked.\n- **dds-blur** - Emitted when the checkbox loses focus.\n- **dds-focus** - Emitted when the checkbox gains focus.\n- **dds-input** - Emitted when the checkbox receives input.\n\n### **Methods:**\n - **focus(): _void_** - Programmatically focuses the checkbox input element.\n- **blur(): _void_** - Programmatically blurs the checkbox input element.\n\n### **CSS Properties:**\n - **--dds-checkbox-size** - The size of the checkbox. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-checkbox-border-width** - The border width of the checkbox. (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-checkbox-border-radius** - The border radius of the checkbox. (default: var(--dds-radius-small)) _(default: undefined)_\n- **--dds-checkbox-border-color** - The border color of the checkbox. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-checkbox-background-color** - The background color of the checkbox. (default: transparent) _(default: undefined)_\n- **--dds-checkbox-icon-color** - The color of the checkbox icon. (default: var(--dds-button-primary-icon-enabled)) _(default: undefined)_\n- **--dds-checkbox-hover-border-color** - The border color when hovering over the checkbox. (default: var(--dds-border-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-hover-background-color** - The background color when hovering over the checkbox. (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-active-border-color** - The border color when the checkbox is active. (default: var(--dds-border-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-active-background-color** - The background color when the checkbox is active. (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-checked-border-color** - The border color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-background-color** - The background color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-hover-border-color** - The border color when hovering over a checked checkbox. (default: var(--dds-background-brand-medium-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-hover-background-color** - The background color when hovering over a checked checkbox. (default: var(--dds-background-brand-medium-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-active-border-color** - The border color when a checked checkbox is active. (default: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-active-background-color** - The background color when a checked checkbox is active. (default: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-checkbox-invalid-border-color** - The border color when the checkbox is invalid. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-background-color** - The background color when the checkbox is invalid. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-border-color** - The border color when hovering over an invalid checkbox. (default: var(--dds-border-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-background-color** - The background color when hovering over an invalid checkbox. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-border-color** - The border color when an invalid checkbox is active. (default: var(--dds-border-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-background-color** - The background color when an invalid checkbox is active. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-disabled-border-color** - The border color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-background-color** - The background color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-icon-color** - The color of the checkbox icon when disabled. (default: var(--dds-button-primary-icon-disabled)) _(default: undefined)_\n- **--dds-checkbox-readonly-border-color** - The border color when the checkbox is readonly. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-background-color** - The background color when the checkbox is readonly. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-icon-color** - The color of the checkbox icon when readonly. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main checkbox container.\n- **label** - The label of the checkbox.\n- **input** - The input of the checkbox.\n- **control** - The control of the checkbox.\n- **icon** - The icon of the checkbox.\n- **icon-base** - The base icon container.\n- **label-container** - The label container of the checkbox.\n- **description** - The description of the checkbox.\n- **readonly** - The readonly state of the checkbox.",
@@ -811,29 +834,6 @@
811
834
  }
812
835
  ]
813
836
  },
814
- {
815
- "name": "dap-ds-breadcrumb",
816
- "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.",
817
- "attributes": [
818
- { "name": "variant", "values": [] },
819
- {
820
- "name": "mobile",
821
- "description": "Mobile version of the breadcrumb",
822
- "values": []
823
- },
824
- {
825
- "name": "aria-labelledby",
826
- "description": "The aria-labelledby of the breadcrumb",
827
- "values": []
828
- }
829
- ],
830
- "references": [
831
- {
832
- "name": "Documentation",
833
- "url": "https://shoelace.style/components/breadcrumb"
834
- }
835
- ]
836
- },
837
837
  {
838
838
  "name": "dap-ds-code-puncher-slot",
839
839
  "description": "Individual digit input slot for code puncher.\n---\n\n\n### **CSS Parts:**\n - **base** - The slot container.\n- **input** - The input element.",
@@ -1093,301 +1093,86 @@
1093
1093
  ]
1094
1094
  },
1095
1095
  {
1096
- "name": "dap-ds-datatable",
1097
- "description": "A data table is a component that displays data in a tabular format.\n---\n\n\n### **Events:**\n - **dds-sorting-change** - Fired when the sorting of the table changes.\n- **dds-selection-change** - Fired when the selection of the table changes.\n- **dds-pagination-change** - Fired when the pagination of the table changes.\n- **dds-row-click** - Fired when a row is clicked.\n\n### **Slots:**\n - **loading** - The loading content of the table.\n- **empty** - The empty content of the table.\n\n### **CSS Properties:**\n - **--dds-datatable-bg-color** - Background color of the table. (default: var(--dds-background-neutral-subtle)). _(default: undefined)_\n- **--dds-datatable-border-color** - Border color of the table cells. (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-datatable-header-bg-color** - Background color of the table header. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-datatable-header-text-color** - Text color of the table header. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-datatable-row-hover-bg-color** - Background color of hovered rows. (default: var(--dds-background-brand-strong)) _(default: undefined)_\n- **--dds-datatable-row-selected-bg-color** - Background color of selected rows. (default: var(--dds-background-brand-strong)) _(default: undefined)_\n- **--dds-datatable-cell-padding** - Padding of table cells. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-datatable-header-padding** - Padding of header cells. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-datatable-last-column-padding** - Padding of the last column. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-datatable-first-column-padding** - Padding of the first column. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-datatable-border-width** - Width of table borders. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-datatable-stripe-color** - Background color for striped rows. (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-datatable-border-radius** - Border radius of the table. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-datatable-shadow** - Box shadow of the table. (default: none) _(default: undefined)_\n- **--dds-datatable-transition-duration** - Duration of hover/selection transitions. (default: 0.2s) _(default: undefined)_\n- **--dds-datatable-z-index** - Z-index of the table. (default: 1) _(default: undefined)_\n- **--dds-datatable-min-height** - Minimum height of the table. (default: auto) _(default: undefined)_\n- **--dds-datatable-max-height** - Maximum height of the table. (default: none) _(default: undefined)_\n- **--dds-datatable-overflow-x** - Horizontal overflow behavior. (default: auto) _(default: undefined)_\n- **--dds-datatable-overflow-y** - Vertical overflow behavior. (default: auto) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main table container.\n- **header** - The header of the table.\n- **header-row** - The header row of the table.\n- **header-cell** - All cells of the header.\n- **body** - The body of the table.\n- **empty** - The empty content of the table.\n- **loading** - The loading content of the table.\n- **row** - All rows of the table.\n- **cell** - All cells of the table.\n- **pager** - The pager of the table.\n- **pager-base** - The base of the pager.\n- **pager-first** - The first button of the pager.\n- **pager-previous** - The previous button of the pager.\n- **pager-next** - The next button of the pager.\n- **pager-last** - The last button of the pager.\n- **pager-page-size-select** - The page size select of the pager.",
1096
+ "name": "dap-ds-datepicker",
1097
+ "description": "A datepicker is a graphical user interface widget that allows the user to select a date from a calendar and/or time from a time range.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the datepicker value changes.\n- **dds-input** - Fired when the datepicker input value changes.\n- **dds-valid-date** - Fired when the datepicker input value is valid. Happens on manual input typing.\n- **dds-invalid-date** - Fired when the datepicker input value is invalid. Happens on manual input typing.\n- **dds-clear** - Fired when the datepicker is cleared.\n- **dds-focus** - Emitted when the datepicker gains focus.\n- **dds-blur** - Emitted when the datepicker loses focus.\n\n### **CSS Properties:**\n - **--dds-combobox-background** - The background color of the combobox. (default: var(--dds-fields-background-default)) _(default: undefined)_\n- **--dds-combobox-border-color** - The border color of the combobox. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-combobox-border-width** - The border width of the combobox. (default: var(--dds-border-width-base, 1px)) _(default: undefined)_\n- **--dds-combobox-border-radius** - The border radius of the combobox. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-combobox-text-color** - The text color of the combobox. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-combobox-placeholder-color** - The placeholder text color. (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-combobox-disabled-background** - The background color when disabled. (default: var(--dds-background-neutral-stronger)) _(default: undefined)_\n- **--dds-combobox-disabled-text** - The text color when disabled. (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-combobox-error-border** - The border color for error state. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-combobox-success-border** - The border color for success state. (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-combobox-icon-color** - The color of the icons. (default: var(--dds-text-icon-neutral-subtle)) _(default: undefined)_\n- **--dds-combobox-clear-icon-color** - The color of the clear icon. (default: var(--dds-button-subtle-icon-neutral-enabled)) _(default: undefined)_\n- **--dds-combobox-popup-background** - The background color of the popup. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-combobox-popup-shadow** - The box shadow of the popup. (default: 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%)) _(default: undefined)_\n- **--dds-combobox-padding-xs** - The padding for extra small size. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-padding-sm** - The padding for small size. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-padding-lg** - The padding for large size. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-combobox-padding-horizontal** - The horizontal padding. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-combobox-padding-vertical** - The vertical padding. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-gap** - The gap between elements. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-combobox-icon-gap** - The gap between icons. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-action-gap** - The gap between action elements. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-action-padding** - The padding for action elements. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-combobox-clear-icon-width** - The width of the clear icon. (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-combobox-dropdown-icon-right** - The right position of the dropdown icon. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-combobox-min-width** - The minimum width of the combobox. (default: 7.5rem) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main datepicker container.\n- **calendar** - The calendar of the datepicker.\n- **trigger** - The trigger button of the datepicker.\n- **label** - The label of the datepicker.\n- **description** - The description of the datepicker.\n- **feedback** - The feedback of the datepicker.\n- **tooltip** - The tooltip of the datepicker.\n- **input** - The input of the datepicker.\n- **clear-button** - The clear button of the datepicker.\n- **calendar-grid-cell-base** - The base of the calendar grid cell.\n- **calendar-grid-cell** - The cell of the calendar grid.\n- **calendar-grid-header-cell-base** - The base of the calendar grid header cell.\n- **calendar-grid-header-cell** - The header cell of the calendar grid.\n- **calendar-grid-cell-today-mark** - The today mark of the calendar grid cell.",
1098
1098
  "attributes": [
1099
1099
  {
1100
- "name": "rowKey",
1101
- "description": "Row key to use for row selection, this should be a unique key for each row",
1102
- "values": []
1100
+ "name": "value",
1101
+ "description": "The value of the datepicker.",
1102
+ "values": [{ "name": "Dayjs" }]
1103
1103
  },
1104
1104
  {
1105
- "name": "enableRowSelection",
1106
- "description": "Enable row selection on the table, can be a boolean or a function that returns a boolean",
1107
- "values": [{ "name": "((row: Row<T>) => boolean)" }]
1105
+ "name": "mode",
1106
+ "description": "The mode of the datepicker - single date or range selection.",
1107
+ "values": [{ "name": "single" }, { "name": "range" }]
1108
1108
  },
1109
1109
  {
1110
- "name": "enableSorting",
1111
- "description": "Enable sorting on the table",
1112
- "values": []
1110
+ "name": "currentDate",
1111
+ "description": "The current visible date (month and year) of the calendar. Only the month and year are considered.",
1112
+ "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1113
1113
  },
1114
1114
  {
1115
- "name": "manualSorting",
1116
- "description": "Enable manual sorting on the table",
1117
- "values": []
1115
+ "name": "minDate",
1116
+ "description": "The minimum date (month and year) of the datepicker. Only the month and year are considered.",
1117
+ "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1118
1118
  },
1119
1119
  {
1120
- "name": "manualPagination",
1121
- "description": "Enables manual pagination. If this option is set to true, the table will not automatically paginate rows and instead will expect you to manually paginate the rows before passing them to the table. This is useful if you are doing server-side pagination and aggregation.",
1122
- "values": []
1120
+ "name": "maxDate",
1121
+ "description": "The maximum date (month and year) of the datepicker. Only the month and year are considered.",
1122
+ "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1123
1123
  },
1124
1124
  {
1125
- "name": "autoResetPageIndex",
1126
- "description": "If set to true, pagination will be reset to the first page when page-altering state changes eg. data is updated, filters change, grouping changes, etc. This behavior is automatically disabled when manualPagination is true but it can be overridden by explicitly assigning a boolean value to the autoResetPageIndex table option.",
1127
- "values": []
1125
+ "name": "rangeStart",
1126
+ "description": "The start date of the range selection (only used in range mode).",
1127
+ "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1128
1128
  },
1129
1129
  {
1130
- "name": "enableRowClick",
1131
- "description": "Enable row click on the table",
1132
- "values": []
1130
+ "name": "rangeEnd",
1131
+ "description": "The end date of the range selection (only used in range mode).",
1132
+ "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1133
1133
  },
1134
1134
  {
1135
- "name": "loading",
1136
- "description": "Loading state of the table",
1135
+ "name": "placement",
1136
+ "description": "The placement of the dropdown of the datepicker.",
1137
+ "values": [
1138
+ { "name": "top-start" },
1139
+ { "name": "top" },
1140
+ { "name": "top-end" },
1141
+ { "name": "right-start" },
1142
+ { "name": "right" },
1143
+ { "name": "right-end" },
1144
+ { "name": "bottom-start" },
1145
+ { "name": "bottom" },
1146
+ { "name": "bottom-end" },
1147
+ { "name": "left-start" },
1148
+ { "name": "left" },
1149
+ { "name": "left-end" }
1150
+ ]
1151
+ },
1152
+ {
1153
+ "name": "opened",
1154
+ "description": "The open state of the datepicker.",
1137
1155
  "values": []
1138
1156
  },
1139
1157
  {
1140
- "name": "enableStripedRows",
1141
- "description": "Whether to enable striped rows",
1158
+ "name": "openCalendarOnInput",
1159
+ "description": "Wheter the calendar should open on typing.",
1142
1160
  "values": []
1143
1161
  },
1144
1162
  {
1145
- "name": "rowCount",
1146
- "description": "Number of rows in the table",
1163
+ "name": "sendEmptyEventOnInput",
1164
+ "description": "Wheter the calendar should send an empty event on typing.",
1147
1165
  "values": []
1148
1166
  },
1149
1167
  {
1150
- "name": "caption",
1151
- "description": "Caption text for the table",
1168
+ "name": "placeholder",
1169
+ "description": "The placeholder of the datepicker.",
1152
1170
  "values": []
1153
1171
  },
1154
1172
  {
1155
- "name": "loadingType",
1156
- "description": "The type of loading to use",
1157
- "values": [{ "name": "spinner" }, { "name": "skeleton" }]
1158
- },
1159
- {
1160
- "name": "loadingVariant",
1161
- "description": "The variant of the spinner. Only used if loadingType is 'spinner'.",
1162
- "values": [
1163
- { "name": "neutral" },
1164
- { "name": "brand" },
1165
- { "name": "negative" },
1166
- { "name": "positive" },
1167
- { "name": "inverted" }
1168
- ]
1169
- },
1170
- {
1171
- "name": "loadingSize",
1172
- "description": "The size of the spinner. Only used if loadingType is 'spinner'.",
1173
- "values": [
1174
- { "name": "xxl" },
1175
- { "name": "xl" },
1176
- { "name": "lg" },
1177
- { "name": "md" },
1178
- { "name": "sm" },
1179
- { "name": "xs" }
1180
- ]
1181
- },
1182
- {
1183
- "name": "loadingStaticSize",
1184
- "description": "The size of the spinner in pixels. This overrides the size attribute. Only used if loadingType is 'spinner'.",
1185
- "values": []
1186
- },
1187
- {
1188
- "name": "loadingText",
1189
- "description": "The loading text. Only used if loadingType is 'spinner'.",
1190
- "values": []
1191
- },
1192
- {
1193
- "name": "emptyText",
1194
- "description": "The text to display when the table is empty.",
1195
- "values": []
1196
- },
1197
- {
1198
- "name": "disableHeaderOnEmpty",
1199
- "description": "Whether to disable the header when the table is empty.",
1200
- "values": [{ "name": "true" }, { "name": "false" }]
1201
- },
1202
- {
1203
- "name": "showPagerOnEmpty",
1204
- "description": "Whether to show the pager component when the table is empty.",
1205
- "values": []
1206
- },
1207
- {
1208
- "name": "pager",
1209
- "description": "Whether to show the pager component",
1210
- "values": []
1211
- },
1212
- {
1213
- "name": "showPageSizeOptions",
1214
- "description": "Show the page size options.",
1215
- "values": []
1216
- },
1217
- {
1218
- "name": "showPageIndex",
1219
- "description": "Show the page index.",
1220
- "values": []
1221
- },
1222
- {
1223
- "name": "showPageCount",
1224
- "description": "Show the page count.",
1225
- "values": []
1226
- },
1227
- {
1228
- "name": "showFirstButton",
1229
- "description": "Show the first button.",
1230
- "values": []
1231
- },
1232
- {
1233
- "name": "showPreviousButton",
1234
- "description": "Show the previous button.",
1235
- "values": []
1236
- },
1237
- {
1238
- "name": "showNextButton",
1239
- "description": "Show the next button.",
1240
- "values": []
1241
- },
1242
- {
1243
- "name": "showLastButton",
1244
- "description": "Show the last button.",
1245
- "values": []
1246
- },
1247
- {
1248
- "name": "firstButtonLabel",
1249
- "description": "The label of the first button",
1250
- "values": []
1251
- },
1252
- {
1253
- "name": "previousButtonLabel",
1254
- "description": "The label of the previous button",
1255
- "values": []
1256
- },
1257
- {
1258
- "name": "nextButtonLabel",
1259
- "description": "The label of the next button",
1260
- "values": []
1261
- },
1262
- {
1263
- "name": "lastButtonLabel",
1264
- "description": "The label of the last button",
1265
- "values": []
1266
- },
1267
- {
1268
- "name": "sortButtonTestId",
1269
- "description": "`data-testid` for the column sort-toggle button. Suffixed with the column id.",
1270
- "values": []
1271
- },
1272
- {
1273
- "name": "pageSizeOptions",
1274
- "description": "Available page size options for the pager",
1275
- "values": [{ "name": "number[]" }]
1276
- },
1277
- {
1278
- "name": "sorting",
1279
- "description": "Sorting state of the table",
1280
- "values": [{ "name": "SortingState" }]
1281
- },
1282
- {
1283
- "name": "rowSelection",
1284
- "description": "Selection state of the table",
1285
- "values": [{ "name": "RowSelectionState" }]
1286
- },
1287
- {
1288
- "name": "pagination",
1289
- "description": "Pagination state of the table",
1290
- "values": [{ "name": "PaginationState" }]
1291
- },
1292
- {
1293
- "name": "columnSizing",
1294
- "description": "Column sizing state of the table",
1295
- "values": [{ "name": "Record<string, number>" }]
1296
- },
1297
- {
1298
- "name": "ariaLabel",
1299
- "description": "ID of element labeling the table",
1300
- "values": []
1301
- }
1302
- ],
1303
- "references": [
1304
- {
1305
- "name": "Documentation",
1306
- "url": "https://shoelace.style/components/datatable"
1307
- }
1308
- ]
1309
- },
1310
- {
1311
- "name": "dap-ds-datepicker",
1312
- "description": "A datepicker is a graphical user interface widget that allows the user to select a date from a calendar and/or time from a time range.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the datepicker value changes.\n- **dds-input** - Fired when the datepicker input value changes.\n- **dds-valid-date** - Fired when the datepicker input value is valid. Happens on manual input typing.\n- **dds-invalid-date** - Fired when the datepicker input value is invalid. Happens on manual input typing.\n- **dds-clear** - Fired when the datepicker is cleared.\n- **dds-focus** - Emitted when the datepicker gains focus.\n- **dds-blur** - Emitted when the datepicker loses focus.\n\n### **CSS Properties:**\n - **--dds-combobox-background** - The background color of the combobox. (default: var(--dds-fields-background-default)) _(default: undefined)_\n- **--dds-combobox-border-color** - The border color of the combobox. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-combobox-border-width** - The border width of the combobox. (default: var(--dds-border-width-base, 1px)) _(default: undefined)_\n- **--dds-combobox-border-radius** - The border radius of the combobox. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-combobox-text-color** - The text color of the combobox. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-combobox-placeholder-color** - The placeholder text color. (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-combobox-disabled-background** - The background color when disabled. (default: var(--dds-background-neutral-stronger)) _(default: undefined)_\n- **--dds-combobox-disabled-text** - The text color when disabled. (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-combobox-error-border** - The border color for error state. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-combobox-success-border** - The border color for success state. (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-combobox-icon-color** - The color of the icons. (default: var(--dds-text-icon-neutral-subtle)) _(default: undefined)_\n- **--dds-combobox-clear-icon-color** - The color of the clear icon. (default: var(--dds-button-subtle-icon-neutral-enabled)) _(default: undefined)_\n- **--dds-combobox-popup-background** - The background color of the popup. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-combobox-popup-shadow** - The box shadow of the popup. (default: 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%)) _(default: undefined)_\n- **--dds-combobox-padding-xs** - The padding for extra small size. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-padding-sm** - The padding for small size. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-padding-lg** - The padding for large size. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-combobox-padding-horizontal** - The horizontal padding. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-combobox-padding-vertical** - The vertical padding. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-gap** - The gap between elements. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-combobox-icon-gap** - The gap between icons. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-action-gap** - The gap between action elements. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-action-padding** - The padding for action elements. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-combobox-clear-icon-width** - The width of the clear icon. (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-combobox-dropdown-icon-right** - The right position of the dropdown icon. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-combobox-min-width** - The minimum width of the combobox. (default: 7.5rem) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main datepicker container.\n- **calendar** - The calendar of the datepicker.\n- **trigger** - The trigger button of the datepicker.\n- **label** - The label of the datepicker.\n- **description** - The description of the datepicker.\n- **feedback** - The feedback of the datepicker.\n- **tooltip** - The tooltip of the datepicker.\n- **input** - The input of the datepicker.\n- **clear-button** - The clear button of the datepicker.\n- **calendar-grid-cell-base** - The base of the calendar grid cell.\n- **calendar-grid-cell** - The cell of the calendar grid.\n- **calendar-grid-header-cell-base** - The base of the calendar grid header cell.\n- **calendar-grid-header-cell** - The header cell of the calendar grid.\n- **calendar-grid-cell-today-mark** - The today mark of the calendar grid cell.",
1313
- "attributes": [
1314
- {
1315
- "name": "value",
1316
- "description": "The value of the datepicker.",
1317
- "values": [{ "name": "Dayjs" }]
1318
- },
1319
- {
1320
- "name": "mode",
1321
- "description": "The mode of the datepicker - single date or range selection.",
1322
- "values": [{ "name": "single" }, { "name": "range" }]
1323
- },
1324
- {
1325
- "name": "currentDate",
1326
- "description": "The current visible date (month and year) of the calendar. Only the month and year are considered.",
1327
- "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1328
- },
1329
- {
1330
- "name": "minDate",
1331
- "description": "The minimum date (month and year) of the datepicker. Only the month and year are considered.",
1332
- "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1333
- },
1334
- {
1335
- "name": "maxDate",
1336
- "description": "The maximum date (month and year) of the datepicker. Only the month and year are considered.",
1337
- "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1338
- },
1339
- {
1340
- "name": "rangeStart",
1341
- "description": "The start date of the range selection (only used in range mode).",
1342
- "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1343
- },
1344
- {
1345
- "name": "rangeEnd",
1346
- "description": "The end date of the range selection (only used in range mode).",
1347
- "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1348
- },
1349
- {
1350
- "name": "placement",
1351
- "description": "The placement of the dropdown of the datepicker.",
1352
- "values": [
1353
- { "name": "top-start" },
1354
- { "name": "top" },
1355
- { "name": "top-end" },
1356
- { "name": "right-start" },
1357
- { "name": "right" },
1358
- { "name": "right-end" },
1359
- { "name": "bottom-start" },
1360
- { "name": "bottom" },
1361
- { "name": "bottom-end" },
1362
- { "name": "left-start" },
1363
- { "name": "left" },
1364
- { "name": "left-end" }
1365
- ]
1366
- },
1367
- {
1368
- "name": "opened",
1369
- "description": "The open state of the datepicker.",
1370
- "values": []
1371
- },
1372
- {
1373
- "name": "openCalendarOnInput",
1374
- "description": "Wheter the calendar should open on typing.",
1375
- "values": []
1376
- },
1377
- {
1378
- "name": "sendEmptyEventOnInput",
1379
- "description": "Wheter the calendar should send an empty event on typing.",
1380
- "values": []
1381
- },
1382
- {
1383
- "name": "placeholder",
1384
- "description": "The placeholder of the datepicker.",
1385
- "values": []
1386
- },
1387
- {
1388
- "name": "loading",
1389
- "description": "The loading state of the datepicker.",
1390
- "values": []
1173
+ "name": "loading",
1174
+ "description": "The loading state of the datepicker.",
1175
+ "values": []
1391
1176
  },
1392
1177
  {
1393
1178
  "name": "mask",
@@ -1500,17 +1285,6 @@
1500
1285
  }
1501
1286
  ]
1502
1287
  },
1503
- {
1504
- "name": "dap-ds-feedback",
1505
- "description": "A feedback is a container for feedback messages.\n---\n\n\n### **Slots:**\n - **icon** - The custom icon of the feedback.\n- _default_ - The text of the feedback.\n\n### **CSS Properties:**\n - **--dds-feedback-spacing** - The spacing around the feedback component. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-feedback-color** - The text color of the feedback. (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-feedback-font-size** - The font size of the feedback. (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-feedback-font-weight** - The font weight of the feedback. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-feedback-icon-fill** - The fill color of the feedback icon. (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-feedback-icon-spacing** - The spacing between the icon and text. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-feedback-color-warning** - The text color for warning feedback. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-feedback-color-positive** - The text color for positive feedback. (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-feedback-color-negative** - The text color for negative feedback. (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n- **--dds-feedback-icon-fill-warning** - The icon fill color for warning feedback. (default: var(--dds-icon-informative-subtle)) _(default: undefined)_\n- **--dds-feedback-icon-fill-positive** - The icon fill color for positive feedback. (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-feedback-icon-fill-negative** - The icon fill color for negative feedback. (default: var(--dds-icon-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main feedback container.\n- **icon** - The icon of the feedback.\n- **text** - The text of the feedback.",
1506
- "attributes": [],
1507
- "references": [
1508
- {
1509
- "name": "Documentation",
1510
- "url": "https://shoelace.style/components/feedback"
1511
- }
1512
- ]
1513
- },
1514
1288
  {
1515
1289
  "name": "dap-ds-file-input-list-item",
1516
1290
  "description": "A file input list item is a container for file input list items.\n---\n\n\n### **Events:**\n - **dds-file-remove** - Dispatched when a file is removed from the list.\n- **dds-file-click** - Dispatched when a file is clicked.\n\n### **Slots:**\n - **delete-button** - The delete button.\n\n### **CSS Properties:**\n - **--dds-file-list-item-padding** - The padding of the file list item (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-file-list-item-border-width** - The border width of the file list item (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-file-list-item-border-color** - The border color of the file list item (default: var(--dds-border-neutral-transparent)) _(default: undefined)_\n- **--dds-file-list-item-border-radius** - The border radius of the file list item (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-file-list-item-bg-color** - The background color of the file list item (default: var(--dds-fields-background-default)) _(default: undefined)_\n- **--dds-file-list-item-font-weight** - The font weight of the file list item (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-file-list-item-disabled-bg-color** - The background color of the disabled file list item (default: var(--dds-cold-grey-400)) _(default: undefined)_\n- **--dds-file-list-item-disabled-color** - The text color of the disabled file list item (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-file-list-item-content-margin** - The margin of the content within the file list item (default: var(--dds-spacing-100) var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-file-list-item-content-gap** - The gap between content elements in the file list item (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-file-list-item-filename-color** - The color of the filename text (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-file-list-item-filesize-color** - The color of the filesize text (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-file-list-item-feedback-padding-x** - The padding of the feedback section (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-file-list-item-feedback-padding-y** - The padding of the feedback section (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-file-list-item-feedback-border-color** - The border color of the feedback section (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-file-list-item-feedback-font-size** - The font size of the feedback text (default: var(--dds-font-sm)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main file input list item container.\n- **feedback** - The feedback container.\n- **link** - The link text of the item component.\n- **filename** - The filename text of the item component.\n- **filesize** - The filesize text of the item component.\n- **spinner** - The spinner of the item component.\n- **remove-button** - The remove button of the item component.\n- **thumbnail** - The thumbnail of the item component.",
@@ -1697,186 +1471,401 @@
1697
1471
  "values": []
1698
1472
  },
1699
1473
  {
1700
- "name": "browseButtonTestId",
1701
- "description": "`data-testid` for the browse button.",
1474
+ "name": "browseButtonTestId",
1475
+ "description": "`data-testid` for the browse button.",
1476
+ "values": []
1477
+ },
1478
+ {
1479
+ "name": "uploadButtonTestId",
1480
+ "description": "`data-testid` for the upload button.",
1481
+ "values": []
1482
+ },
1483
+ {
1484
+ "name": "showDropzone",
1485
+ "description": "Whether to show a separate dropzone area.",
1486
+ "values": []
1487
+ },
1488
+ {
1489
+ "name": "dropzoneText",
1490
+ "description": "Text to display in the dropzone.",
1491
+ "values": []
1492
+ },
1493
+ {
1494
+ "name": "showFileList",
1495
+ "description": "Whether to show the built-in file list.",
1496
+ "values": []
1497
+ },
1498
+ {
1499
+ "name": "confirmRemove",
1500
+ "description": "Whether to show confirmation dialog before removing files.",
1501
+ "values": []
1502
+ },
1503
+ {
1504
+ "name": "showUploadButton",
1505
+ "description": "Whether to show the upload button. Default is `true`.",
1506
+ "values": []
1507
+ },
1508
+ {
1509
+ "name": "showBrowseButton",
1510
+ "description": "Whether to show the browse button",
1511
+ "values": []
1512
+ },
1513
+ {
1514
+ "name": "accept",
1515
+ "description": "The file types that the file input accepts.",
1516
+ "values": []
1517
+ },
1518
+ {
1519
+ "name": "multiple",
1520
+ "description": "Whether the file input accepts multiple files.",
1521
+ "values": []
1522
+ },
1523
+ {
1524
+ "name": "keepValue",
1525
+ "description": "Whether to keep the value when new files are selected.",
1526
+ "values": []
1527
+ },
1528
+ {
1529
+ "name": "uploadUrl",
1530
+ "description": "A remote URL to upload files to.",
1531
+ "values": []
1532
+ },
1533
+ {
1534
+ "name": "autoupload",
1535
+ "description": "Whether to automatically upload files after selection.",
1536
+ "values": []
1537
+ },
1538
+ {
1539
+ "name": "uploadProperty",
1540
+ "description": "The property to use when uploading files",
1541
+ "values": []
1542
+ },
1543
+ {
1544
+ "name": "uploadMethod",
1545
+ "description": "The HTTP method to use when uploading files",
1546
+ "values": []
1547
+ },
1548
+ {
1549
+ "name": "deleteUrl",
1550
+ "description": "A remote URL to delete uploaded files from. Supports placeholders: `{fileName}`, `{id}`, `{key}`, `{location}`.",
1551
+ "values": []
1552
+ },
1553
+ {
1554
+ "name": "deleteMethod",
1555
+ "description": "The HTTP method to use when deleting files",
1556
+ "values": []
1557
+ },
1558
+ {
1559
+ "name": "withCredentials",
1560
+ "description": "Whether to send credentials with the file upload request",
1561
+ "values": []
1562
+ },
1563
+ {
1564
+ "name": "uploadHeaders",
1565
+ "description": "Custom headers for upload requests (JSON string).",
1566
+ "values": []
1567
+ },
1568
+ {
1569
+ "name": "deleteHeaders",
1570
+ "description": "Custom headers for delete requests (JSON string).",
1571
+ "values": []
1572
+ },
1573
+ {
1574
+ "name": "maxFiles",
1575
+ "description": "The maximum number of files that can be uploaded.",
1576
+ "values": []
1577
+ },
1578
+ {
1579
+ "name": "maxFileSize",
1580
+ "description": "The maximum size of files that can be uploaded (in bytes).",
1581
+ "values": []
1582
+ },
1583
+ {
1584
+ "name": "maxSizePerFile",
1585
+ "description": "The maximum size a single file can have (in bytes).",
1586
+ "values": []
1587
+ },
1588
+ {
1589
+ "name": "maxFileSizeErrorText",
1590
+ "description": "Text for the max file size error.",
1591
+ "values": []
1592
+ },
1593
+ {
1594
+ "name": "maxSizePerFileErrorText",
1595
+ "description": "Text for the max size per file error.",
1596
+ "values": []
1597
+ },
1598
+ {
1599
+ "name": "maxFileAmountErrorText",
1600
+ "description": "Text for the max file amount error.",
1601
+ "values": []
1602
+ },
1603
+ {
1604
+ "name": "fileTypeErrorText",
1605
+ "description": "Text for the file type error.",
1606
+ "values": []
1607
+ },
1608
+ {
1609
+ "name": "removeButtonLabel",
1610
+ "description": "The label for the remove button.",
1611
+ "values": []
1612
+ },
1613
+ {
1614
+ "name": "cancelButtonLabel",
1615
+ "description": "The label for the cancel button.",
1616
+ "values": []
1617
+ },
1618
+ {
1619
+ "name": "removeButtonDanger",
1620
+ "description": "Whether the remove button is dangerous",
1621
+ "values": []
1622
+ },
1623
+ {
1624
+ "name": "showThumbnail",
1625
+ "description": "Whether to show thumbnail preview for supported file types in the built-in file list",
1626
+ "values": []
1627
+ },
1628
+ {
1629
+ "name": "dropzoneAriaLabel",
1630
+ "description": "Aria label for the dropzone.",
1631
+ "values": []
1632
+ },
1633
+ {
1634
+ "name": "dropzoneFocusable",
1635
+ "description": "Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true).",
1636
+ "values": []
1637
+ },
1638
+ {
1639
+ "name": "thumbnailSize",
1640
+ "description": "Size of the thumbnail preview in the built-in file list",
1641
+ "values": [
1642
+ { "name": "xxs" },
1643
+ { "name": "xs" },
1644
+ { "name": "sm" },
1645
+ { "name": "md" },
1646
+ { "name": "lg" }
1647
+ ]
1648
+ }
1649
+ ],
1650
+ "references": [
1651
+ {
1652
+ "name": "Documentation",
1653
+ "url": "https://shoelace.style/components/file-input"
1654
+ }
1655
+ ]
1656
+ },
1657
+ {
1658
+ "name": "dap-ds-datatable",
1659
+ "description": "A data table is a component that displays data in a tabular format.\n---\n\n\n### **Events:**\n - **dds-sorting-change** - Fired when the sorting of the table changes.\n- **dds-selection-change** - Fired when the selection of the table changes.\n- **dds-pagination-change** - Fired when the pagination of the table changes.\n- **dds-row-click** - Fired when a row is clicked.\n\n### **Slots:**\n - **loading** - The loading content of the table.\n- **empty** - The empty content of the table.\n\n### **CSS Properties:**\n - **--dds-datatable-bg-color** - Background color of the table. (default: var(--dds-background-neutral-subtle)). _(default: undefined)_\n- **--dds-datatable-border-color** - Border color of the table cells. (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-datatable-header-bg-color** - Background color of the table header. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-datatable-header-text-color** - Text color of the table header. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-datatable-row-hover-bg-color** - Background color of hovered rows. (default: var(--dds-background-brand-strong)) _(default: undefined)_\n- **--dds-datatable-row-selected-bg-color** - Background color of selected rows. (default: var(--dds-background-brand-strong)) _(default: undefined)_\n- **--dds-datatable-cell-padding** - Padding of table cells. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-datatable-header-padding** - Padding of header cells. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-datatable-last-column-padding** - Padding of the last column. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-datatable-first-column-padding** - Padding of the first column. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-datatable-border-width** - Width of table borders. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-datatable-stripe-color** - Background color for striped rows. (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-datatable-border-radius** - Border radius of the table. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-datatable-shadow** - Box shadow of the table. (default: none) _(default: undefined)_\n- **--dds-datatable-transition-duration** - Duration of hover/selection transitions. (default: 0.2s) _(default: undefined)_\n- **--dds-datatable-z-index** - Z-index of the table. (default: 1) _(default: undefined)_\n- **--dds-datatable-min-height** - Minimum height of the table. (default: auto) _(default: undefined)_\n- **--dds-datatable-max-height** - Maximum height of the table. (default: none) _(default: undefined)_\n- **--dds-datatable-overflow-x** - Horizontal overflow behavior. (default: auto) _(default: undefined)_\n- **--dds-datatable-overflow-y** - Vertical overflow behavior. (default: auto) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main table container.\n- **header** - The header of the table.\n- **header-row** - The header row of the table.\n- **header-cell** - All cells of the header.\n- **body** - The body of the table.\n- **empty** - The empty content of the table.\n- **loading** - The loading content of the table.\n- **row** - All rows of the table.\n- **cell** - All cells of the table.\n- **pager** - The pager of the table.\n- **pager-base** - The base of the pager.\n- **pager-first** - The first button of the pager.\n- **pager-previous** - The previous button of the pager.\n- **pager-next** - The next button of the pager.\n- **pager-last** - The last button of the pager.\n- **pager-page-size-select** - The page size select of the pager.",
1660
+ "attributes": [
1661
+ {
1662
+ "name": "rowKey",
1663
+ "description": "Row key to use for row selection, this should be a unique key for each row",
1664
+ "values": []
1665
+ },
1666
+ {
1667
+ "name": "enableRowSelection",
1668
+ "description": "Enable row selection on the table, can be a boolean or a function that returns a boolean",
1669
+ "values": [{ "name": "((row: Row<T>) => boolean)" }]
1670
+ },
1671
+ {
1672
+ "name": "enableSorting",
1673
+ "description": "Enable sorting on the table",
1674
+ "values": []
1675
+ },
1676
+ {
1677
+ "name": "manualSorting",
1678
+ "description": "Enable manual sorting on the table",
1679
+ "values": []
1680
+ },
1681
+ {
1682
+ "name": "manualPagination",
1683
+ "description": "Enables manual pagination. If this option is set to true, the table will not automatically paginate rows and instead will expect you to manually paginate the rows before passing them to the table. This is useful if you are doing server-side pagination and aggregation.",
1702
1684
  "values": []
1703
1685
  },
1704
1686
  {
1705
- "name": "uploadButtonTestId",
1706
- "description": "`data-testid` for the upload button.",
1687
+ "name": "autoResetPageIndex",
1688
+ "description": "If set to true, pagination will be reset to the first page when page-altering state changes eg. data is updated, filters change, grouping changes, etc. This behavior is automatically disabled when manualPagination is true but it can be overridden by explicitly assigning a boolean value to the autoResetPageIndex table option.",
1707
1689
  "values": []
1708
1690
  },
1709
1691
  {
1710
- "name": "showDropzone",
1711
- "description": "Whether to show a separate dropzone area.",
1692
+ "name": "enableRowClick",
1693
+ "description": "Enable row click on the table",
1712
1694
  "values": []
1713
1695
  },
1714
1696
  {
1715
- "name": "dropzoneText",
1716
- "description": "Text to display in the dropzone.",
1697
+ "name": "loading",
1698
+ "description": "Loading state of the table",
1717
1699
  "values": []
1718
1700
  },
1719
1701
  {
1720
- "name": "showFileList",
1721
- "description": "Whether to show the built-in file list.",
1702
+ "name": "enableStripedRows",
1703
+ "description": "Whether to enable striped rows",
1722
1704
  "values": []
1723
1705
  },
1724
1706
  {
1725
- "name": "confirmRemove",
1726
- "description": "Whether to show confirmation dialog before removing files.",
1707
+ "name": "rowCount",
1708
+ "description": "Number of rows in the table",
1727
1709
  "values": []
1728
1710
  },
1729
1711
  {
1730
- "name": "showUploadButton",
1731
- "description": "Whether to show the upload button. Default is `true`.",
1712
+ "name": "caption",
1713
+ "description": "Caption text for the table",
1732
1714
  "values": []
1733
1715
  },
1734
1716
  {
1735
- "name": "showBrowseButton",
1736
- "description": "Whether to show the browse button",
1737
- "values": []
1717
+ "name": "loadingType",
1718
+ "description": "The type of loading to use",
1719
+ "values": [{ "name": "spinner" }, { "name": "skeleton" }]
1738
1720
  },
1739
1721
  {
1740
- "name": "accept",
1741
- "description": "The file types that the file input accepts.",
1742
- "values": []
1722
+ "name": "loadingVariant",
1723
+ "description": "The variant of the spinner. Only used if loadingType is 'spinner'.",
1724
+ "values": [
1725
+ { "name": "neutral" },
1726
+ { "name": "brand" },
1727
+ { "name": "negative" },
1728
+ { "name": "positive" },
1729
+ { "name": "inverted" }
1730
+ ]
1743
1731
  },
1744
1732
  {
1745
- "name": "multiple",
1746
- "description": "Whether the file input accepts multiple files.",
1747
- "values": []
1733
+ "name": "loadingSize",
1734
+ "description": "The size of the spinner. Only used if loadingType is 'spinner'.",
1735
+ "values": [
1736
+ { "name": "xxl" },
1737
+ { "name": "xl" },
1738
+ { "name": "lg" },
1739
+ { "name": "md" },
1740
+ { "name": "sm" },
1741
+ { "name": "xs" }
1742
+ ]
1748
1743
  },
1749
1744
  {
1750
- "name": "keepValue",
1751
- "description": "Whether to keep the value when new files are selected.",
1745
+ "name": "loadingStaticSize",
1746
+ "description": "The size of the spinner in pixels. This overrides the size attribute. Only used if loadingType is 'spinner'.",
1752
1747
  "values": []
1753
1748
  },
1754
1749
  {
1755
- "name": "uploadUrl",
1756
- "description": "A remote URL to upload files to.",
1750
+ "name": "loadingText",
1751
+ "description": "The loading text. Only used if loadingType is 'spinner'.",
1757
1752
  "values": []
1758
1753
  },
1759
1754
  {
1760
- "name": "autoupload",
1761
- "description": "Whether to automatically upload files after selection.",
1755
+ "name": "emptyText",
1756
+ "description": "The text to display when the table is empty.",
1762
1757
  "values": []
1763
1758
  },
1764
1759
  {
1765
- "name": "uploadProperty",
1766
- "description": "The property to use when uploading files",
1767
- "values": []
1760
+ "name": "disableHeaderOnEmpty",
1761
+ "description": "Whether to disable the header when the table is empty.",
1762
+ "values": [{ "name": "true" }, { "name": "false" }]
1768
1763
  },
1769
1764
  {
1770
- "name": "uploadMethod",
1771
- "description": "The HTTP method to use when uploading files",
1765
+ "name": "showPagerOnEmpty",
1766
+ "description": "Whether to show the pager component when the table is empty.",
1772
1767
  "values": []
1773
1768
  },
1774
1769
  {
1775
- "name": "deleteUrl",
1776
- "description": "A remote URL to delete uploaded files from. Supports placeholders: `{fileName}`, `{id}`, `{key}`, `{location}`.",
1770
+ "name": "pager",
1771
+ "description": "Whether to show the pager component",
1777
1772
  "values": []
1778
1773
  },
1779
1774
  {
1780
- "name": "deleteMethod",
1781
- "description": "The HTTP method to use when deleting files",
1775
+ "name": "showPageSizeOptions",
1776
+ "description": "Show the page size options.",
1782
1777
  "values": []
1783
1778
  },
1784
1779
  {
1785
- "name": "withCredentials",
1786
- "description": "Whether to send credentials with the file upload request",
1780
+ "name": "showPageIndex",
1781
+ "description": "Show the page index.",
1787
1782
  "values": []
1788
1783
  },
1789
1784
  {
1790
- "name": "uploadHeaders",
1791
- "description": "Custom headers for upload requests (JSON string).",
1785
+ "name": "showPageCount",
1786
+ "description": "Show the page count.",
1792
1787
  "values": []
1793
1788
  },
1794
1789
  {
1795
- "name": "deleteHeaders",
1796
- "description": "Custom headers for delete requests (JSON string).",
1790
+ "name": "showFirstButton",
1791
+ "description": "Show the first button.",
1797
1792
  "values": []
1798
1793
  },
1799
1794
  {
1800
- "name": "maxFiles",
1801
- "description": "The maximum number of files that can be uploaded.",
1795
+ "name": "showPreviousButton",
1796
+ "description": "Show the previous button.",
1802
1797
  "values": []
1803
1798
  },
1804
1799
  {
1805
- "name": "maxFileSize",
1806
- "description": "The maximum size of files that can be uploaded (in bytes).",
1800
+ "name": "showNextButton",
1801
+ "description": "Show the next button.",
1807
1802
  "values": []
1808
1803
  },
1809
1804
  {
1810
- "name": "maxSizePerFile",
1811
- "description": "The maximum size a single file can have (in bytes).",
1805
+ "name": "showLastButton",
1806
+ "description": "Show the last button.",
1812
1807
  "values": []
1813
1808
  },
1814
1809
  {
1815
- "name": "maxFileSizeErrorText",
1816
- "description": "Text for the max file size error.",
1810
+ "name": "firstButtonLabel",
1811
+ "description": "The label of the first button",
1817
1812
  "values": []
1818
1813
  },
1819
1814
  {
1820
- "name": "maxSizePerFileErrorText",
1821
- "description": "Text for the max size per file error.",
1815
+ "name": "previousButtonLabel",
1816
+ "description": "The label of the previous button",
1822
1817
  "values": []
1823
1818
  },
1824
1819
  {
1825
- "name": "maxFileAmountErrorText",
1826
- "description": "Text for the max file amount error.",
1820
+ "name": "nextButtonLabel",
1821
+ "description": "The label of the next button",
1827
1822
  "values": []
1828
1823
  },
1829
1824
  {
1830
- "name": "fileTypeErrorText",
1831
- "description": "Text for the file type error.",
1825
+ "name": "lastButtonLabel",
1826
+ "description": "The label of the last button",
1832
1827
  "values": []
1833
1828
  },
1834
1829
  {
1835
- "name": "removeButtonLabel",
1836
- "description": "The label for the remove button.",
1830
+ "name": "sortButtonTestId",
1831
+ "description": "`data-testid` for the column sort-toggle button. Suffixed with the column id.",
1837
1832
  "values": []
1838
1833
  },
1839
1834
  {
1840
- "name": "cancelButtonLabel",
1841
- "description": "The label for the cancel button.",
1842
- "values": []
1835
+ "name": "pageSizeOptions",
1836
+ "description": "Available page size options for the pager",
1837
+ "values": [{ "name": "number[]" }]
1843
1838
  },
1844
1839
  {
1845
- "name": "removeButtonDanger",
1846
- "description": "Whether the remove button is dangerous",
1847
- "values": []
1840
+ "name": "sorting",
1841
+ "description": "Sorting state of the table",
1842
+ "values": [{ "name": "SortingState" }]
1848
1843
  },
1849
1844
  {
1850
- "name": "showThumbnail",
1851
- "description": "Whether to show thumbnail preview for supported file types in the built-in file list",
1852
- "values": []
1845
+ "name": "rowSelection",
1846
+ "description": "Selection state of the table",
1847
+ "values": [{ "name": "RowSelectionState" }]
1853
1848
  },
1854
1849
  {
1855
- "name": "dropzoneAriaLabel",
1856
- "description": "Aria label for the dropzone.",
1857
- "values": []
1850
+ "name": "pagination",
1851
+ "description": "Pagination state of the table",
1852
+ "values": [{ "name": "PaginationState" }]
1858
1853
  },
1859
1854
  {
1860
- "name": "dropzoneFocusable",
1861
- "description": "Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true).",
1862
- "values": []
1855
+ "name": "columnSizing",
1856
+ "description": "Column sizing state of the table",
1857
+ "values": [{ "name": "Record<string, number>" }]
1863
1858
  },
1864
1859
  {
1865
- "name": "thumbnailSize",
1866
- "description": "Size of the thumbnail preview in the built-in file list",
1867
- "values": [
1868
- { "name": "xxs" },
1869
- { "name": "xs" },
1870
- { "name": "sm" },
1871
- { "name": "md" },
1872
- { "name": "lg" }
1873
- ]
1860
+ "name": "ariaLabel",
1861
+ "description": "ID of element labeling the table",
1862
+ "values": []
1874
1863
  }
1875
1864
  ],
1876
1865
  "references": [
1877
1866
  {
1878
1867
  "name": "Documentation",
1879
- "url": "https://shoelace.style/components/file-input"
1868
+ "url": "https://shoelace.style/components/datatable"
1880
1869
  }
1881
1870
  ]
1882
1871
  },
@@ -1971,6 +1960,28 @@
1971
1960
  }
1972
1961
  ]
1973
1962
  },
1963
+ {
1964
+ "name": "dap-ds-feedback",
1965
+ "description": "A feedback is a container for feedback messages.\n---\n\n\n### **Slots:**\n - **icon** - The custom icon of the feedback.\n- _default_ - The text of the feedback.\n\n### **CSS Properties:**\n - **--dds-feedback-spacing** - The spacing around the feedback component. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-feedback-color** - The text color of the feedback. (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-feedback-font-size** - The font size of the feedback. (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-feedback-font-weight** - The font weight of the feedback. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-feedback-icon-fill** - The fill color of the feedback icon. (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-feedback-icon-spacing** - The spacing between the icon and text. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-feedback-color-warning** - The text color for warning feedback. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-feedback-color-positive** - The text color for positive feedback. (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-feedback-color-negative** - The text color for negative feedback. (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n- **--dds-feedback-icon-fill-warning** - The icon fill color for warning feedback. (default: var(--dds-icon-informative-subtle)) _(default: undefined)_\n- **--dds-feedback-icon-fill-positive** - The icon fill color for positive feedback. (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-feedback-icon-fill-negative** - The icon fill color for negative feedback. (default: var(--dds-icon-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main feedback container.\n- **icon** - The icon of the feedback.\n- **text** - The text of the feedback.",
1966
+ "attributes": [],
1967
+ "references": [
1968
+ {
1969
+ "name": "Documentation",
1970
+ "url": "https://shoelace.style/components/feedback"
1971
+ }
1972
+ ]
1973
+ },
1974
+ {
1975
+ "name": "dap-ds-label",
1976
+ "description": "A label is a container for labels intended for general use. It contains a label text, description, and tooltip.\n---\n\n\n### **CSS Properties:**\n - **--dds-label-background** - The background color of the label container. (default: var(--dds-background-neutral-subtle)). _(default: undefined)_\n- **--dds-label-border-color** - The border color of the label container. (default: var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-label-border-width** - The border width of the label container. (default: var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-label-border-radius** - The border radius of the label container. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-label-padding** - The padding of the label container. (default: var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-label-disabled-background** - The background color of the label container when disabled. (default: var(--dds-background-neutral-disabled-inverted)). _(default: undefined)_\n- **--dds-label-checked-border-color** - The border color of the label container when checked. (default: var(--dds-background-brand-base-inverted)). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main label container.\n- **label** - Tha main label container. dap-ds-form-label element.\n- **label-base** - The label text.\n- **label-required** - The required indicator of the label.\n- **label-optional** - The optional indicator of the label.\n- **tooltip** - The tooltip of the label. dap-ds-tooltip element.\n- **description** - The description of the label.",
1977
+ "attributes": [],
1978
+ "references": [
1979
+ {
1980
+ "name": "Documentation",
1981
+ "url": "https://shoelace.style/components/label"
1982
+ }
1983
+ ]
1984
+ },
1974
1985
  {
1975
1986
  "name": "dap-ds-image-zoom",
1976
1987
  "description": "An image zoom component that provides a Medium.com-style zoom experience. Click an image to expand it to fill the viewport with a smooth animation.\n---\n\n\n### **Events:**\n - **dds-zoom** - Fires when the image is about to zoom. Cancelable via event.preventDefault().\n- **dds-unzoom** - Fires after the image has unzoomed.\n\n### **Methods:**\n - **zoom(): _void_** - Programmatically zoom the image.\n- **unzoom(): _void_** - Programmatically unzoom the image.\n\n### **Slots:**\n - _default_ - The image or content element to zoom. Should contain an <img> element.\n\n### **CSS Properties:**\n - **--dds-image-zoom-overlay-bg** - Overlay background color (default: rgba(0, 0, 0, 0.8)). _(default: undefined)_\n- **--dds-image-zoom-transition-speed** - Animation duration (default: 300ms). _(default: undefined)_\n- **--dds-image-zoom-transition-timing** - Animation timing function (default: var(--dds-easing-ease-in-out, ease-in-out)). _(default: undefined)_\n\n### **CSS Parts:**\n - **trigger** - The zoom trigger wrapper element.\n- **dialog** - The zoom dialog element.\n- **overlay** - The backdrop overlay element.\n- **zoomed-image** - The zoomed image element.\n- **unzoom-button** - The button to close the zoomed view.\n- **expand-button** - The button to expand the image.\n- **expand-button-base** - The base of the expand button.\n- **expand-button-content** - The content of the expand button.\n- **unzoom-button-base** - The base of the unzoom button.\n- **unzoom-button-content** - The content of the unzoom button.\n- **expand-button-icon** - The icon of the expand button.\n- **unzoom-button-icon** - The icon of the unzoom button.",
@@ -2042,28 +2053,6 @@
2042
2053
  }
2043
2054
  ]
2044
2055
  },
2045
- {
2046
- "name": "dap-ds-input",
2047
- "description": "An input is a field used to collect user input.\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### **Slots:**\n - **postfix** - The postfix of the input.\n- **prefix** - The prefix of the input.\n- **addon-before** - The addon before the input.\n- **addon-after** - The addon after the input.\n- **feedback-icon** - The custom icon of the feedback.\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 - **base** - The main input container.\n- **input** - The input element.\n- **label** - The label of the input.\n- **description** - The description of the input.\n- **feedback** - The feedback of the input.\n- **tooltip** - The tooltip of the input.\n- **addon-before** - The addon before the input.\n- **addon-after** - The addon after the input.\n- **prefix** - The prefix of the input.\n- **postfix** - The postfix of the input.",
2048
- "attributes": [],
2049
- "references": [
2050
- {
2051
- "name": "Documentation",
2052
- "url": "https://shoelace.style/components/input"
2053
- }
2054
- ]
2055
- },
2056
- {
2057
- "name": "dap-ds-label",
2058
- "description": "A label is a container for labels intended for general use. It contains a label text, description, and tooltip.\n---\n\n\n### **CSS Properties:**\n - **--dds-label-background** - The background color of the label container. (default: var(--dds-background-neutral-subtle)). _(default: undefined)_\n- **--dds-label-border-color** - The border color of the label container. (default: var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-label-border-width** - The border width of the label container. (default: var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-label-border-radius** - The border radius of the label container. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-label-padding** - The padding of the label container. (default: var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-label-disabled-background** - The background color of the label container when disabled. (default: var(--dds-background-neutral-disabled-inverted)). _(default: undefined)_\n- **--dds-label-checked-border-color** - The border color of the label container when checked. (default: var(--dds-background-brand-base-inverted)). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main label container.\n- **label** - Tha main label container. dap-ds-form-label element.\n- **label-base** - The label text.\n- **label-required** - The required indicator of the label.\n- **label-optional** - The optional indicator of the label.\n- **tooltip** - The tooltip of the label. dap-ds-tooltip element.\n- **description** - The description of the label.",
2059
- "attributes": [],
2060
- "references": [
2061
- {
2062
- "name": "Documentation",
2063
- "url": "https://shoelace.style/components/label"
2064
- }
2065
- ]
2066
- },
2067
2056
  {
2068
2057
  "name": "dap-ds-link",
2069
2058
  "description": "A link is a reference to a web resource.\n---\n\n\n### **Events:**\n - **dds-click** - Emitted when the link is clicked.\n\n### **Slots:**\n - _default_ - The text of the link.\n- **link** - A router link element (e.g. Next.js Link) used for SPA navigation. Rendered outside the visible link so it is always accessible to programmatic clicks.\n\n### **CSS Properties:**\n - **--dds-link-color** - The color of the link text (default: var(--dds-link-enabled)). _(default: undefined)_\n- **--dds-link-hover-color** - The color of the link text on hover (default: var(--dds-link-hover)). _(default: undefined)_\n- **--dds-link-active-color** - The color of the link text when active (default: var(--dds-link-pressed)). _(default: undefined)_\n- **--dds-link-visited-color** - The color of the visited link text (default: var(--dds-link-pressed)). _(default: undefined)_\n- **--dds-link-font-size** - The font size of the link text (default: var(--dds-font-base)). _(default: undefined)_\n- **--dds-link-line-height** - The line height of the link text (default: var(--dds-font-line-height-xlarge)). _(default: undefined)_\n- **--dds-link-font-weight** - The font weight of the link text (default: var(--dds-font-weight-medium)). _(default: undefined)_\n- **--dds-link-text-decoration** - The text decoration of the link (default: underline). _(default: undefined)_\n- **--dds-link-neutral-color** - The color of the neutral variant link (default: var(--dds-link-neutral-enabled)). _(default: undefined)_\n- **--dds-link-neutral-hover-color** - The hover color of the neutral variant link (default: var(--dds-link-neutral-hover)). _(default: undefined)_\n- **--dds-link-neutral-active-color** - The active color of the neutral variant link (default: var(--dds-link-neutral-pressed)). _(default: undefined)_\n- **--dds-link-neutral-visited-color** - The visited color of the neutral variant link (default: var(--dds-link-neutral-pressed)). _(default: undefined)_\n- **--dds-link-brand-color** - The color of the brand variant link (default: var(--dds-link-enabled)). _(default: undefined)_\n- **--dds-link-brand-hover-color** - The hover color of the brand variant link (default: var(--dds-link-hover)). _(default: undefined)_\n- **--dds-link-brand-active-color** - The active color of the brand variant link (default: var(--dds-link-pressed)). _(default: undefined)_\n- **--dds-link-brand-visited-color** - The visited color of the brand variant link (default: var(--dds-link-pressed)). _(default: undefined)_\n- **--dds-link-inverted-color** - The color of the inverted variant link (default: var(--dds-link-inverted-enabled)). _(default: undefined)_\n- **--dds-link-inverted-hover-color** - The hover color of the inverted variant link (default: var(--dds-link-inverted-hover)). _(default: undefined)_\n- **--dds-link-inverted-active-color** - The active color of the inverted variant link (default: var(--dds-link-inverted-pressed)). _(default: undefined)_\n- **--dds-link-inverted-visited-color** - The visited color of the inverted variant link (default: var(--dds-link-inverted-visited)). _(default: undefined)_\n- **--dds-link-warning-color** - The color of the warning variant link (default: var(--dds-banner-action-inverted-enabled)). _(default: undefined)_\n- **--dds-link-warning-hover-color** - The hover color of the warning variant link (default: var(--dds-banner-action-inverted-hover)). _(default: undefined)_\n- **--dds-link-warning-active-color** - The active color of the warning variant link (default: var(--dds-banner-action-inverted-pressed)). _(default: undefined)_\n- **--dds-link-warning-visited-color** - The visited color of the warning variant link (default: var(--dds-banner-action-inverted-enabled)). _(default: undefined)_\n- **--dds-link-disabled-color** - The color of the disabled link (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-link-disabled-hover-color** - The hover color of the disabled link (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-link-disabled-active-color** - The active color of the disabled link (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-link-disabled-visited-color** - The visited color of the disabled link (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-link-lg-font-size** - The font size of the large link (default: var(--dds-font-lg)). _(default: undefined)_\n- **--dds-link-lg-line-height** - The line height of the large link (default: var(--dds-font-line-height-xlarge)). _(default: undefined)_\n- **--dds-link-md-font-size** - The font size of the medium link (default: var(--dds-font-base)). _(default: undefined)_\n- **--dds-link-md-line-height** - The line height of the medium link (default: var(--dds-font-line-height-xlarge)). _(default: undefined)_\n- **--dds-link-sm-font-size** - The font size of the small link (default: var(--dds-font-sm)). _(default: undefined)_\n- **--dds-link-sm-line-height** - The line height of the small link (default: var(--dds-font-line-height-xlarge)). _(default: undefined)_\n- **--dds-link-xs-font-size** - The font size of the extra small link (default: var(--dds-font-xs)). _(default: undefined)_\n- **--dds-link-xs-line-height** - The line height of the extra small link (default: var(--dds-font-line-height-xlarge)). _(default: undefined)_\n- **--dds-link-normal-font-weight** - The font weight of the normal link (default: var(--dds-font-weight-medium)). _(default: undefined)_\n- **--dds-link-bold-font-weight** - The font weight of the bold link (default: var(--dds-font-weight-bold)). _(default: undefined)_\n- **--dds-link-no-underline-text-decoration** - The text decoration when underline is removed (default: none). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main link container.\n- **text** - The text of the link.",
@@ -3028,6 +3017,17 @@
3028
3017
  }
3029
3018
  ]
3030
3019
  },
3020
+ {
3021
+ "name": "dap-ds-input",
3022
+ "description": "An input is a field used to collect user input.\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### **Slots:**\n - **postfix** - The postfix of the input.\n- **prefix** - The prefix of the input.\n- **addon-before** - The addon before the input.\n- **addon-after** - The addon after the input.\n- **feedback-icon** - The custom icon of the feedback.\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 - **base** - The main input container.\n- **input** - The input element.\n- **label** - The label of the input.\n- **description** - The description of the input.\n- **feedback** - The feedback of the input.\n- **tooltip** - The tooltip of the input.\n- **addon-before** - The addon before the input.\n- **addon-after** - The addon after the input.\n- **prefix** - The prefix of the input.\n- **postfix** - The postfix of the input.",
3023
+ "attributes": [],
3024
+ "references": [
3025
+ {
3026
+ "name": "Documentation",
3027
+ "url": "https://shoelace.style/components/input"
3028
+ }
3029
+ ]
3030
+ },
3031
3031
  {
3032
3032
  "name": "dap-ds-select",
3033
3033
  "description": "A select is a form element that allows the user to select one option from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the select value changes.\n- **dds-blur** - Emitted when the select loses focus.\n- **dds-focus** - Emitted when the select gains focus.\n- **dds-opened** - Emitted when the select dropdown is opened.\n- **dds-closed** - Emitted when the select dropdown is closed.\n\n### **Methods:**\n - **getActiveDescendant()** - Get the active descendant element for aria-activedescendant\nReturns the currently focused option when dropdown is open, otherwise null\n\n### **Slots:**\n - _default_ - The option list of the select.\n- **indicator-icon** - The indicator icon of the select.\n\n### **CSS Properties:**\n - **--dds-select-min-height** - Minimum height of the select component (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-select-padding** - Padding of the select component (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-select-column-gap** - Column gap of the select component (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-select-border-color** - Border color of the select component (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-select-border-radius** - Border radius of the select component (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-select-bg-color** - Background color of the select component (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-select-text-color** - Text color of the select component (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-select-icon-right** - Right position of the icon (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-select-icon-color** - Color of the icon (default: var(--dds-icon-neutral-subtle)) _(default: undefined)_\n- **--dds-select-text-margin-right** - Right margin of the text (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-select-disabled-border-color** - Border color when disabled (default: var(--dds-background-neutral-stronger)) _(default: undefined)_\n- **--dds-select-disabled-bg-color** - Background color when disabled (default: var(--dds-background-neutral-stronger)) _(default: undefined)_\n- **--dds-select-disabled-text-color** - Text color when disabled (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-select-error-border-color** - Border color in error state (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-select-success-border-color** - Border color in success state (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-select-xs-min-height** - Minimum height for extra small size (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-select-xs-padding** - Padding for extra small size (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-select-xs-font-size** - Font size for extra small size (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-select-lg-min-height** - Minimum height for large size (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-select-lg-padding** - Padding for large size (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-select-lg-font-size** - Font size for large size (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-select-lg-icon-right** - Right position of the icon for large size (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-select-lg-icon-color** - Color of the icon for large size (default: var(--dds-text-icon-neutral-subtle)) _(default: undefined)_\n- **--dds-select-popup-bg-color** - Background color of the popup (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-select-icon-opened-transform** - Transform of the icon when the select is opened (default: rotate(90deg)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main select container.\n- **trigger** - The trigger button of the select.\n- **label** - The label of the select.\n- **description** - The description of the select.\n- **feedback** - The feedback of the select.\n- **tooltip** - The tooltip of the select.\n- **popup-base** - The base of the popup.\n- **option-list** - The option list of the select.\n- **option-item** - The option item of the select.\n- **option-item-base** - The base of the option item.\n- **option-item-label** - The label of the option item.\n- **option-item-prefix** - The prefix of the option item.\n- **option-item-suffix** - The suffix of the option item.\n- **indicator-icon** - The indicator icon of the select.\n- **mobile-tray** - The mobile tray of the select.\n- **mobile-content** - The mobile content of the select.\n- **mobile-body** - The mobile body of the select.\n- **mobile-header** - The mobile header of the select.\n- **mobile-footer** - The mobile footer of the select.",
@@ -4375,7 +4375,7 @@
4375
4375
  ]
4376
4376
  },
4377
4377
  {
4378
- "name": "dap-ds-icon-arrow-left-s-line",
4378
+ "name": "dap-ds-icon-arrow-left-s-fill",
4379
4379
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
4380
4380
  "attributes": [
4381
4381
  {
@@ -4402,12 +4402,12 @@
4402
4402
  "references": [
4403
4403
  {
4404
4404
  "name": "Documentation",
4405
- "url": "https://shoelace.style/components/icon-arrow-left-s-line"
4405
+ "url": "https://shoelace.style/components/icon-arrow-left-s-fill"
4406
4406
  }
4407
4407
  ]
4408
4408
  },
4409
4409
  {
4410
- "name": "dap-ds-icon-arrow-left-s-fill",
4410
+ "name": "dap-ds-icon-arrow-left-s-line",
4411
4411
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
4412
4412
  "attributes": [
4413
4413
  {
@@ -4434,7 +4434,7 @@
4434
4434
  "references": [
4435
4435
  {
4436
4436
  "name": "Documentation",
4437
- "url": "https://shoelace.style/components/icon-arrow-left-s-fill"
4437
+ "url": "https://shoelace.style/components/icon-arrow-left-s-line"
4438
4438
  }
4439
4439
  ]
4440
4440
  },
@@ -4823,7 +4823,7 @@
4823
4823
  ]
4824
4824
  },
4825
4825
  {
4826
- "name": "dap-ds-icon-calendar-line",
4826
+ "name": "dap-ds-icon-edit-line",
4827
4827
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
4828
4828
  "attributes": [
4829
4829
  {
@@ -4850,12 +4850,12 @@
4850
4850
  "references": [
4851
4851
  {
4852
4852
  "name": "Documentation",
4853
- "url": "https://shoelace.style/components/icon-calendar-line"
4853
+ "url": "https://shoelace.style/components/icon-edit-line"
4854
4854
  }
4855
4855
  ]
4856
4856
  },
4857
4857
  {
4858
- "name": "dap-ds-icon-edit-line",
4858
+ "name": "dap-ds-icon-tools-line",
4859
4859
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
4860
4860
  "attributes": [
4861
4861
  {
@@ -4882,12 +4882,12 @@
4882
4882
  "references": [
4883
4883
  {
4884
4884
  "name": "Documentation",
4885
- "url": "https://shoelace.style/components/icon-edit-line"
4885
+ "url": "https://shoelace.style/components/icon-tools-line"
4886
4886
  }
4887
4887
  ]
4888
4888
  },
4889
4889
  {
4890
- "name": "dap-ds-icon-tools-line",
4890
+ "name": "dap-ds-icon-computer-line",
4891
4891
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
4892
4892
  "attributes": [
4893
4893
  {
@@ -4914,12 +4914,12 @@
4914
4914
  "references": [
4915
4915
  {
4916
4916
  "name": "Documentation",
4917
- "url": "https://shoelace.style/components/icon-tools-line"
4917
+ "url": "https://shoelace.style/components/icon-computer-line"
4918
4918
  }
4919
4919
  ]
4920
4920
  },
4921
4921
  {
4922
- "name": "dap-ds-icon-computer-line",
4922
+ "name": "dap-ds-icon-clipboard-line",
4923
4923
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
4924
4924
  "attributes": [
4925
4925
  {
@@ -4946,12 +4946,12 @@
4946
4946
  "references": [
4947
4947
  {
4948
4948
  "name": "Documentation",
4949
- "url": "https://shoelace.style/components/icon-computer-line"
4949
+ "url": "https://shoelace.style/components/icon-clipboard-line"
4950
4950
  }
4951
4951
  ]
4952
4952
  },
4953
4953
  {
4954
- "name": "dap-ds-icon-separator",
4954
+ "name": "dap-ds-icon-file-copy-line",
4955
4955
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
4956
4956
  "attributes": [
4957
4957
  {
@@ -4978,12 +4978,12 @@
4978
4978
  "references": [
4979
4979
  {
4980
4980
  "name": "Documentation",
4981
- "url": "https://shoelace.style/components/icon-separator"
4981
+ "url": "https://shoelace.style/components/icon-file-copy-line"
4982
4982
  }
4983
4983
  ]
4984
4984
  },
4985
4985
  {
4986
- "name": "dap-ds-icon-clipboard-line",
4986
+ "name": "dap-ds-icon-file-image-line",
4987
4987
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
4988
4988
  "attributes": [
4989
4989
  {
@@ -5010,12 +5010,12 @@
5010
5010
  "references": [
5011
5011
  {
5012
5012
  "name": "Documentation",
5013
- "url": "https://shoelace.style/components/icon-clipboard-line"
5013
+ "url": "https://shoelace.style/components/icon-file-image-line"
5014
5014
  }
5015
5015
  ]
5016
5016
  },
5017
5017
  {
5018
- "name": "dap-ds-icon-file-copy-line",
5018
+ "name": "dap-ds-icon-file-text-line",
5019
5019
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5020
5020
  "attributes": [
5021
5021
  {
@@ -5042,12 +5042,12 @@
5042
5042
  "references": [
5043
5043
  {
5044
5044
  "name": "Documentation",
5045
- "url": "https://shoelace.style/components/icon-file-copy-line"
5045
+ "url": "https://shoelace.style/components/icon-file-text-line"
5046
5046
  }
5047
5047
  ]
5048
5048
  },
5049
5049
  {
5050
- "name": "dap-ds-icon-file-image-line",
5050
+ "name": "dap-ds-icon-file-video-line",
5051
5051
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5052
5052
  "attributes": [
5053
5053
  {
@@ -5074,12 +5074,12 @@
5074
5074
  "references": [
5075
5075
  {
5076
5076
  "name": "Documentation",
5077
- "url": "https://shoelace.style/components/icon-file-image-line"
5077
+ "url": "https://shoelace.style/components/icon-file-video-line"
5078
5078
  }
5079
5079
  ]
5080
5080
  },
5081
5081
  {
5082
- "name": "dap-ds-icon-file-music-line",
5082
+ "name": "dap-ds-icon-folder-line",
5083
5083
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5084
5084
  "attributes": [
5085
5085
  {
@@ -5106,12 +5106,12 @@
5106
5106
  "references": [
5107
5107
  {
5108
5108
  "name": "Documentation",
5109
- "url": "https://shoelace.style/components/icon-file-music-line"
5109
+ "url": "https://shoelace.style/components/icon-folder-line"
5110
5110
  }
5111
5111
  ]
5112
5112
  },
5113
5113
  {
5114
- "name": "dap-ds-icon-file-text-line",
5114
+ "name": "dap-ds-icon-folder-open-line",
5115
5115
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5116
5116
  "attributes": [
5117
5117
  {
@@ -5138,12 +5138,12 @@
5138
5138
  "references": [
5139
5139
  {
5140
5140
  "name": "Documentation",
5141
- "url": "https://shoelace.style/components/icon-file-text-line"
5141
+ "url": "https://shoelace.style/components/icon-folder-open-line"
5142
5142
  }
5143
5143
  ]
5144
5144
  },
5145
5145
  {
5146
- "name": "dap-ds-icon-file-video-line",
5146
+ "name": "dap-ds-icon-separator",
5147
5147
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5148
5148
  "attributes": [
5149
5149
  {
@@ -5170,12 +5170,12 @@
5170
5170
  "references": [
5171
5171
  {
5172
5172
  "name": "Documentation",
5173
- "url": "https://shoelace.style/components/icon-file-video-line"
5173
+ "url": "https://shoelace.style/components/icon-separator"
5174
5174
  }
5175
5175
  ]
5176
5176
  },
5177
5177
  {
5178
- "name": "dap-ds-icon-folder-line",
5178
+ "name": "dap-ds-icon-heart-fill",
5179
5179
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5180
5180
  "attributes": [
5181
5181
  {
@@ -5202,12 +5202,12 @@
5202
5202
  "references": [
5203
5203
  {
5204
5204
  "name": "Documentation",
5205
- "url": "https://shoelace.style/components/icon-folder-line"
5205
+ "url": "https://shoelace.style/components/icon-heart-fill"
5206
5206
  }
5207
5207
  ]
5208
5208
  },
5209
5209
  {
5210
- "name": "dap-ds-icon-folder-open-line",
5210
+ "name": "dap-ds-icon-heart-line",
5211
5211
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5212
5212
  "attributes": [
5213
5213
  {
@@ -5234,12 +5234,12 @@
5234
5234
  "references": [
5235
5235
  {
5236
5236
  "name": "Documentation",
5237
- "url": "https://shoelace.style/components/icon-folder-open-line"
5237
+ "url": "https://shoelace.style/components/icon-heart-line"
5238
5238
  }
5239
5239
  ]
5240
5240
  },
5241
5241
  {
5242
- "name": "dap-ds-icon-heart-fill",
5242
+ "name": "dap-ds-icon-cookie-line",
5243
5243
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5244
5244
  "attributes": [
5245
5245
  {
@@ -5266,12 +5266,12 @@
5266
5266
  "references": [
5267
5267
  {
5268
5268
  "name": "Documentation",
5269
- "url": "https://shoelace.style/components/icon-heart-fill"
5269
+ "url": "https://shoelace.style/components/icon-cookie-line"
5270
5270
  }
5271
5271
  ]
5272
5272
  },
5273
5273
  {
5274
- "name": "dap-ds-icon-heart-line",
5274
+ "name": "dap-ds-icon-add-line",
5275
5275
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5276
5276
  "attributes": [
5277
5277
  {
@@ -5298,12 +5298,12 @@
5298
5298
  "references": [
5299
5299
  {
5300
5300
  "name": "Documentation",
5301
- "url": "https://shoelace.style/components/icon-heart-line"
5301
+ "url": "https://shoelace.style/components/icon-add-line"
5302
5302
  }
5303
5303
  ]
5304
5304
  },
5305
5305
  {
5306
- "name": "dap-ds-icon-cookie-line",
5306
+ "name": "dap-ds-icon-alert-fill",
5307
5307
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5308
5308
  "attributes": [
5309
5309
  {
@@ -5330,12 +5330,12 @@
5330
5330
  "references": [
5331
5331
  {
5332
5332
  "name": "Documentation",
5333
- "url": "https://shoelace.style/components/icon-cookie-line"
5333
+ "url": "https://shoelace.style/components/icon-alert-fill"
5334
5334
  }
5335
5335
  ]
5336
5336
  },
5337
5337
  {
5338
- "name": "dap-ds-icon-account-circle-fill",
5338
+ "name": "dap-ds-icon-check-line",
5339
5339
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5340
5340
  "attributes": [
5341
5341
  {
@@ -5362,12 +5362,12 @@
5362
5362
  "references": [
5363
5363
  {
5364
5364
  "name": "Documentation",
5365
- "url": "https://shoelace.style/components/icon-account-circle-fill"
5365
+ "url": "https://shoelace.style/components/icon-check-line"
5366
5366
  }
5367
5367
  ]
5368
5368
  },
5369
5369
  {
5370
- "name": "dap-ds-icon-account-circle-line",
5370
+ "name": "dap-ds-icon-check-line2",
5371
5371
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5372
5372
  "attributes": [
5373
5373
  {
@@ -5394,12 +5394,12 @@
5394
5394
  "references": [
5395
5395
  {
5396
5396
  "name": "Documentation",
5397
- "url": "https://shoelace.style/components/icon-account-circle-line"
5397
+ "url": "https://shoelace.style/components/icon-check-line2"
5398
5398
  }
5399
5399
  ]
5400
5400
  },
5401
5401
  {
5402
- "name": "dap-ds-icon-user-fill",
5402
+ "name": "dap-ds-icon-alert-line",
5403
5403
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5404
5404
  "attributes": [
5405
5405
  {
@@ -5426,12 +5426,12 @@
5426
5426
  "references": [
5427
5427
  {
5428
5428
  "name": "Documentation",
5429
- "url": "https://shoelace.style/components/icon-user-fill"
5429
+ "url": "https://shoelace.style/components/icon-alert-line"
5430
5430
  }
5431
5431
  ]
5432
5432
  },
5433
5433
  {
5434
- "name": "dap-ds-icon-user-line",
5434
+ "name": "dap-ds-icon-checkbox-blank-circle-fill",
5435
5435
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5436
5436
  "attributes": [
5437
5437
  {
@@ -5458,12 +5458,12 @@
5458
5458
  "references": [
5459
5459
  {
5460
5460
  "name": "Documentation",
5461
- "url": "https://shoelace.style/components/icon-user-line"
5461
+ "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill"
5462
5462
  }
5463
5463
  ]
5464
5464
  },
5465
5465
  {
5466
- "name": "dap-ds-icon-add-line",
5466
+ "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
5467
5467
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5468
5468
  "attributes": [
5469
5469
  {
@@ -5490,12 +5490,12 @@
5490
5490
  "references": [
5491
5491
  {
5492
5492
  "name": "Documentation",
5493
- "url": "https://shoelace.style/components/icon-add-line"
5493
+ "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill-check"
5494
5494
  }
5495
5495
  ]
5496
5496
  },
5497
5497
  {
5498
- "name": "dap-ds-icon-alert-line",
5498
+ "name": "dap-ds-icon-checkbox-blank-circle-line",
5499
5499
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5500
5500
  "attributes": [
5501
5501
  {
@@ -5522,12 +5522,12 @@
5522
5522
  "references": [
5523
5523
  {
5524
5524
  "name": "Documentation",
5525
- "url": "https://shoelace.style/components/icon-alert-line"
5525
+ "url": "https://shoelace.style/components/icon-checkbox-blank-circle-line"
5526
5526
  }
5527
5527
  ]
5528
5528
  },
5529
5529
  {
5530
- "name": "dap-ds-icon-alert-fill",
5530
+ "name": "dap-ds-icon-checkbox-circle-fill",
5531
5531
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5532
5532
  "attributes": [
5533
5533
  {
@@ -5554,12 +5554,12 @@
5554
5554
  "references": [
5555
5555
  {
5556
5556
  "name": "Documentation",
5557
- "url": "https://shoelace.style/components/icon-alert-fill"
5557
+ "url": "https://shoelace.style/components/icon-checkbox-circle-fill"
5558
5558
  }
5559
5559
  ]
5560
5560
  },
5561
5561
  {
5562
- "name": "dap-ds-icon-check-line",
5562
+ "name": "dap-ds-icon-checkbox-circle-line",
5563
5563
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5564
5564
  "attributes": [
5565
5565
  {
@@ -5586,12 +5586,12 @@
5586
5586
  "references": [
5587
5587
  {
5588
5588
  "name": "Documentation",
5589
- "url": "https://shoelace.style/components/icon-check-line"
5589
+ "url": "https://shoelace.style/components/icon-checkbox-circle-line"
5590
5590
  }
5591
5591
  ]
5592
5592
  },
5593
5593
  {
5594
- "name": "dap-ds-icon-check-line2",
5594
+ "name": "dap-ds-icon-close-circle-fill",
5595
5595
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5596
5596
  "attributes": [
5597
5597
  {
@@ -5618,12 +5618,12 @@
5618
5618
  "references": [
5619
5619
  {
5620
5620
  "name": "Documentation",
5621
- "url": "https://shoelace.style/components/icon-check-line2"
5621
+ "url": "https://shoelace.style/components/icon-close-circle-fill"
5622
5622
  }
5623
5623
  ]
5624
5624
  },
5625
5625
  {
5626
- "name": "dap-ds-icon-checkbox-blank-circle-fill",
5626
+ "name": "dap-ds-icon-close-circle-line",
5627
5627
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5628
5628
  "attributes": [
5629
5629
  {
@@ -5650,12 +5650,12 @@
5650
5650
  "references": [
5651
5651
  {
5652
5652
  "name": "Documentation",
5653
- "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill"
5653
+ "url": "https://shoelace.style/components/icon-close-circle-line"
5654
5654
  }
5655
5655
  ]
5656
5656
  },
5657
5657
  {
5658
- "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
5658
+ "name": "dap-ds-icon-close-fill",
5659
5659
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5660
5660
  "attributes": [
5661
5661
  {
@@ -5682,12 +5682,12 @@
5682
5682
  "references": [
5683
5683
  {
5684
5684
  "name": "Documentation",
5685
- "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill-check"
5685
+ "url": "https://shoelace.style/components/icon-close-fill"
5686
5686
  }
5687
5687
  ]
5688
5688
  },
5689
5689
  {
5690
- "name": "dap-ds-icon-checkbox-blank-circle-line",
5690
+ "name": "dap-ds-icon-close-line",
5691
5691
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5692
5692
  "attributes": [
5693
5693
  {
@@ -5714,12 +5714,12 @@
5714
5714
  "references": [
5715
5715
  {
5716
5716
  "name": "Documentation",
5717
- "url": "https://shoelace.style/components/icon-checkbox-blank-circle-line"
5717
+ "url": "https://shoelace.style/components/icon-close-line"
5718
5718
  }
5719
5719
  ]
5720
5720
  },
5721
5721
  {
5722
- "name": "dap-ds-icon-checkbox-circle-fill",
5722
+ "name": "dap-ds-icon-delete-bin-fill",
5723
5723
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5724
5724
  "attributes": [
5725
5725
  {
@@ -5746,12 +5746,12 @@
5746
5746
  "references": [
5747
5747
  {
5748
5748
  "name": "Documentation",
5749
- "url": "https://shoelace.style/components/icon-checkbox-circle-fill"
5749
+ "url": "https://shoelace.style/components/icon-delete-bin-fill"
5750
5750
  }
5751
5751
  ]
5752
5752
  },
5753
5753
  {
5754
- "name": "dap-ds-icon-checkbox-circle-line",
5754
+ "name": "dap-ds-icon-delete-bin-line",
5755
5755
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5756
5756
  "attributes": [
5757
5757
  {
@@ -5778,12 +5778,12 @@
5778
5778
  "references": [
5779
5779
  {
5780
5780
  "name": "Documentation",
5781
- "url": "https://shoelace.style/components/icon-checkbox-circle-line"
5781
+ "url": "https://shoelace.style/components/icon-delete-bin-line"
5782
5782
  }
5783
5783
  ]
5784
5784
  },
5785
5785
  {
5786
- "name": "dap-ds-icon-close-circle-fill",
5786
+ "name": "dap-ds-icon-download-line",
5787
5787
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5788
5788
  "attributes": [
5789
5789
  {
@@ -5810,12 +5810,12 @@
5810
5810
  "references": [
5811
5811
  {
5812
5812
  "name": "Documentation",
5813
- "url": "https://shoelace.style/components/icon-close-circle-fill"
5813
+ "url": "https://shoelace.style/components/icon-download-line"
5814
5814
  }
5815
5815
  ]
5816
5816
  },
5817
5817
  {
5818
- "name": "dap-ds-icon-close-circle-line",
5818
+ "name": "dap-ds-icon-error-warning-fill",
5819
5819
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5820
5820
  "attributes": [
5821
5821
  {
@@ -5842,12 +5842,12 @@
5842
5842
  "references": [
5843
5843
  {
5844
5844
  "name": "Documentation",
5845
- "url": "https://shoelace.style/components/icon-close-circle-line"
5845
+ "url": "https://shoelace.style/components/icon-error-warning-fill"
5846
5846
  }
5847
5847
  ]
5848
5848
  },
5849
5849
  {
5850
- "name": "dap-ds-icon-close-fill",
5850
+ "name": "dap-ds-icon-error-warning-line",
5851
5851
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5852
5852
  "attributes": [
5853
5853
  {
@@ -5874,12 +5874,12 @@
5874
5874
  "references": [
5875
5875
  {
5876
5876
  "name": "Documentation",
5877
- "url": "https://shoelace.style/components/icon-close-fill"
5877
+ "url": "https://shoelace.style/components/icon-error-warning-line"
5878
5878
  }
5879
5879
  ]
5880
5880
  },
5881
5881
  {
5882
- "name": "dap-ds-icon-close-line",
5882
+ "name": "dap-ds-icon-eye-line",
5883
5883
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5884
5884
  "attributes": [
5885
5885
  {
@@ -5906,12 +5906,12 @@
5906
5906
  "references": [
5907
5907
  {
5908
5908
  "name": "Documentation",
5909
- "url": "https://shoelace.style/components/icon-close-line"
5909
+ "url": "https://shoelace.style/components/icon-eye-line"
5910
5910
  }
5911
5911
  ]
5912
5912
  },
5913
5913
  {
5914
- "name": "dap-ds-icon-delete-bin-fill",
5914
+ "name": "dap-ds-icon-eye-off-line",
5915
5915
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5916
5916
  "attributes": [
5917
5917
  {
@@ -5938,12 +5938,12 @@
5938
5938
  "references": [
5939
5939
  {
5940
5940
  "name": "Documentation",
5941
- "url": "https://shoelace.style/components/icon-delete-bin-fill"
5941
+ "url": "https://shoelace.style/components/icon-eye-off-line"
5942
5942
  }
5943
5943
  ]
5944
5944
  },
5945
5945
  {
5946
- "name": "dap-ds-icon-delete-bin-line",
5946
+ "name": "dap-ds-icon-forbid-fill",
5947
5947
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5948
5948
  "attributes": [
5949
5949
  {
@@ -5970,12 +5970,12 @@
5970
5970
  "references": [
5971
5971
  {
5972
5972
  "name": "Documentation",
5973
- "url": "https://shoelace.style/components/icon-delete-bin-line"
5973
+ "url": "https://shoelace.style/components/icon-forbid-fill"
5974
5974
  }
5975
5975
  ]
5976
5976
  },
5977
5977
  {
5978
- "name": "dap-ds-icon-download-line",
5978
+ "name": "dap-ds-icon-information-2-fill",
5979
5979
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5980
5980
  "attributes": [
5981
5981
  {
@@ -6002,12 +6002,12 @@
6002
6002
  "references": [
6003
6003
  {
6004
6004
  "name": "Documentation",
6005
- "url": "https://shoelace.style/components/icon-download-line"
6005
+ "url": "https://shoelace.style/components/icon-information-2-fill"
6006
6006
  }
6007
6007
  ]
6008
6008
  },
6009
6009
  {
6010
- "name": "dap-ds-icon-error-warning-fill",
6010
+ "name": "dap-ds-icon-information-fill",
6011
6011
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6012
6012
  "attributes": [
6013
6013
  {
@@ -6034,12 +6034,12 @@
6034
6034
  "references": [
6035
6035
  {
6036
6036
  "name": "Documentation",
6037
- "url": "https://shoelace.style/components/icon-error-warning-fill"
6037
+ "url": "https://shoelace.style/components/icon-information-fill"
6038
6038
  }
6039
6039
  ]
6040
6040
  },
6041
6041
  {
6042
- "name": "dap-ds-icon-error-warning-line",
6042
+ "name": "dap-ds-icon-file-music-line",
6043
6043
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6044
6044
  "attributes": [
6045
6045
  {
@@ -6066,12 +6066,12 @@
6066
6066
  "references": [
6067
6067
  {
6068
6068
  "name": "Documentation",
6069
- "url": "https://shoelace.style/components/icon-error-warning-line"
6069
+ "url": "https://shoelace.style/components/icon-file-music-line"
6070
6070
  }
6071
6071
  ]
6072
6072
  },
6073
6073
  {
6074
- "name": "dap-ds-icon-external-link-line",
6074
+ "name": "dap-ds-icon-information-line",
6075
6075
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6076
6076
  "attributes": [
6077
6077
  {
@@ -6098,12 +6098,12 @@
6098
6098
  "references": [
6099
6099
  {
6100
6100
  "name": "Documentation",
6101
- "url": "https://shoelace.style/components/icon-external-link-line"
6101
+ "url": "https://shoelace.style/components/icon-information-line"
6102
6102
  }
6103
6103
  ]
6104
6104
  },
6105
6105
  {
6106
- "name": "dap-ds-icon-eye-line",
6106
+ "name": "dap-ds-icon-lightbulb-fill",
6107
6107
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6108
6108
  "attributes": [
6109
6109
  {
@@ -6130,12 +6130,12 @@
6130
6130
  "references": [
6131
6131
  {
6132
6132
  "name": "Documentation",
6133
- "url": "https://shoelace.style/components/icon-eye-line"
6133
+ "url": "https://shoelace.style/components/icon-lightbulb-fill"
6134
6134
  }
6135
6135
  ]
6136
6136
  },
6137
6137
  {
6138
- "name": "dap-ds-icon-eye-off-line",
6138
+ "name": "dap-ds-icon-loading-spinner",
6139
6139
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6140
6140
  "attributes": [
6141
6141
  {
@@ -6162,12 +6162,12 @@
6162
6162
  "references": [
6163
6163
  {
6164
6164
  "name": "Documentation",
6165
- "url": "https://shoelace.style/components/icon-eye-off-line"
6165
+ "url": "https://shoelace.style/components/icon-loading-spinner"
6166
6166
  }
6167
6167
  ]
6168
6168
  },
6169
6169
  {
6170
- "name": "dap-ds-icon-forbid-fill",
6170
+ "name": "dap-ds-icon-lock-fill",
6171
6171
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6172
6172
  "attributes": [
6173
6173
  {
@@ -6194,12 +6194,12 @@
6194
6194
  "references": [
6195
6195
  {
6196
6196
  "name": "Documentation",
6197
- "url": "https://shoelace.style/components/icon-forbid-fill"
6197
+ "url": "https://shoelace.style/components/icon-lock-fill"
6198
6198
  }
6199
6199
  ]
6200
6200
  },
6201
6201
  {
6202
- "name": "dap-ds-icon-information-2-fill",
6202
+ "name": "dap-ds-icon-lock-line",
6203
6203
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6204
6204
  "attributes": [
6205
6205
  {
@@ -6226,12 +6226,12 @@
6226
6226
  "references": [
6227
6227
  {
6228
6228
  "name": "Documentation",
6229
- "url": "https://shoelace.style/components/icon-information-2-fill"
6229
+ "url": "https://shoelace.style/components/icon-lock-line"
6230
6230
  }
6231
6231
  ]
6232
6232
  },
6233
6233
  {
6234
- "name": "dap-ds-icon-information-fill",
6234
+ "name": "dap-ds-icon-menu-line",
6235
6235
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6236
6236
  "attributes": [
6237
6237
  {
@@ -6258,12 +6258,12 @@
6258
6258
  "references": [
6259
6259
  {
6260
6260
  "name": "Documentation",
6261
- "url": "https://shoelace.style/components/icon-information-fill"
6261
+ "url": "https://shoelace.style/components/icon-menu-line"
6262
6262
  }
6263
6263
  ]
6264
6264
  },
6265
6265
  {
6266
- "name": "dap-ds-icon-information-line",
6266
+ "name": "dap-ds-icon-menu-line-s",
6267
6267
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6268
6268
  "attributes": [
6269
6269
  {
@@ -6290,12 +6290,12 @@
6290
6290
  "references": [
6291
6291
  {
6292
6292
  "name": "Documentation",
6293
- "url": "https://shoelace.style/components/icon-information-line"
6293
+ "url": "https://shoelace.style/components/icon-menu-line-s"
6294
6294
  }
6295
6295
  ]
6296
6296
  },
6297
6297
  {
6298
- "name": "dap-ds-icon-lightbulb-fill",
6298
+ "name": "dap-ds-icon-more-2-line",
6299
6299
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6300
6300
  "attributes": [
6301
6301
  {
@@ -6322,12 +6322,12 @@
6322
6322
  "references": [
6323
6323
  {
6324
6324
  "name": "Documentation",
6325
- "url": "https://shoelace.style/components/icon-lightbulb-fill"
6325
+ "url": "https://shoelace.style/components/icon-more-2-line"
6326
6326
  }
6327
6327
  ]
6328
6328
  },
6329
6329
  {
6330
- "name": "dap-ds-icon-loading-spinner",
6330
+ "name": "dap-ds-icon-more-line",
6331
6331
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6332
6332
  "attributes": [
6333
6333
  {
@@ -6354,12 +6354,12 @@
6354
6354
  "references": [
6355
6355
  {
6356
6356
  "name": "Documentation",
6357
- "url": "https://shoelace.style/components/icon-loading-spinner"
6357
+ "url": "https://shoelace.style/components/icon-more-line"
6358
6358
  }
6359
6359
  ]
6360
6360
  },
6361
6361
  {
6362
- "name": "dap-ds-icon-lock-fill",
6362
+ "name": "dap-ds-icon-search-line",
6363
6363
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6364
6364
  "attributes": [
6365
6365
  {
@@ -6386,12 +6386,12 @@
6386
6386
  "references": [
6387
6387
  {
6388
6388
  "name": "Documentation",
6389
- "url": "https://shoelace.style/components/icon-lock-fill"
6389
+ "url": "https://shoelace.style/components/icon-search-line"
6390
6390
  }
6391
6391
  ]
6392
6392
  },
6393
6393
  {
6394
- "name": "dap-ds-icon-lock-line",
6394
+ "name": "dap-ds-icon-share-line",
6395
6395
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6396
6396
  "attributes": [
6397
6397
  {
@@ -6418,12 +6418,12 @@
6418
6418
  "references": [
6419
6419
  {
6420
6420
  "name": "Documentation",
6421
- "url": "https://shoelace.style/components/icon-lock-line"
6421
+ "url": "https://shoelace.style/components/icon-share-line"
6422
6422
  }
6423
6423
  ]
6424
6424
  },
6425
6425
  {
6426
- "name": "dap-ds-icon-menu-line",
6426
+ "name": "dap-ds-icon-shield-check-fill",
6427
6427
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6428
6428
  "attributes": [
6429
6429
  {
@@ -6450,12 +6450,12 @@
6450
6450
  "references": [
6451
6451
  {
6452
6452
  "name": "Documentation",
6453
- "url": "https://shoelace.style/components/icon-menu-line"
6453
+ "url": "https://shoelace.style/components/icon-shield-check-fill"
6454
6454
  }
6455
6455
  ]
6456
6456
  },
6457
6457
  {
6458
- "name": "dap-ds-icon-menu-line-s",
6458
+ "name": "dap-ds-icon-shield-check-line",
6459
6459
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6460
6460
  "attributes": [
6461
6461
  {
@@ -6482,12 +6482,12 @@
6482
6482
  "references": [
6483
6483
  {
6484
6484
  "name": "Documentation",
6485
- "url": "https://shoelace.style/components/icon-menu-line-s"
6485
+ "url": "https://shoelace.style/components/icon-shield-check-line"
6486
6486
  }
6487
6487
  ]
6488
6488
  },
6489
6489
  {
6490
- "name": "dap-ds-icon-more-2-line",
6490
+ "name": "dap-ds-icon-star-fill",
6491
6491
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6492
6492
  "attributes": [
6493
6493
  {
@@ -6514,12 +6514,12 @@
6514
6514
  "references": [
6515
6515
  {
6516
6516
  "name": "Documentation",
6517
- "url": "https://shoelace.style/components/icon-more-2-line"
6517
+ "url": "https://shoelace.style/components/icon-star-fill"
6518
6518
  }
6519
6519
  ]
6520
6520
  },
6521
6521
  {
6522
- "name": "dap-ds-icon-more-line",
6522
+ "name": "dap-ds-icon-subtract-line",
6523
6523
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6524
6524
  "attributes": [
6525
6525
  {
@@ -6546,12 +6546,12 @@
6546
6546
  "references": [
6547
6547
  {
6548
6548
  "name": "Documentation",
6549
- "url": "https://shoelace.style/components/icon-more-line"
6549
+ "url": "https://shoelace.style/components/icon-subtract-line"
6550
6550
  }
6551
6551
  ]
6552
6552
  },
6553
6553
  {
6554
- "name": "dap-ds-icon-search-line",
6554
+ "name": "dap-ds-icon-subtract-line2",
6555
6555
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6556
6556
  "attributes": [
6557
6557
  {
@@ -6578,12 +6578,12 @@
6578
6578
  "references": [
6579
6579
  {
6580
6580
  "name": "Documentation",
6581
- "url": "https://shoelace.style/components/icon-search-line"
6581
+ "url": "https://shoelace.style/components/icon-subtract-line2"
6582
6582
  }
6583
6583
  ]
6584
6584
  },
6585
6585
  {
6586
- "name": "dap-ds-icon-share-line",
6586
+ "name": "dap-ds-icon-time-fill",
6587
6587
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6588
6588
  "attributes": [
6589
6589
  {
@@ -6610,12 +6610,12 @@
6610
6610
  "references": [
6611
6611
  {
6612
6612
  "name": "Documentation",
6613
- "url": "https://shoelace.style/components/icon-share-line"
6613
+ "url": "https://shoelace.style/components/icon-time-fill"
6614
6614
  }
6615
6615
  ]
6616
6616
  },
6617
6617
  {
6618
- "name": "dap-ds-icon-shield-check-fill",
6618
+ "name": "dap-ds-icon-time-line",
6619
6619
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6620
6620
  "attributes": [
6621
6621
  {
@@ -6642,12 +6642,12 @@
6642
6642
  "references": [
6643
6643
  {
6644
6644
  "name": "Documentation",
6645
- "url": "https://shoelace.style/components/icon-shield-check-fill"
6645
+ "url": "https://shoelace.style/components/icon-time-line"
6646
6646
  }
6647
6647
  ]
6648
6648
  },
6649
6649
  {
6650
- "name": "dap-ds-icon-shield-check-line",
6650
+ "name": "dap-ds-icon-upload-2-fill",
6651
6651
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6652
6652
  "attributes": [
6653
6653
  {
@@ -6674,12 +6674,12 @@
6674
6674
  "references": [
6675
6675
  {
6676
6676
  "name": "Documentation",
6677
- "url": "https://shoelace.style/components/icon-shield-check-line"
6677
+ "url": "https://shoelace.style/components/icon-upload-2-fill"
6678
6678
  }
6679
6679
  ]
6680
6680
  },
6681
6681
  {
6682
- "name": "dap-ds-icon-star-fill",
6682
+ "name": "dap-ds-icon-upload-2-line",
6683
6683
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6684
6684
  "attributes": [
6685
6685
  {
@@ -6706,12 +6706,12 @@
6706
6706
  "references": [
6707
6707
  {
6708
6708
  "name": "Documentation",
6709
- "url": "https://shoelace.style/components/icon-star-fill"
6709
+ "url": "https://shoelace.style/components/icon-upload-2-line"
6710
6710
  }
6711
6711
  ]
6712
6712
  },
6713
6713
  {
6714
- "name": "dap-ds-icon-subtract-line",
6714
+ "name": "dap-ds-icon-upload-line",
6715
6715
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6716
6716
  "attributes": [
6717
6717
  {
@@ -6738,12 +6738,12 @@
6738
6738
  "references": [
6739
6739
  {
6740
6740
  "name": "Documentation",
6741
- "url": "https://shoelace.style/components/icon-subtract-line"
6741
+ "url": "https://shoelace.style/components/icon-upload-line"
6742
6742
  }
6743
6743
  ]
6744
6744
  },
6745
6745
  {
6746
- "name": "dap-ds-icon-subtract-line2",
6746
+ "name": "dap-ds-icon-zoom-in-line",
6747
6747
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6748
6748
  "attributes": [
6749
6749
  {
@@ -6770,12 +6770,12 @@
6770
6770
  "references": [
6771
6771
  {
6772
6772
  "name": "Documentation",
6773
- "url": "https://shoelace.style/components/icon-subtract-line2"
6773
+ "url": "https://shoelace.style/components/icon-zoom-in-line"
6774
6774
  }
6775
6775
  ]
6776
6776
  },
6777
6777
  {
6778
- "name": "dap-ds-icon-time-fill",
6778
+ "name": "dap-ds-icon-zoom-out-line",
6779
6779
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6780
6780
  "attributes": [
6781
6781
  {
@@ -6802,12 +6802,12 @@
6802
6802
  "references": [
6803
6803
  {
6804
6804
  "name": "Documentation",
6805
- "url": "https://shoelace.style/components/icon-time-fill"
6805
+ "url": "https://shoelace.style/components/icon-zoom-out-line"
6806
6806
  }
6807
6807
  ]
6808
6808
  },
6809
6809
  {
6810
- "name": "dap-ds-icon-time-line",
6810
+ "name": "dap-ds-icon-external-link-line",
6811
6811
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6812
6812
  "attributes": [
6813
6813
  {
@@ -6834,12 +6834,12 @@
6834
6834
  "references": [
6835
6835
  {
6836
6836
  "name": "Documentation",
6837
- "url": "https://shoelace.style/components/icon-time-line"
6837
+ "url": "https://shoelace.style/components/icon-external-link-line"
6838
6838
  }
6839
6839
  ]
6840
6840
  },
6841
6841
  {
6842
- "name": "dap-ds-icon-upload-2-fill",
6842
+ "name": "dap-ds-icon-account-circle-fill",
6843
6843
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6844
6844
  "attributes": [
6845
6845
  {
@@ -6866,12 +6866,12 @@
6866
6866
  "references": [
6867
6867
  {
6868
6868
  "name": "Documentation",
6869
- "url": "https://shoelace.style/components/icon-upload-2-fill"
6869
+ "url": "https://shoelace.style/components/icon-account-circle-fill"
6870
6870
  }
6871
6871
  ]
6872
6872
  },
6873
6873
  {
6874
- "name": "dap-ds-icon-upload-2-line",
6874
+ "name": "dap-ds-icon-account-circle-line",
6875
6875
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6876
6876
  "attributes": [
6877
6877
  {
@@ -6898,12 +6898,12 @@
6898
6898
  "references": [
6899
6899
  {
6900
6900
  "name": "Documentation",
6901
- "url": "https://shoelace.style/components/icon-upload-2-line"
6901
+ "url": "https://shoelace.style/components/icon-account-circle-line"
6902
6902
  }
6903
6903
  ]
6904
6904
  },
6905
6905
  {
6906
- "name": "dap-ds-icon-upload-line",
6906
+ "name": "dap-ds-icon-user-fill",
6907
6907
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6908
6908
  "attributes": [
6909
6909
  {
@@ -6930,12 +6930,12 @@
6930
6930
  "references": [
6931
6931
  {
6932
6932
  "name": "Documentation",
6933
- "url": "https://shoelace.style/components/icon-upload-line"
6933
+ "url": "https://shoelace.style/components/icon-user-fill"
6934
6934
  }
6935
6935
  ]
6936
6936
  },
6937
6937
  {
6938
- "name": "dap-ds-icon-zoom-in-line",
6938
+ "name": "dap-ds-icon-user-line",
6939
6939
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6940
6940
  "attributes": [
6941
6941
  {
@@ -6962,12 +6962,12 @@
6962
6962
  "references": [
6963
6963
  {
6964
6964
  "name": "Documentation",
6965
- "url": "https://shoelace.style/components/icon-zoom-in-line"
6965
+ "url": "https://shoelace.style/components/icon-user-line"
6966
6966
  }
6967
6967
  ]
6968
6968
  },
6969
6969
  {
6970
- "name": "dap-ds-icon-zoom-out-line",
6970
+ "name": "dap-ds-icon-calendar-line",
6971
6971
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6972
6972
  "attributes": [
6973
6973
  {
@@ -6994,7 +6994,7 @@
6994
6994
  "references": [
6995
6995
  {
6996
6996
  "name": "Documentation",
6997
- "url": "https://shoelace.style/components/icon-zoom-out-line"
6997
+ "url": "https://shoelace.style/components/icon-calendar-line"
6998
6998
  }
6999
6999
  ]
7000
7000
  }