dap-design-system 0.57.0 → 0.57.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/fonts/InterVariable.woff2 +0 -0
- package/dist/components/sidenav/sidenav.component.d.ts +1 -0
- package/dist/{components-B1eoYWYt.js → components-Cozi3ruX.js} +669 -654
- package/dist/{components-B1eoYWYt.js.map → components-Cozi3ruX.js.map} +1 -1
- package/dist/components.js +1 -1
- package/dist/dds.js +1 -1
- package/dist/manifest/types/vue/index.d.ts +155 -155
- package/dist/manifest/vscode.html-custom-data.json +151 -151
- package/dist/manifest/web-types.json +220 -220
- package/dist/react/index.d.ts +7 -7
- package/dist/react-types.ts +7 -7
- package/dist/react.js +158 -158
- package/dist/react.js.map +1 -1
- package/package.json +2 -1
|
@@ -113,72 +113,6 @@
|
|
|
113
113
|
]
|
|
114
114
|
}
|
|
115
115
|
},
|
|
116
|
-
{
|
|
117
|
-
"name": "dap-ds-accordion-group",
|
|
118
|
-
"description": "An accordion group is a collection of accordion components.\n---\n\n\n### **Slots:**\n - _default_ - The content of the accordion group.\n\n### **CSS Properties:**\n - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion group container.",
|
|
119
|
-
"doc-url": "",
|
|
120
|
-
"attributes": [
|
|
121
|
-
{
|
|
122
|
-
"name": "autoClose",
|
|
123
|
-
"description": "Whether to close other accordions when one is opened.",
|
|
124
|
-
"value": { "type": "string", "default": "'true'" }
|
|
125
|
-
},
|
|
126
|
-
{
|
|
127
|
-
"name": "variant",
|
|
128
|
-
"description": "The variant of the accordion",
|
|
129
|
-
"value": {
|
|
130
|
-
"type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
|
|
131
|
-
"default": "'default'"
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
],
|
|
135
|
-
"slots": [
|
|
136
|
-
{ "name": "", "description": "The content of the accordion group." }
|
|
137
|
-
],
|
|
138
|
-
"events": [],
|
|
139
|
-
"js": {
|
|
140
|
-
"properties": [
|
|
141
|
-
{
|
|
142
|
-
"name": "autoClose",
|
|
143
|
-
"description": "Whether to close other accordions when one is opened.",
|
|
144
|
-
"type": "string"
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
"name": "variant",
|
|
148
|
-
"description": "The variant of the accordion",
|
|
149
|
-
"type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
|
|
150
|
-
}
|
|
151
|
-
],
|
|
152
|
-
"events": []
|
|
153
|
-
}
|
|
154
|
-
},
|
|
155
|
-
{
|
|
156
|
-
"name": "dap-ds-anchor-heading",
|
|
157
|
-
"description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link (default: var(--dds-color-primary)) _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered (default: 0) _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered (default: 1) _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity (default: opacity 0.2s ease-in-out) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.",
|
|
158
|
-
"doc-url": "",
|
|
159
|
-
"attributes": [
|
|
160
|
-
{
|
|
161
|
-
"name": "variant",
|
|
162
|
-
"description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
|
|
163
|
-
"value": { "type": "HeadingVariant" }
|
|
164
|
-
},
|
|
165
|
-
{
|
|
166
|
-
"name": "label",
|
|
167
|
-
"description": "The label of the heading.",
|
|
168
|
-
"value": { "type": "string" }
|
|
169
|
-
}
|
|
170
|
-
],
|
|
171
|
-
"events": [],
|
|
172
|
-
"js": {
|
|
173
|
-
"properties": [
|
|
174
|
-
{ "name": "variant", "type": "HeadingVariant" },
|
|
175
|
-
{ "name": "label", "type": "string" },
|
|
176
|
-
{ "name": "elementId" },
|
|
177
|
-
{ "name": "anchorTitle" }
|
|
178
|
-
],
|
|
179
|
-
"events": []
|
|
180
|
-
}
|
|
181
|
-
},
|
|
182
116
|
{
|
|
183
117
|
"name": "dap-ds-avatar",
|
|
184
118
|
"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.",
|
|
@@ -336,6 +270,132 @@
|
|
|
336
270
|
]
|
|
337
271
|
}
|
|
338
272
|
},
|
|
273
|
+
{
|
|
274
|
+
"name": "dap-ds-anchor-heading",
|
|
275
|
+
"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.",
|
|
276
|
+
"doc-url": "",
|
|
277
|
+
"attributes": [
|
|
278
|
+
{
|
|
279
|
+
"name": "variant",
|
|
280
|
+
"description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
|
|
281
|
+
"value": { "type": "HeadingVariant" }
|
|
282
|
+
},
|
|
283
|
+
{
|
|
284
|
+
"name": "label",
|
|
285
|
+
"description": "The label of the heading.",
|
|
286
|
+
"value": { "type": "string" }
|
|
287
|
+
}
|
|
288
|
+
],
|
|
289
|
+
"events": [],
|
|
290
|
+
"js": {
|
|
291
|
+
"properties": [
|
|
292
|
+
{ "name": "variant", "type": "HeadingVariant" },
|
|
293
|
+
{ "name": "label", "type": "string" },
|
|
294
|
+
{ "name": "elementId" },
|
|
295
|
+
{ "name": "anchorTitle" }
|
|
296
|
+
],
|
|
297
|
+
"events": []
|
|
298
|
+
}
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"name": "dap-ds-accordion-group",
|
|
302
|
+
"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.",
|
|
303
|
+
"doc-url": "",
|
|
304
|
+
"attributes": [
|
|
305
|
+
{
|
|
306
|
+
"name": "autoClose",
|
|
307
|
+
"description": "Whether to close other accordions when one is opened.",
|
|
308
|
+
"value": { "type": "string", "default": "'true'" }
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
"name": "variant",
|
|
312
|
+
"description": "The variant of the accordion",
|
|
313
|
+
"value": {
|
|
314
|
+
"type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
|
|
315
|
+
"default": "'default'"
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
],
|
|
319
|
+
"slots": [
|
|
320
|
+
{ "name": "", "description": "The content of the accordion group." }
|
|
321
|
+
],
|
|
322
|
+
"events": [],
|
|
323
|
+
"js": {
|
|
324
|
+
"properties": [
|
|
325
|
+
{
|
|
326
|
+
"name": "autoClose",
|
|
327
|
+
"description": "Whether to close other accordions when one is opened.",
|
|
328
|
+
"type": "string"
|
|
329
|
+
},
|
|
330
|
+
{
|
|
331
|
+
"name": "variant",
|
|
332
|
+
"description": "The variant of the accordion",
|
|
333
|
+
"type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
|
|
334
|
+
}
|
|
335
|
+
],
|
|
336
|
+
"events": []
|
|
337
|
+
}
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
"name": "dap-ds-badge",
|
|
341
|
+
"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.",
|
|
342
|
+
"doc-url": "",
|
|
343
|
+
"attributes": [
|
|
344
|
+
{
|
|
345
|
+
"name": "type",
|
|
346
|
+
"description": "The type of the badge",
|
|
347
|
+
"value": {
|
|
348
|
+
"type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
|
|
349
|
+
"default": "'neutral'"
|
|
350
|
+
}
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"name": "icon",
|
|
354
|
+
"description": "The icon of the badge, this is a name of a built in icon",
|
|
355
|
+
"value": { "type": "string | undefined" }
|
|
356
|
+
},
|
|
357
|
+
{
|
|
358
|
+
"name": "live",
|
|
359
|
+
"description": "Whether the badge represents dynamic content that should announce changes",
|
|
360
|
+
"value": { "type": "boolean", "default": "false" }
|
|
361
|
+
}
|
|
362
|
+
],
|
|
363
|
+
"slots": [
|
|
364
|
+
{ "name": "", "description": "The content of the badge." },
|
|
365
|
+
{ "name": "icon", "description": "The icon of the badge." }
|
|
366
|
+
],
|
|
367
|
+
"events": [],
|
|
368
|
+
"js": {
|
|
369
|
+
"properties": [
|
|
370
|
+
{
|
|
371
|
+
"name": "type",
|
|
372
|
+
"description": "The type of the badge",
|
|
373
|
+
"type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
|
|
374
|
+
},
|
|
375
|
+
{
|
|
376
|
+
"name": "icon",
|
|
377
|
+
"description": "The icon of the badge, this is a name of a built in icon",
|
|
378
|
+
"type": "string | undefined"
|
|
379
|
+
},
|
|
380
|
+
{
|
|
381
|
+
"name": "live",
|
|
382
|
+
"description": "Whether the badge represents dynamic content that should announce changes",
|
|
383
|
+
"type": "boolean"
|
|
384
|
+
},
|
|
385
|
+
{
|
|
386
|
+
"name": "size",
|
|
387
|
+
"description": "The size of the badge. Default is `sm`.",
|
|
388
|
+
"type": "'sm' | 'lg'"
|
|
389
|
+
},
|
|
390
|
+
{
|
|
391
|
+
"name": "sizeMap",
|
|
392
|
+
"description": "Responsive size map (e.g. \"md:lg\").",
|
|
393
|
+
"type": "string"
|
|
394
|
+
}
|
|
395
|
+
],
|
|
396
|
+
"events": []
|
|
397
|
+
}
|
|
398
|
+
},
|
|
339
399
|
{
|
|
340
400
|
"name": "dap-ds-avatar-group",
|
|
341
401
|
"description": "Avatar group component displays multiple avatars in an organized layout with overflow management.\n---\n\n\n### **Events:**\n - **dds-overflow-click** - Fired when the overflow indicator is clicked.\n\n### **Slots:**\n - _default_ - The avatars to display in the group.\n\n### **CSS Properties:**\n - **--dds-avatar-group-gap** - Gap between avatars in grid layout (default: 0) _(default: undefined)_\n- **--dds-avatar-group-overlap** - Overlap amount for stacked layout (default: -8px) _(default: undefined)_\n- **--dds-avatar-group-border-width** - Border width for avatars (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-avatar-group-border-color** - Border color for avatars (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-avatar-group-overflow-bg** - Background color for overflow indicator (default: var(--dds-neutral-300)) _(default: undefined)_\n- **--dds-avatar-group-overflow-color** - Text color for overflow indicator (default: var(--dds-neutral-700)) _(default: undefined)_\n- **--dds-avatar-group-overflow-border** - Border for overflow indicator (default: var(--dds-avatar-group-border-width) solid var(--dds-avatar-group-border-color)) _(default: undefined)_\n- **--dds-avatar-group-size-lg** - Size for large avatars (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-avatar-group-size-md** - Size for medium avatars (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-avatar-group-size-sm** - Size for small avatars (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-avatar-group-size-xs** - Size for extra small avatars (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-avatar-group-size-xxs** - Size for extra extra small avatars (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the avatar group.\n- **avatars** - The container for the visible avatars.\n- **overflow** - The overflow indicator element.",
|
|
@@ -435,66 +495,6 @@
|
|
|
435
495
|
]
|
|
436
496
|
}
|
|
437
497
|
},
|
|
438
|
-
{
|
|
439
|
-
"name": "dap-ds-badge",
|
|
440
|
-
"description": "A badge is a small status descriptor for UI elements.\n---\n\n\n### **Slots:**\n - _default_ - The content of the badge.\n- **icon** - The icon of the badge.\n\n### **CSS Properties:**\n - **--dds-badge-border-width** - The width of the badge's border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-badge-border-style** - The style of the badge's border (default: solid) _(default: undefined)_\n- **--dds-badge-border-radius** - The border radius of the badge (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-badge-font-weight** - The font weight of the badge text (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-badge-line-height** - The line height of the badge text (default: 1.2) _(default: undefined)_\n- **--dds-badge-transition** - The transition property for the badge (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-badge-padding-sm** - The padding of the small badge (default: var(--dds-spacing-100) var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-badge-padding-lg** - The padding of the large badge (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-badge-font-size-sm** - The font size of the small badge (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-badge-font-size-lg** - The font size of the large badge (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-badge-neutral-border-color** - The border color of the neutral badge (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-badge-neutral-background** - The background color of the neutral badge (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-badge-neutral-color** - The text color of the neutral badge (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-badge-brand-border-color** - The border color of the brand badge (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-badge-brand-background** - The background color of the brand badge (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-badge-brand-color** - The text color of the brand badge (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-badge-info-border-color** - The border color of the info badge (default: var(--dds-border-informative-base)) _(default: undefined)_\n- **--dds-badge-info-background** - The background color of the info badge (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-badge-info-color** - The text color of the info badge (default: var(--dds-text-informative-subtle)) _(default: undefined)_\n- **--dds-badge-positive-border-color** - The border color of the positive badge (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-badge-positive-background** - The background color of the positive badge (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-badge-positive-color** - The text color of the positive badge (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-badge-warning-border-color** - The border color of the warning badge (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-badge-warning-background** - The background color of the warning badge (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-badge-warning-color** - The text color of the warning badge (default: var(--dds-text-warning-subtle)) _(default: undefined)_\n- **--dds-badge-negative-border-color** - The border color of the negative badge (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-badge-negative-background** - The background color of the negative badge (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-badge-negative-color** - The text color of the negative badge (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the badge.\n- **icon** - The icon of the badge.\n- **content** - The content of the badge.\n- **icon-base** - The base of the icon.",
|
|
441
|
-
"doc-url": "",
|
|
442
|
-
"attributes": [
|
|
443
|
-
{
|
|
444
|
-
"name": "type",
|
|
445
|
-
"description": "The type of the badge",
|
|
446
|
-
"value": {
|
|
447
|
-
"type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
|
|
448
|
-
"default": "'neutral'"
|
|
449
|
-
}
|
|
450
|
-
},
|
|
451
|
-
{
|
|
452
|
-
"name": "icon",
|
|
453
|
-
"description": "The icon of the badge, this is a name of a built in icon",
|
|
454
|
-
"value": { "type": "string | undefined" }
|
|
455
|
-
},
|
|
456
|
-
{
|
|
457
|
-
"name": "live",
|
|
458
|
-
"description": "Whether the badge represents dynamic content that should announce changes",
|
|
459
|
-
"value": { "type": "boolean", "default": "false" }
|
|
460
|
-
}
|
|
461
|
-
],
|
|
462
|
-
"slots": [
|
|
463
|
-
{ "name": "", "description": "The content of the badge." },
|
|
464
|
-
{ "name": "icon", "description": "The icon of the badge." }
|
|
465
|
-
],
|
|
466
|
-
"events": [],
|
|
467
|
-
"js": {
|
|
468
|
-
"properties": [
|
|
469
|
-
{
|
|
470
|
-
"name": "type",
|
|
471
|
-
"description": "The type of the badge",
|
|
472
|
-
"type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
|
|
473
|
-
},
|
|
474
|
-
{
|
|
475
|
-
"name": "icon",
|
|
476
|
-
"description": "The icon of the badge, this is a name of a built in icon",
|
|
477
|
-
"type": "string | undefined"
|
|
478
|
-
},
|
|
479
|
-
{
|
|
480
|
-
"name": "live",
|
|
481
|
-
"description": "Whether the badge represents dynamic content that should announce changes",
|
|
482
|
-
"type": "boolean"
|
|
483
|
-
},
|
|
484
|
-
{
|
|
485
|
-
"name": "size",
|
|
486
|
-
"description": "The size of the badge. Default is `sm`.",
|
|
487
|
-
"type": "'sm' | 'lg'"
|
|
488
|
-
},
|
|
489
|
-
{
|
|
490
|
-
"name": "sizeMap",
|
|
491
|
-
"description": "Responsive size map (e.g. \"md:lg\").",
|
|
492
|
-
"type": "string"
|
|
493
|
-
}
|
|
494
|
-
],
|
|
495
|
-
"events": []
|
|
496
|
-
}
|
|
497
|
-
},
|
|
498
498
|
{
|
|
499
499
|
"name": "dap-ds-banner",
|
|
500
500
|
"description": "A banner is a message displayed at the top of the page to provide important information to the user.\n---\n\n\n### **Events:**\n - **dds-close** - Event fired when the banner is closed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **actions** - Actions of banner\n- **icon** - The icon of the banner.\n\n### **CSS Properties:**\n - **--dds-banner-gap** - The gap between banner elements (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-banner-line-height** - The line height of the banner text (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-banner-transition** - The transition property for the banner (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-banner-brand-background** - The background color of the brand banner (default: var(--dds-banner-background-brand)) _(default: undefined)_\n- **--dds-banner-brand-icon-color** - The color of the brand banner icon (default: var(--dds-banner-icon-brand)) _(default: undefined)_\n- **--dds-banner-brand-text-color** - The text color of the brand banner (default: var(--dds-banner-text-brand)) _(default: undefined)_\n- **--dds-banner-brand-action-color** - The color of the brand banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-info-background** - The background color of the info banner (default: var(--dds-banner-background-informative)) _(default: undefined)_\n- **--dds-banner-info-icon-color** - The color of the info banner icon (default: var(--dds-banner-icon-informative)) _(default: undefined)_\n- **--dds-banner-info-text-color** - The text color of the info banner (default: var(--dds-banner-text-informative)) _(default: undefined)_\n- **--dds-banner-info-action-color** - The color of the info banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-positive-background** - The background color of the positive banner (default: var(--dds-banner-background-positive)) _(default: undefined)_\n- **--dds-banner-positive-icon-color** - The color of the positive banner icon (default: var(--dds-banner-icon-positive)) _(default: undefined)_\n- **--dds-banner-positive-text-color** - The text color of the positive banner (default: var(--dds-banner-text-positive)) _(default: undefined)_\n- **--dds-banner-positive-action-color** - The color of the positive banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-warning-background** - The background color of the warning banner (default: var(--dds-banner-background-warning)) _(default: undefined)_\n- **--dds-banner-warning-icon-color** - The color of the warning banner icon (default: var(--dds-banner-icon-warning)) _(default: undefined)_\n- **--dds-banner-warning-text-color** - The text color of the warning banner (default: var(--dds-banner-text-warning)) _(default: undefined)_\n- **--dds-banner-warning-action-color** - The color of the warning banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n- **--dds-banner-negative-background** - The background color of the negative banner (default: var(--dds-banner-background-negative)) _(default: undefined)_\n- **--dds-banner-negative-icon-color** - The color of the negative banner icon (default: var(--dds-banner-icon-negative)) _(default: undefined)_\n- **--dds-banner-negative-text-color** - The text color of the negative banner (default: var(--dds-banner-text-negative)) _(default: undefined)_\n- **--dds-banner-negative-action-color** - The color of the negative banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main banner container.\n- **card-base** - The wrapper card container.\n- **icon** - The icon of the banner.\n- **icon-element** - The icon element of the banner.\n- **icon-base** - The base of the icon.\n- **closebutton** - The close button of the banner.\n- **close-icon-element** - The icon element of the close button.\n- **close-icon-base** - The base of the close button icon.\n- **actions** - The actions of the banner.\n- **title** - The title of the banner.",
|
|
@@ -7873,35 +7873,6 @@
|
|
|
7873
7873
|
]
|
|
7874
7874
|
}
|
|
7875
7875
|
},
|
|
7876
|
-
{
|
|
7877
|
-
"name": "dap-ds-scroll-area",
|
|
7878
|
-
"description": "A component that provides a customizable scrollable area with a custom scrollbar.\n---\n\n\n### **Slots:**\n - _default_ - The content to be scrolled\n\n### **CSS Properties:**\n - **--dds-scroll-area-radius** - The border radius of the scroll area and its elements (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-scroll-area-background** - The background color of the scroll area (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-scroll-area-scrollbar-background** - The background color of the scrollbar (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-scroll-area-thumb-background** - The background color of the scrollbar thumb (default: var(--dds-background-neutral-interactive)) _(default: undefined)_\n- **--dds-scroll-area-thumb-hover-background** - The background color of the scrollbar thumb on hover (default: var(--dds-background-neutral-interactive-hover)) _(default: undefined)_\n- **--dds-scroll-area-thumb-active-background** - The background color of the scrollbar thumb when active (default: var(--dds-background-neutral-interactive-active)) _(default: undefined)_\n- **--dds-scroll-area-transition** - The transition timing for scrollbar interactions (default: var(--dds-transition-fast) var(--dds-easing-ease-out)) _(default: undefined)_\n- **--dds-scroll-area-scrollbar-size** - The width/height of the scrollbar (default: 10px) _(default: undefined)_\n\n### **CSS Parts:**\n - **viewport** - The viewport element that contains the scrollable content\n- **scrollbar** - The scrollbar container\n- **corner** - The corner between vertical and horizontal scrollbars",
|
|
7879
|
-
"doc-url": "",
|
|
7880
|
-
"attributes": [
|
|
7881
|
-
{
|
|
7882
|
-
"name": "orientation",
|
|
7883
|
-
"description": "The orientation of the scrollbar.",
|
|
7884
|
-
"value": {
|
|
7885
|
-
"type": "'vertical' | 'horizontal' | 'both'",
|
|
7886
|
-
"default": "'vertical'"
|
|
7887
|
-
}
|
|
7888
|
-
}
|
|
7889
|
-
],
|
|
7890
|
-
"slots": [
|
|
7891
|
-
{ "name": "", "description": "The content to be scrolled" }
|
|
7892
|
-
],
|
|
7893
|
-
"events": [],
|
|
7894
|
-
"js": {
|
|
7895
|
-
"properties": [
|
|
7896
|
-
{
|
|
7897
|
-
"name": "orientation",
|
|
7898
|
-
"description": "The orientation of the scrollbar.",
|
|
7899
|
-
"type": "'vertical' | 'horizontal' | 'both'"
|
|
7900
|
-
}
|
|
7901
|
-
],
|
|
7902
|
-
"events": []
|
|
7903
|
-
}
|
|
7904
|
-
},
|
|
7905
7876
|
{
|
|
7906
7877
|
"name": "dap-ds-rating",
|
|
7907
7878
|
"description": "Rating is a component that allows users to rate a product or service.\n---\n\n\n### **Events:**\n - **dds-change** - Event fired when the rating value changes.\n\n### **Methods:**\n - **_announceRating()** - Announce the current rating to screen readers\n\n### **CSS Parts:**\n - **base** - The main rating container.\n- **star** - The star element.\n- **stars-container** - The container of the stars.\n- **icon** - The icon of the star.",
|
|
@@ -7955,6 +7926,35 @@
|
|
|
7955
7926
|
]
|
|
7956
7927
|
}
|
|
7957
7928
|
},
|
|
7929
|
+
{
|
|
7930
|
+
"name": "dap-ds-scroll-area",
|
|
7931
|
+
"description": "A component that provides a customizable scrollable area with a custom scrollbar.\n---\n\n\n### **Slots:**\n - _default_ - The content to be scrolled\n\n### **CSS Properties:**\n - **--dds-scroll-area-radius** - The border radius of the scroll area and its elements (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-scroll-area-background** - The background color of the scroll area (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-scroll-area-scrollbar-background** - The background color of the scrollbar (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-scroll-area-thumb-background** - The background color of the scrollbar thumb (default: var(--dds-background-neutral-interactive)) _(default: undefined)_\n- **--dds-scroll-area-thumb-hover-background** - The background color of the scrollbar thumb on hover (default: var(--dds-background-neutral-interactive-hover)) _(default: undefined)_\n- **--dds-scroll-area-thumb-active-background** - The background color of the scrollbar thumb when active (default: var(--dds-background-neutral-interactive-active)) _(default: undefined)_\n- **--dds-scroll-area-transition** - The transition timing for scrollbar interactions (default: var(--dds-transition-fast) var(--dds-easing-ease-out)) _(default: undefined)_\n- **--dds-scroll-area-scrollbar-size** - The width/height of the scrollbar (default: 10px) _(default: undefined)_\n\n### **CSS Parts:**\n - **viewport** - The viewport element that contains the scrollable content\n- **scrollbar** - The scrollbar container\n- **corner** - The corner between vertical and horizontal scrollbars",
|
|
7932
|
+
"doc-url": "",
|
|
7933
|
+
"attributes": [
|
|
7934
|
+
{
|
|
7935
|
+
"name": "orientation",
|
|
7936
|
+
"description": "The orientation of the scrollbar.",
|
|
7937
|
+
"value": {
|
|
7938
|
+
"type": "'vertical' | 'horizontal' | 'both'",
|
|
7939
|
+
"default": "'vertical'"
|
|
7940
|
+
}
|
|
7941
|
+
}
|
|
7942
|
+
],
|
|
7943
|
+
"slots": [
|
|
7944
|
+
{ "name": "", "description": "The content to be scrolled" }
|
|
7945
|
+
],
|
|
7946
|
+
"events": [],
|
|
7947
|
+
"js": {
|
|
7948
|
+
"properties": [
|
|
7949
|
+
{
|
|
7950
|
+
"name": "orientation",
|
|
7951
|
+
"description": "The orientation of the scrollbar.",
|
|
7952
|
+
"type": "'vertical' | 'horizontal' | 'both'"
|
|
7953
|
+
}
|
|
7954
|
+
],
|
|
7955
|
+
"events": []
|
|
7956
|
+
}
|
|
7957
|
+
},
|
|
7958
7958
|
{
|
|
7959
7959
|
"name": "dap-ds-scroll-progress",
|
|
7960
7960
|
"description": "A progress bar that displays scroll position, supporting both page-level and container-level scroll tracking.\n---\n\n\n### **CSS Properties:**\n - **--dds-scroll-progress-z-index** - Z-index for fixed positioning (default: 1000) _(default: undefined)_\n- **--dds-scroll-progress-transition** - Transition for progress updates (default: width 0.1s ease-out) _(default: undefined)_\n- **--dds-scroll-progress-track-color** - Background color of the progress track (default: var(--dds-neutral-200)) _(default: undefined)_\n- **--dds-scroll-progress-fill-color-neutral** - Fill color for neutral variant _(default: undefined)_\n- **--dds-scroll-progress-fill-color-brand** - Fill color for brand variant _(default: undefined)_\n- **--dds-scroll-progress-fill-color-negative** - Fill color for negative variant _(default: undefined)_\n- **--dds-scroll-progress-fill-color-positive** - Fill color for positive variant _(default: undefined)_\n- **--dds-scroll-progress-fill-color-inverted** - Fill color for inverted variant _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main scroll progress container.\n- **track** - The progress track (background).\n- **fill** - The progress fill bar.",
|
|
@@ -9519,6 +9519,34 @@
|
|
|
9519
9519
|
"events": []
|
|
9520
9520
|
}
|
|
9521
9521
|
},
|
|
9522
|
+
{
|
|
9523
|
+
"name": "dap-ds-timeline-item",
|
|
9524
|
+
"description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the item content.\n\n### **CSS Properties:**\n - **--dds-timeline-position** - Position of the timeline dot (default: 28px) _(default: undefined)_\n- **--dds-timeline-connector-width** - Width of the timeline connector line (default: 1px) _(default: undefined)_\n- **--dds-timeline-connector-left-position** - Left position of the timeline connector (default: 5.5px) _(default: undefined)_\n- **--dds-timeline-dot-size** - Size of the timeline dot (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-timeline-item-margin-bottom** - Bottom margin of timeline items (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-timeline-item-padding-left** - Left padding of timeline items (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main timeline item container.\n- **connector** - The connector element between two timeline items.\n- **content** - The content of the timeline item.",
|
|
9525
|
+
"doc-url": "",
|
|
9526
|
+
"attributes": [],
|
|
9527
|
+
"slots": [
|
|
9528
|
+
{
|
|
9529
|
+
"name": "",
|
|
9530
|
+
"description": "The default slot for the item content."
|
|
9531
|
+
}
|
|
9532
|
+
],
|
|
9533
|
+
"events": [],
|
|
9534
|
+
"js": { "properties": [], "events": [] }
|
|
9535
|
+
},
|
|
9536
|
+
{
|
|
9537
|
+
"name": "dap-ds-timeline",
|
|
9538
|
+
"description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the timeline items.\n\n### **CSS Parts:**\n - **base** - The main timeline container.",
|
|
9539
|
+
"doc-url": "",
|
|
9540
|
+
"attributes": [],
|
|
9541
|
+
"slots": [
|
|
9542
|
+
{
|
|
9543
|
+
"name": "",
|
|
9544
|
+
"description": "The default slot for the timeline items."
|
|
9545
|
+
}
|
|
9546
|
+
],
|
|
9547
|
+
"events": [],
|
|
9548
|
+
"js": { "properties": [], "events": [] }
|
|
9549
|
+
},
|
|
9522
9550
|
{
|
|
9523
9551
|
"name": "dap-ds-textarea",
|
|
9524
9552
|
"description": "A textarea is a multi-line text input field.\n---\n\n\n### **Events:**\n - **dds-count-change** - Fires when the count of the textarea changes.\n- **dds-change** - Fired when the textarea value changes.\n- **dds-input** - Fired when the textarea value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the textarea loses focus.\n- **dds-focus** - Emitted when the textarea gains focus.\n- **dds-select** - Emitted when select text in textarea.\n\n### **Slots:**\n - **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Properties:**\n - **--dds-textarea-min-rows** - Minimum number of rows in the textarea. (default: 2) _(default: undefined)_\n- **--dds-textarea-spacing** - Gap between elements in the textarea container. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-textarea-gap** - Gap between elements in the textarea container. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-textarea-margin-top** - Top margin of the textarea. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-textarea-padding** - Padding of the textarea control. (default: var(--dds-spacing-200) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-textarea-border-width** - Border width of the textarea. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-textarea-border-color** - Border color of the textarea. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-textarea-background** - Background color of the textarea. (default: var(--dds-fields-background-default)) _(default: undefined)_\n- **--dds-textarea-color** - Text color of the textarea. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-textarea-border-radius** - Border radius of the textarea. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-textarea-disabled-bg** - Background color when disabled. (default: var(--dds-fields-background-disabled)) _(default: undefined)_\n- **--dds-textarea-disabled-color** - Text color when disabled. (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-textarea-readonly-bg** - Background color when readonly. (default: var(--dds-fields-background-read-only)) _(default: undefined)_\n- **--dds-textarea-readonly-color** - Text color when readonly. (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-textarea-error-border** - Border color when in error state. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-textarea-success-border** - Border color when in success state. (default: var(--dds-border-positive-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main textarea container.\n- **input** - The native input of the textarea.\n- **counter** - The counter of the textarea.\n- **counter-base** - The base of the counter.\n- **feedback** - The feedback of the textarea.\n- **feedback-base** - The base of the feedback.\n- **feedback-text** - The text of the feedback.\n- **feedback-icon** - The icon of the feedback.",
|
|
@@ -9762,34 +9790,6 @@
|
|
|
9762
9790
|
]
|
|
9763
9791
|
}
|
|
9764
9792
|
},
|
|
9765
|
-
{
|
|
9766
|
-
"name": "dap-ds-timeline-item",
|
|
9767
|
-
"description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the item content.\n\n### **CSS Properties:**\n - **--dds-timeline-position** - Position of the timeline dot (default: 28px) _(default: undefined)_\n- **--dds-timeline-connector-width** - Width of the timeline connector line (default: 1px) _(default: undefined)_\n- **--dds-timeline-connector-left-position** - Left position of the timeline connector (default: 5.5px) _(default: undefined)_\n- **--dds-timeline-dot-size** - Size of the timeline dot (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-timeline-item-margin-bottom** - Bottom margin of timeline items (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-timeline-item-padding-left** - Left padding of timeline items (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main timeline item container.\n- **connector** - The connector element between two timeline items.\n- **content** - The content of the timeline item.",
|
|
9768
|
-
"doc-url": "",
|
|
9769
|
-
"attributes": [],
|
|
9770
|
-
"slots": [
|
|
9771
|
-
{
|
|
9772
|
-
"name": "",
|
|
9773
|
-
"description": "The default slot for the item content."
|
|
9774
|
-
}
|
|
9775
|
-
],
|
|
9776
|
-
"events": [],
|
|
9777
|
-
"js": { "properties": [], "events": [] }
|
|
9778
|
-
},
|
|
9779
|
-
{
|
|
9780
|
-
"name": "dap-ds-timeline",
|
|
9781
|
-
"description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the timeline items.\n\n### **CSS Parts:**\n - **base** - The main timeline container.",
|
|
9782
|
-
"doc-url": "",
|
|
9783
|
-
"attributes": [],
|
|
9784
|
-
"slots": [
|
|
9785
|
-
{
|
|
9786
|
-
"name": "",
|
|
9787
|
-
"description": "The default slot for the timeline items."
|
|
9788
|
-
}
|
|
9789
|
-
],
|
|
9790
|
-
"events": [],
|
|
9791
|
-
"js": { "properties": [], "events": [] }
|
|
9792
|
-
},
|
|
9793
9793
|
{
|
|
9794
9794
|
"name": "dap-ds-time-grid",
|
|
9795
9795
|
"description": "A time grid component that allows users to select hours and minutes in two side-by-side scrollable columns.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when time selection changes.\n- **dds-close** - Fired when the time grid should close.\n\n### **CSS Properties:**\n - **--dds-time-grid-gap** - The gap between time sections (default: var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-time-grid-padding** - The padding around the time grid (default: var(--dds-spacing-0)). _(default: undefined)_\n- **--dds-time-grid-column-gap** - The gap between time buttons in columns (default: var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-time-grid-border-radius** - The border radius of the time grid (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-time-grid-background** - The background color of the time grid (default: var(--dds-background-neutral-subtle)). _(default: undefined)_\n- **--dds-time-grid-transition** - The transition timing for the time grid (default: all 0.2s ease-in-out). _(default: undefined)_\n- **--dds-time-grid-max-width** - The maximum width of the time grid (default: 400px). _(default: undefined)_\n- **--dds-time-grid-column-max-height** - The maximum height of time columns (default: 240px). _(default: undefined)_\n\n### **CSS Parts:**\n - **time-grid** - The main time grid container.\n- **hour-section** - The hour selection section.\n- **minute-section** - The minute selection section.\n- **time-button** - Individual time selection buttons.\n- **time-button-base** - The base part of the time button.\n- **time-button-content** - The content part of the time button.\n- **time-button-high-contrast** - The high contrast part of the time button.\n- **section-header-title** - The title of the section header.\n- **section-header-divider** - The divider between the section header and the time buttons.\n- **time-column** - The time column container.",
|
|
@@ -11399,7 +11399,7 @@
|
|
|
11399
11399
|
}
|
|
11400
11400
|
},
|
|
11401
11401
|
{
|
|
11402
|
-
"name": "dap-ds-icon-arrow-left-s-
|
|
11402
|
+
"name": "dap-ds-icon-arrow-left-s-line",
|
|
11403
11403
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
11404
11404
|
"doc-url": "",
|
|
11405
11405
|
"attributes": [
|
|
@@ -11452,7 +11452,7 @@
|
|
|
11452
11452
|
}
|
|
11453
11453
|
},
|
|
11454
11454
|
{
|
|
11455
|
-
"name": "dap-ds-icon-arrow-left-s-
|
|
11455
|
+
"name": "dap-ds-icon-arrow-left-s-fill",
|
|
11456
11456
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
11457
11457
|
"doc-url": "",
|
|
11458
11458
|
"attributes": [
|
|
@@ -13148,7 +13148,7 @@
|
|
|
13148
13148
|
}
|
|
13149
13149
|
},
|
|
13150
13150
|
{
|
|
13151
|
-
"name": "dap-ds-icon-
|
|
13151
|
+
"name": "dap-ds-icon-user-line",
|
|
13152
13152
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13153
13153
|
"doc-url": "",
|
|
13154
13154
|
"attributes": [
|
|
@@ -13201,7 +13201,7 @@
|
|
|
13201
13201
|
}
|
|
13202
13202
|
},
|
|
13203
13203
|
{
|
|
13204
|
-
"name": "dap-ds-icon-
|
|
13204
|
+
"name": "dap-ds-icon-add-line",
|
|
13205
13205
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13206
13206
|
"doc-url": "",
|
|
13207
13207
|
"attributes": [
|
|
@@ -13254,7 +13254,7 @@
|
|
|
13254
13254
|
}
|
|
13255
13255
|
},
|
|
13256
13256
|
{
|
|
13257
|
-
"name": "dap-ds-icon-alert-
|
|
13257
|
+
"name": "dap-ds-icon-alert-fill",
|
|
13258
13258
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13259
13259
|
"doc-url": "",
|
|
13260
13260
|
"attributes": [
|
|
@@ -13307,7 +13307,7 @@
|
|
|
13307
13307
|
}
|
|
13308
13308
|
},
|
|
13309
13309
|
{
|
|
13310
|
-
"name": "dap-ds-icon-
|
|
13310
|
+
"name": "dap-ds-icon-alert-line",
|
|
13311
13311
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13312
13312
|
"doc-url": "",
|
|
13313
13313
|
"attributes": [
|
|
@@ -13360,7 +13360,7 @@
|
|
|
13360
13360
|
}
|
|
13361
13361
|
},
|
|
13362
13362
|
{
|
|
13363
|
-
"name": "dap-ds-icon-check-
|
|
13363
|
+
"name": "dap-ds-icon-check-line",
|
|
13364
13364
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13365
13365
|
"doc-url": "",
|
|
13366
13366
|
"attributes": [
|
|
@@ -13413,7 +13413,7 @@
|
|
|
13413
13413
|
}
|
|
13414
13414
|
},
|
|
13415
13415
|
{
|
|
13416
|
-
"name": "dap-ds-icon-
|
|
13416
|
+
"name": "dap-ds-icon-check-line2",
|
|
13417
13417
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13418
13418
|
"doc-url": "",
|
|
13419
13419
|
"attributes": [
|
|
@@ -13466,7 +13466,7 @@
|
|
|
13466
13466
|
}
|
|
13467
13467
|
},
|
|
13468
13468
|
{
|
|
13469
|
-
"name": "dap-ds-icon-checkbox-blank-circle-fill
|
|
13469
|
+
"name": "dap-ds-icon-checkbox-blank-circle-fill",
|
|
13470
13470
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13471
13471
|
"doc-url": "",
|
|
13472
13472
|
"attributes": [
|
|
@@ -13519,7 +13519,7 @@
|
|
|
13519
13519
|
}
|
|
13520
13520
|
},
|
|
13521
13521
|
{
|
|
13522
|
-
"name": "dap-ds-icon-checkbox-blank-circle-
|
|
13522
|
+
"name": "dap-ds-icon-checkbox-blank-circle-fill-check",
|
|
13523
13523
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13524
13524
|
"doc-url": "",
|
|
13525
13525
|
"attributes": [
|
|
@@ -13572,7 +13572,7 @@
|
|
|
13572
13572
|
}
|
|
13573
13573
|
},
|
|
13574
13574
|
{
|
|
13575
|
-
"name": "dap-ds-icon-checkbox-circle-
|
|
13575
|
+
"name": "dap-ds-icon-checkbox-blank-circle-line",
|
|
13576
13576
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13577
13577
|
"doc-url": "",
|
|
13578
13578
|
"attributes": [
|
|
@@ -13625,7 +13625,7 @@
|
|
|
13625
13625
|
}
|
|
13626
13626
|
},
|
|
13627
13627
|
{
|
|
13628
|
-
"name": "dap-ds-icon-checkbox-circle-
|
|
13628
|
+
"name": "dap-ds-icon-checkbox-circle-fill",
|
|
13629
13629
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13630
13630
|
"doc-url": "",
|
|
13631
13631
|
"attributes": [
|
|
@@ -13678,7 +13678,7 @@
|
|
|
13678
13678
|
}
|
|
13679
13679
|
},
|
|
13680
13680
|
{
|
|
13681
|
-
"name": "dap-ds-icon-
|
|
13681
|
+
"name": "dap-ds-icon-checkbox-circle-line",
|
|
13682
13682
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13683
13683
|
"doc-url": "",
|
|
13684
13684
|
"attributes": [
|
|
@@ -13731,7 +13731,7 @@
|
|
|
13731
13731
|
}
|
|
13732
13732
|
},
|
|
13733
13733
|
{
|
|
13734
|
-
"name": "dap-ds-icon-close-circle-
|
|
13734
|
+
"name": "dap-ds-icon-close-circle-fill",
|
|
13735
13735
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13736
13736
|
"doc-url": "",
|
|
13737
13737
|
"attributes": [
|
|
@@ -13784,7 +13784,7 @@
|
|
|
13784
13784
|
}
|
|
13785
13785
|
},
|
|
13786
13786
|
{
|
|
13787
|
-
"name": "dap-ds-icon-close-
|
|
13787
|
+
"name": "dap-ds-icon-close-circle-line",
|
|
13788
13788
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13789
13789
|
"doc-url": "",
|
|
13790
13790
|
"attributes": [
|
|
@@ -13837,7 +13837,7 @@
|
|
|
13837
13837
|
}
|
|
13838
13838
|
},
|
|
13839
13839
|
{
|
|
13840
|
-
"name": "dap-ds-icon-close-
|
|
13840
|
+
"name": "dap-ds-icon-close-fill",
|
|
13841
13841
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13842
13842
|
"doc-url": "",
|
|
13843
13843
|
"attributes": [
|
|
@@ -13890,7 +13890,7 @@
|
|
|
13890
13890
|
}
|
|
13891
13891
|
},
|
|
13892
13892
|
{
|
|
13893
|
-
"name": "dap-ds-icon-
|
|
13893
|
+
"name": "dap-ds-icon-close-line",
|
|
13894
13894
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13895
13895
|
"doc-url": "",
|
|
13896
13896
|
"attributes": [
|
|
@@ -13943,7 +13943,7 @@
|
|
|
13943
13943
|
}
|
|
13944
13944
|
},
|
|
13945
13945
|
{
|
|
13946
|
-
"name": "dap-ds-icon-delete-bin-
|
|
13946
|
+
"name": "dap-ds-icon-delete-bin-fill",
|
|
13947
13947
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
13948
13948
|
"doc-url": "",
|
|
13949
13949
|
"attributes": [
|
|
@@ -13996,7 +13996,7 @@
|
|
|
13996
13996
|
}
|
|
13997
13997
|
},
|
|
13998
13998
|
{
|
|
13999
|
-
"name": "dap-ds-icon-
|
|
13999
|
+
"name": "dap-ds-icon-delete-bin-line",
|
|
14000
14000
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14001
14001
|
"doc-url": "",
|
|
14002
14002
|
"attributes": [
|
|
@@ -14049,7 +14049,7 @@
|
|
|
14049
14049
|
}
|
|
14050
14050
|
},
|
|
14051
14051
|
{
|
|
14052
|
-
"name": "dap-ds-icon-
|
|
14052
|
+
"name": "dap-ds-icon-download-line",
|
|
14053
14053
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14054
14054
|
"doc-url": "",
|
|
14055
14055
|
"attributes": [
|
|
@@ -14102,7 +14102,7 @@
|
|
|
14102
14102
|
}
|
|
14103
14103
|
},
|
|
14104
14104
|
{
|
|
14105
|
-
"name": "dap-ds-icon-error-warning-
|
|
14105
|
+
"name": "dap-ds-icon-error-warning-fill",
|
|
14106
14106
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14107
14107
|
"doc-url": "",
|
|
14108
14108
|
"attributes": [
|
|
@@ -14155,7 +14155,7 @@
|
|
|
14155
14155
|
}
|
|
14156
14156
|
},
|
|
14157
14157
|
{
|
|
14158
|
-
"name": "dap-ds-icon-
|
|
14158
|
+
"name": "dap-ds-icon-error-warning-line",
|
|
14159
14159
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14160
14160
|
"doc-url": "",
|
|
14161
14161
|
"attributes": [
|
|
@@ -14208,7 +14208,7 @@
|
|
|
14208
14208
|
}
|
|
14209
14209
|
},
|
|
14210
14210
|
{
|
|
14211
|
-
"name": "dap-ds-icon-
|
|
14211
|
+
"name": "dap-ds-icon-external-link-line",
|
|
14212
14212
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14213
14213
|
"doc-url": "",
|
|
14214
14214
|
"attributes": [
|
|
@@ -14261,7 +14261,7 @@
|
|
|
14261
14261
|
}
|
|
14262
14262
|
},
|
|
14263
14263
|
{
|
|
14264
|
-
"name": "dap-ds-icon-eye-
|
|
14264
|
+
"name": "dap-ds-icon-eye-line",
|
|
14265
14265
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14266
14266
|
"doc-url": "",
|
|
14267
14267
|
"attributes": [
|
|
@@ -14314,7 +14314,7 @@
|
|
|
14314
14314
|
}
|
|
14315
14315
|
},
|
|
14316
14316
|
{
|
|
14317
|
-
"name": "dap-ds-icon-
|
|
14317
|
+
"name": "dap-ds-icon-eye-off-line",
|
|
14318
14318
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14319
14319
|
"doc-url": "",
|
|
14320
14320
|
"attributes": [
|
|
@@ -14367,7 +14367,7 @@
|
|
|
14367
14367
|
}
|
|
14368
14368
|
},
|
|
14369
14369
|
{
|
|
14370
|
-
"name": "dap-ds-icon-
|
|
14370
|
+
"name": "dap-ds-icon-forbid-fill",
|
|
14371
14371
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14372
14372
|
"doc-url": "",
|
|
14373
14373
|
"attributes": [
|
|
@@ -14420,7 +14420,7 @@
|
|
|
14420
14420
|
}
|
|
14421
14421
|
},
|
|
14422
14422
|
{
|
|
14423
|
-
"name": "dap-ds-icon-information-fill",
|
|
14423
|
+
"name": "dap-ds-icon-information-2-fill",
|
|
14424
14424
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14425
14425
|
"doc-url": "",
|
|
14426
14426
|
"attributes": [
|
|
@@ -14473,7 +14473,7 @@
|
|
|
14473
14473
|
}
|
|
14474
14474
|
},
|
|
14475
14475
|
{
|
|
14476
|
-
"name": "dap-ds-icon-information-
|
|
14476
|
+
"name": "dap-ds-icon-information-fill",
|
|
14477
14477
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14478
14478
|
"doc-url": "",
|
|
14479
14479
|
"attributes": [
|
|
@@ -14526,7 +14526,7 @@
|
|
|
14526
14526
|
}
|
|
14527
14527
|
},
|
|
14528
14528
|
{
|
|
14529
|
-
"name": "dap-ds-icon-
|
|
14529
|
+
"name": "dap-ds-icon-information-line",
|
|
14530
14530
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14531
14531
|
"doc-url": "",
|
|
14532
14532
|
"attributes": [
|
|
@@ -14579,7 +14579,7 @@
|
|
|
14579
14579
|
}
|
|
14580
14580
|
},
|
|
14581
14581
|
{
|
|
14582
|
-
"name": "dap-ds-icon-
|
|
14582
|
+
"name": "dap-ds-icon-lightbulb-fill",
|
|
14583
14583
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14584
14584
|
"doc-url": "",
|
|
14585
14585
|
"attributes": [
|
|
@@ -14632,7 +14632,7 @@
|
|
|
14632
14632
|
}
|
|
14633
14633
|
},
|
|
14634
14634
|
{
|
|
14635
|
-
"name": "dap-ds-icon-
|
|
14635
|
+
"name": "dap-ds-icon-loading-spinner",
|
|
14636
14636
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14637
14637
|
"doc-url": "",
|
|
14638
14638
|
"attributes": [
|
|
@@ -14685,7 +14685,7 @@
|
|
|
14685
14685
|
}
|
|
14686
14686
|
},
|
|
14687
14687
|
{
|
|
14688
|
-
"name": "dap-ds-icon-lock-
|
|
14688
|
+
"name": "dap-ds-icon-lock-fill",
|
|
14689
14689
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14690
14690
|
"doc-url": "",
|
|
14691
14691
|
"attributes": [
|
|
@@ -14738,7 +14738,7 @@
|
|
|
14738
14738
|
}
|
|
14739
14739
|
},
|
|
14740
14740
|
{
|
|
14741
|
-
"name": "dap-ds-icon-
|
|
14741
|
+
"name": "dap-ds-icon-lock-line",
|
|
14742
14742
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14743
14743
|
"doc-url": "",
|
|
14744
14744
|
"attributes": [
|
|
@@ -14791,7 +14791,7 @@
|
|
|
14791
14791
|
}
|
|
14792
14792
|
},
|
|
14793
14793
|
{
|
|
14794
|
-
"name": "dap-ds-icon-menu-line
|
|
14794
|
+
"name": "dap-ds-icon-menu-line",
|
|
14795
14795
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14796
14796
|
"doc-url": "",
|
|
14797
14797
|
"attributes": [
|
|
@@ -14844,7 +14844,7 @@
|
|
|
14844
14844
|
}
|
|
14845
14845
|
},
|
|
14846
14846
|
{
|
|
14847
|
-
"name": "dap-ds-icon-
|
|
14847
|
+
"name": "dap-ds-icon-menu-line-s",
|
|
14848
14848
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14849
14849
|
"doc-url": "",
|
|
14850
14850
|
"attributes": [
|
|
@@ -14897,7 +14897,7 @@
|
|
|
14897
14897
|
}
|
|
14898
14898
|
},
|
|
14899
14899
|
{
|
|
14900
|
-
"name": "dap-ds-icon-more-line",
|
|
14900
|
+
"name": "dap-ds-icon-more-2-line",
|
|
14901
14901
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14902
14902
|
"doc-url": "",
|
|
14903
14903
|
"attributes": [
|
|
@@ -14950,7 +14950,7 @@
|
|
|
14950
14950
|
}
|
|
14951
14951
|
},
|
|
14952
14952
|
{
|
|
14953
|
-
"name": "dap-ds-icon-
|
|
14953
|
+
"name": "dap-ds-icon-more-line",
|
|
14954
14954
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
14955
14955
|
"doc-url": "",
|
|
14956
14956
|
"attributes": [
|