dap-design-system 0.61.2 → 0.61.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/link/_styles/link.scss.js +2 -2
- package/dist/components/link/link.component.d.ts +2 -11
- package/dist/components/link/link.component.js.map +1 -1
- package/dist/components/navigation-menu/navigation-menu-item.component.d.ts +12 -0
- package/dist/components/navigation-menu/navigation-menu-item.component.js +305 -286
- package/dist/components/navigation-menu/navigation-menu-item.component.js.map +1 -1
- package/dist/components/navigation-menu/navigation-menu.component.js +2 -4
- package/dist/components/navigation-menu/navigation-menu.component.js.map +1 -1
- package/dist/components/sidenav/sidenav-item.component.d.ts +9 -1
- package/dist/components/sidenav/sidenav-item.component.js +45 -30
- package/dist/components/sidenav/sidenav-item.component.js.map +1 -1
- package/dist/components/sidenav/sidenav-item.scss.js +1 -1
- package/dist/components.native.css +0 -8
- package/dist/components.native.css.map +1 -1
- package/dist/manifest/types/vue/index.d.ts +146 -136
- package/dist/manifest/vscode.html-custom-data.json +167 -151
- package/dist/manifest/web-types.json +260 -222
- package/dist/react/dap-ds-link/index.d.ts +2 -11
- package/dist/react/dap-ds-link/index.js.map +1 -1
- package/dist/react/index.d.ts +3 -3
- package/dist/react-types.ts +3 -3
- package/dist/react.js +52 -52
- package/package.json +1 -1
|
@@ -113,6 +113,72 @@
|
|
|
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
|
+
},
|
|
116
182
|
{
|
|
117
183
|
"name": "dap-ds-avatar",
|
|
118
184
|
"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.",
|
|
@@ -270,72 +336,6 @@
|
|
|
270
336
|
]
|
|
271
337
|
}
|
|
272
338
|
},
|
|
273
|
-
{
|
|
274
|
-
"name": "dap-ds-accordion-group",
|
|
275
|
-
"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.",
|
|
276
|
-
"doc-url": "",
|
|
277
|
-
"attributes": [
|
|
278
|
-
{
|
|
279
|
-
"name": "autoClose",
|
|
280
|
-
"description": "Whether to close other accordions when one is opened.",
|
|
281
|
-
"value": { "type": "string", "default": "'true'" }
|
|
282
|
-
},
|
|
283
|
-
{
|
|
284
|
-
"name": "variant",
|
|
285
|
-
"description": "The variant of the accordion",
|
|
286
|
-
"value": {
|
|
287
|
-
"type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
|
|
288
|
-
"default": "'default'"
|
|
289
|
-
}
|
|
290
|
-
}
|
|
291
|
-
],
|
|
292
|
-
"slots": [
|
|
293
|
-
{ "name": "", "description": "The content of the accordion group." }
|
|
294
|
-
],
|
|
295
|
-
"events": [],
|
|
296
|
-
"js": {
|
|
297
|
-
"properties": [
|
|
298
|
-
{
|
|
299
|
-
"name": "autoClose",
|
|
300
|
-
"description": "Whether to close other accordions when one is opened.",
|
|
301
|
-
"type": "string"
|
|
302
|
-
},
|
|
303
|
-
{
|
|
304
|
-
"name": "variant",
|
|
305
|
-
"description": "The variant of the accordion",
|
|
306
|
-
"type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
|
|
307
|
-
}
|
|
308
|
-
],
|
|
309
|
-
"events": []
|
|
310
|
-
}
|
|
311
|
-
},
|
|
312
|
-
{
|
|
313
|
-
"name": "dap-ds-anchor-heading",
|
|
314
|
-
"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.",
|
|
315
|
-
"doc-url": "",
|
|
316
|
-
"attributes": [
|
|
317
|
-
{
|
|
318
|
-
"name": "variant",
|
|
319
|
-
"description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
|
|
320
|
-
"value": { "type": "HeadingVariant" }
|
|
321
|
-
},
|
|
322
|
-
{
|
|
323
|
-
"name": "label",
|
|
324
|
-
"description": "The label of the heading.",
|
|
325
|
-
"value": { "type": "string" }
|
|
326
|
-
}
|
|
327
|
-
],
|
|
328
|
-
"events": [],
|
|
329
|
-
"js": {
|
|
330
|
-
"properties": [
|
|
331
|
-
{ "name": "variant", "type": "HeadingVariant" },
|
|
332
|
-
{ "name": "label", "type": "string" },
|
|
333
|
-
{ "name": "elementId" },
|
|
334
|
-
{ "name": "anchorTitle" }
|
|
335
|
-
],
|
|
336
|
-
"events": []
|
|
337
|
-
}
|
|
338
|
-
},
|
|
339
339
|
{
|
|
340
340
|
"name": "dap-ds-avatar-group",
|
|
341
341
|
"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.",
|
|
@@ -888,6 +888,140 @@
|
|
|
888
888
|
]
|
|
889
889
|
}
|
|
890
890
|
},
|
|
891
|
+
{
|
|
892
|
+
"name": "dap-ds-callout",
|
|
893
|
+
"description": "`dap-ds-callout` is a custom callout component.\n---\n\n\n### **Events:**\n - **dds-close** - Fired when the close button is clicked.\n\n### **Slots:**\n - _default_ - The content of the callout.\n- **title** - The title of the callout.\n- **icon** - The icon of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.\n\n### **CSS Properties:**\n - **--dds-callout-padding** - Padding of the callout content. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-gap** - Gap between elements in horizontal layout. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-icon-size** - Size of the icon. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-callout-title-color** - Color of the title text. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-callout-description-color** - Color of the description text. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-callout-title-font-size** - Font size of the title. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-description-font-size** - Font size of the description. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-title-font-weight** - Font weight of the title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-description-font-weight** - Font weight of the description. (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-callout-actions-font-weight** - Font weight of the actions. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-actions-gap** - Gap between action items. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-callout-content-gap** - Gap between content elements. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-callout-border-radius** - Border radius of the callout. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-callout-brand-background** - Brand variant background color. (default: var(--dds-background-brand-base)) _(default: undefined)_\n- **--dds-callout-brand-background-subtle** - Brand variant subtle background color. (default: var(--dds-background-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-background-medium** - Brand variant medium background color. (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-callout-brand-background-strong** - Brand variant strong background color. (default: var(--dds-background-brand-strong)) _(default: undefined)_\n- **--dds-callout-brand-icon** - Brand variant icon color. (default: var(--dds-icon-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-border** - Brand variant border color. (default: var(--dds-border-brand-subtle)) _(default: undefined)_\n- **--dds-callout-info-background** - Info variant background color. (default: var(--dds-background-informative-base)) _(default: undefined)_\n- **--dds-callout-info-background-subtle** - Info variant subtle background color. (default: var(--dds-background-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-background-medium** - Info variant medium background color. (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-callout-info-background-strong** - Info variant strong background color. (default: var(--dds-background-informative-strong)) _(default: undefined)_\n- **--dds-callout-info-icon** - Info variant icon color. (default: var(--dds-icon-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-border** - Info variant border color. (default: var(--dds-border-informative-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background** - Positive variant background color. (default: var(--dds-background-positive-base)) _(default: undefined)_\n- **--dds-callout-positive-background-subtle** - Positive variant subtle background color. (default: var(--dds-background-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background-medium** - Positive variant medium background color. (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-callout-positive-background-strong** - Positive variant strong background color. (default: var(--dds-background-positive-strong)) _(default: undefined)_\n- **--dds-callout-positive-icon** - Positive variant icon color. (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-border** - Positive variant border color. (default: var(--dds-border-positive-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background** - Warning variant background color. (default: var(--dds-background-warning-base)) _(default: undefined)_\n- **--dds-callout-warning-background-subtle** - Warning variant subtle background color. (default: var(--dds-background-warning-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background-medium** - Warning variant medium background color. (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-callout-warning-background-strong** - Warning variant strong background color. (default: var(--dds-background-warning-strong)) _(default: undefined)_\n- **--dds-callout-warning-icon** - Warning variant icon color. (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-callout-warning-border** - Warning variant border color. (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background** - Negative variant background color. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-callout-negative-background-subtle** - Negative variant subtle background color. (default: var(--dds-background-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background-medium** - Negative variant medium background color. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-callout-negative-background-strong** - Negative variant strong background color. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-callout-negative-icon** - Negative variant icon color. (default: var(--dds-icon-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-border** - Negative variant border color. (default: var(--dds-border-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main callout container.\n- **content** - The content of the callout.\n- **card-content** - The content of the card.\n- **icon** - The icon of the callout.\n- **title** - The title of the callout.\n- **description** - The description of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.",
|
|
894
|
+
"doc-url": "",
|
|
895
|
+
"attributes": [
|
|
896
|
+
{
|
|
897
|
+
"name": "variant",
|
|
898
|
+
"description": "The variant of the callout",
|
|
899
|
+
"value": {
|
|
900
|
+
"type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'",
|
|
901
|
+
"default": "'brand'"
|
|
902
|
+
}
|
|
903
|
+
},
|
|
904
|
+
{
|
|
905
|
+
"name": "alignment",
|
|
906
|
+
"description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
|
|
907
|
+
"value": {
|
|
908
|
+
"type": "'vertical' | 'horizontal'",
|
|
909
|
+
"default": "'horizontal'"
|
|
910
|
+
}
|
|
911
|
+
},
|
|
912
|
+
{
|
|
913
|
+
"name": "shade",
|
|
914
|
+
"description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
|
|
915
|
+
"value": {
|
|
916
|
+
"type": "'subtle' | 'base' | 'medium' | 'strong'",
|
|
917
|
+
"default": "'base'"
|
|
918
|
+
}
|
|
919
|
+
},
|
|
920
|
+
{
|
|
921
|
+
"name": "noBorder",
|
|
922
|
+
"description": "If the callout has a border",
|
|
923
|
+
"value": { "type": "string", "default": "'true'" }
|
|
924
|
+
},
|
|
925
|
+
{
|
|
926
|
+
"name": "closeable",
|
|
927
|
+
"description": "If the callout has a close button",
|
|
928
|
+
"value": { "type": "boolean", "default": "false" }
|
|
929
|
+
},
|
|
930
|
+
{
|
|
931
|
+
"name": "title",
|
|
932
|
+
"description": "The header of the callout",
|
|
933
|
+
"value": { "type": "string" }
|
|
934
|
+
},
|
|
935
|
+
{
|
|
936
|
+
"name": "closeButtonLabel",
|
|
937
|
+
"description": "The label of the close button",
|
|
938
|
+
"value": { "type": "string" }
|
|
939
|
+
},
|
|
940
|
+
{
|
|
941
|
+
"name": "closeButtonTestId",
|
|
942
|
+
"description": "`data-testid` for the default close button.",
|
|
943
|
+
"value": { "type": "string", "default": "'callout-close-button'" }
|
|
944
|
+
},
|
|
945
|
+
{
|
|
946
|
+
"name": "opened",
|
|
947
|
+
"description": "If the callout is opened",
|
|
948
|
+
"value": { "type": "string", "default": "'true'" }
|
|
949
|
+
}
|
|
950
|
+
],
|
|
951
|
+
"slots": [
|
|
952
|
+
{ "name": "", "description": "The content of the callout." },
|
|
953
|
+
{ "name": "title", "description": "The title of the callout." },
|
|
954
|
+
{ "name": "icon", "description": "The icon of the callout." },
|
|
955
|
+
{ "name": "actions", "description": "The actions of the callout." },
|
|
956
|
+
{
|
|
957
|
+
"name": "close",
|
|
958
|
+
"description": "The close button of the callout."
|
|
959
|
+
}
|
|
960
|
+
],
|
|
961
|
+
"events": [
|
|
962
|
+
{
|
|
963
|
+
"name": "dds-close",
|
|
964
|
+
"type": "{ void }",
|
|
965
|
+
"description": "Fired when the close button is clicked."
|
|
966
|
+
}
|
|
967
|
+
],
|
|
968
|
+
"js": {
|
|
969
|
+
"properties": [
|
|
970
|
+
{
|
|
971
|
+
"name": "variant",
|
|
972
|
+
"description": "The variant of the callout",
|
|
973
|
+
"type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'"
|
|
974
|
+
},
|
|
975
|
+
{
|
|
976
|
+
"name": "alignment",
|
|
977
|
+
"description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
|
|
978
|
+
"type": "'vertical' | 'horizontal'"
|
|
979
|
+
},
|
|
980
|
+
{
|
|
981
|
+
"name": "shade",
|
|
982
|
+
"description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
|
|
983
|
+
"type": "'subtle' | 'base' | 'medium' | 'strong'"
|
|
984
|
+
},
|
|
985
|
+
{
|
|
986
|
+
"name": "noBorder",
|
|
987
|
+
"description": "If the callout has a border",
|
|
988
|
+
"type": "string"
|
|
989
|
+
},
|
|
990
|
+
{
|
|
991
|
+
"name": "closeable",
|
|
992
|
+
"description": "If the callout has a close button",
|
|
993
|
+
"type": "boolean"
|
|
994
|
+
},
|
|
995
|
+
{
|
|
996
|
+
"name": "title",
|
|
997
|
+
"description": "The header of the callout",
|
|
998
|
+
"type": "string"
|
|
999
|
+
},
|
|
1000
|
+
{
|
|
1001
|
+
"name": "closeButtonLabel",
|
|
1002
|
+
"description": "The label of the close button",
|
|
1003
|
+
"type": "string"
|
|
1004
|
+
},
|
|
1005
|
+
{
|
|
1006
|
+
"name": "closeButtonTestId",
|
|
1007
|
+
"description": "`data-testid` for the default close button.",
|
|
1008
|
+
"type": "string"
|
|
1009
|
+
},
|
|
1010
|
+
{
|
|
1011
|
+
"name": "opened",
|
|
1012
|
+
"description": "If the callout is opened",
|
|
1013
|
+
"type": "string"
|
|
1014
|
+
}
|
|
1015
|
+
],
|
|
1016
|
+
"events": [
|
|
1017
|
+
{
|
|
1018
|
+
"name": "dds-close",
|
|
1019
|
+
"type": "{ void }",
|
|
1020
|
+
"description": "Fired when the close button is clicked."
|
|
1021
|
+
}
|
|
1022
|
+
]
|
|
1023
|
+
}
|
|
1024
|
+
},
|
|
891
1025
|
{
|
|
892
1026
|
"name": "dap-ds-calendar-cell",
|
|
893
1027
|
"description": "Calendar cell represents a single cell in the calendar.\n---\n\n\n### **Slots:**\n - _default_ - The content of the calendar cell.\n\n### **CSS Properties:**\n - **--dds-calendar-cell-display** - The display property of the calendar cell host (default: flex) _(default: undefined)_\n- **--dds-calendar-cell-position** - The position property of the calendar cell host (default: relative) _(default: undefined)_\n- **--dds-calendar-cell-border-radius** - The border radius of the calendar cell (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-calendar-cell-min-width** - The minimum width of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-height** - The height of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-min-height** - The minimum height of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-color** - The text color of the calendar cell (default: var(--dds-button-subtle-text-neutral-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-font-size** - The font size of the calendar cell (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-calendar-cell-font-weight** - The font weight of the calendar cell (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-calendar-cell-text-align** - The text alignment of the calendar cell (default: center) _(default: undefined)_\n- **--dds-calendar-cell-cursor** - The cursor style of the calendar cell (default: pointer) _(default: undefined)_\n- **--dds-calendar-cell-background-hover** - The background color of the calendar cell on hover (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-calendar-cell-background-active** - The background color of the calendar cell when active (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background** - The background color of the selected calendar cell (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-selected-color** - The text color of the selected calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background-hover** - The background color of the selected calendar cell on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background-pressed** - The background color of the selected calendar cell when pressed (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-calendar-cell-selected-today-mark-background** - The background color of the today mark in selected calendar cell (default: var(--dds-text-neutral-on-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-disabled-color** - The text color of the disabled calendar cell (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-calendar-cell-disabled-cursor** - The cursor style of the disabled calendar cell (default: not-allowed) _(default: undefined)_\n- **--dds-calendar-cell-out-of-range-color** - The text color of the out-of-range calendar cell (default: var(--dds-text-neutral-placeholder)) _(default: undefined)_\n- **--dds-calendar-cell-today-font-weight** - The font weight of the today calendar cell (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-calendar-cell-header-background** - The background color of the header calendar cell (default: transparent) _(default: undefined)_\n- **--dds-calendar-cell-header-color** - The text color of the header calendar cell (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-calendar-cell-header-text-transform** - The text transform of the header calendar cell (default: capitalize) _(default: undefined)_\n- **--dds-calendar-cell-header-cursor** - The cursor style of the header calendar cell (default: default) _(default: undefined)_\n- **--dds-calendar-cell-in-range-color** - The text color of the in-range calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-in-range-background-hover** - The background color of the in-range calendar cell on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-calendar-cell-in-range-background-pressed** - The background color of the in-range calendar cell when pressed (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-calendar-cell-range-background** - The background color of the range start/end calendar cell (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-range-color** - The text color of the range start/end calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-range-today-mark-background** - The background color of the today mark in range start/end calendar cell (default: var(--dds-text-neutral-on-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-bottom** - The bottom position of the today mark (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-width** - The width of the today mark (default: 5px) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-height** - The height of the today mark (default: 5px) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-stroke** - The stroke color of the today mark (default: var(--dds-border-neutral-transparent)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-background** - The background color of the today mark (default: var(--dds-background-neutral-medium-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-fill** - The fill color of the today mark (default: var(--dds-background-neutral-medium-inverted)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main calendar cell container.\n- **today-mark** - The today mark of the calendar cell.",
|
|
@@ -1133,140 +1267,6 @@
|
|
|
1133
1267
|
]
|
|
1134
1268
|
}
|
|
1135
1269
|
},
|
|
1136
|
-
{
|
|
1137
|
-
"name": "dap-ds-callout",
|
|
1138
|
-
"description": "`dap-ds-callout` is a custom callout component.\n---\n\n\n### **Events:**\n - **dds-close** - Fired when the close button is clicked.\n\n### **Slots:**\n - _default_ - The content of the callout.\n- **title** - The title of the callout.\n- **icon** - The icon of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.\n\n### **CSS Properties:**\n - **--dds-callout-padding** - Padding of the callout content. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-gap** - Gap between elements in horizontal layout. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-icon-size** - Size of the icon. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-callout-title-color** - Color of the title text. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-callout-description-color** - Color of the description text. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-callout-title-font-size** - Font size of the title. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-description-font-size** - Font size of the description. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-title-font-weight** - Font weight of the title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-description-font-weight** - Font weight of the description. (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-callout-actions-font-weight** - Font weight of the actions. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-actions-gap** - Gap between action items. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-callout-content-gap** - Gap between content elements. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-callout-border-radius** - Border radius of the callout. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-callout-brand-background** - Brand variant background color. (default: var(--dds-background-brand-base)) _(default: undefined)_\n- **--dds-callout-brand-background-subtle** - Brand variant subtle background color. (default: var(--dds-background-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-background-medium** - Brand variant medium background color. (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-callout-brand-background-strong** - Brand variant strong background color. (default: var(--dds-background-brand-strong)) _(default: undefined)_\n- **--dds-callout-brand-icon** - Brand variant icon color. (default: var(--dds-icon-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-border** - Brand variant border color. (default: var(--dds-border-brand-subtle)) _(default: undefined)_\n- **--dds-callout-info-background** - Info variant background color. (default: var(--dds-background-informative-base)) _(default: undefined)_\n- **--dds-callout-info-background-subtle** - Info variant subtle background color. (default: var(--dds-background-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-background-medium** - Info variant medium background color. (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-callout-info-background-strong** - Info variant strong background color. (default: var(--dds-background-informative-strong)) _(default: undefined)_\n- **--dds-callout-info-icon** - Info variant icon color. (default: var(--dds-icon-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-border** - Info variant border color. (default: var(--dds-border-informative-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background** - Positive variant background color. (default: var(--dds-background-positive-base)) _(default: undefined)_\n- **--dds-callout-positive-background-subtle** - Positive variant subtle background color. (default: var(--dds-background-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background-medium** - Positive variant medium background color. (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-callout-positive-background-strong** - Positive variant strong background color. (default: var(--dds-background-positive-strong)) _(default: undefined)_\n- **--dds-callout-positive-icon** - Positive variant icon color. (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-border** - Positive variant border color. (default: var(--dds-border-positive-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background** - Warning variant background color. (default: var(--dds-background-warning-base)) _(default: undefined)_\n- **--dds-callout-warning-background-subtle** - Warning variant subtle background color. (default: var(--dds-background-warning-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background-medium** - Warning variant medium background color. (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-callout-warning-background-strong** - Warning variant strong background color. (default: var(--dds-background-warning-strong)) _(default: undefined)_\n- **--dds-callout-warning-icon** - Warning variant icon color. (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-callout-warning-border** - Warning variant border color. (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background** - Negative variant background color. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-callout-negative-background-subtle** - Negative variant subtle background color. (default: var(--dds-background-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background-medium** - Negative variant medium background color. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-callout-negative-background-strong** - Negative variant strong background color. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-callout-negative-icon** - Negative variant icon color. (default: var(--dds-icon-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-border** - Negative variant border color. (default: var(--dds-border-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main callout container.\n- **content** - The content of the callout.\n- **card-content** - The content of the card.\n- **icon** - The icon of the callout.\n- **title** - The title of the callout.\n- **description** - The description of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.",
|
|
1139
|
-
"doc-url": "",
|
|
1140
|
-
"attributes": [
|
|
1141
|
-
{
|
|
1142
|
-
"name": "variant",
|
|
1143
|
-
"description": "The variant of the callout",
|
|
1144
|
-
"value": {
|
|
1145
|
-
"type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'",
|
|
1146
|
-
"default": "'brand'"
|
|
1147
|
-
}
|
|
1148
|
-
},
|
|
1149
|
-
{
|
|
1150
|
-
"name": "alignment",
|
|
1151
|
-
"description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
|
|
1152
|
-
"value": {
|
|
1153
|
-
"type": "'vertical' | 'horizontal'",
|
|
1154
|
-
"default": "'horizontal'"
|
|
1155
|
-
}
|
|
1156
|
-
},
|
|
1157
|
-
{
|
|
1158
|
-
"name": "shade",
|
|
1159
|
-
"description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
|
|
1160
|
-
"value": {
|
|
1161
|
-
"type": "'subtle' | 'base' | 'medium' | 'strong'",
|
|
1162
|
-
"default": "'base'"
|
|
1163
|
-
}
|
|
1164
|
-
},
|
|
1165
|
-
{
|
|
1166
|
-
"name": "noBorder",
|
|
1167
|
-
"description": "If the callout has a border",
|
|
1168
|
-
"value": { "type": "string", "default": "'true'" }
|
|
1169
|
-
},
|
|
1170
|
-
{
|
|
1171
|
-
"name": "closeable",
|
|
1172
|
-
"description": "If the callout has a close button",
|
|
1173
|
-
"value": { "type": "boolean", "default": "false" }
|
|
1174
|
-
},
|
|
1175
|
-
{
|
|
1176
|
-
"name": "title",
|
|
1177
|
-
"description": "The header of the callout",
|
|
1178
|
-
"value": { "type": "string" }
|
|
1179
|
-
},
|
|
1180
|
-
{
|
|
1181
|
-
"name": "closeButtonLabel",
|
|
1182
|
-
"description": "The label of the close button",
|
|
1183
|
-
"value": { "type": "string" }
|
|
1184
|
-
},
|
|
1185
|
-
{
|
|
1186
|
-
"name": "closeButtonTestId",
|
|
1187
|
-
"description": "`data-testid` for the default close button.",
|
|
1188
|
-
"value": { "type": "string", "default": "'callout-close-button'" }
|
|
1189
|
-
},
|
|
1190
|
-
{
|
|
1191
|
-
"name": "opened",
|
|
1192
|
-
"description": "If the callout is opened",
|
|
1193
|
-
"value": { "type": "string", "default": "'true'" }
|
|
1194
|
-
}
|
|
1195
|
-
],
|
|
1196
|
-
"slots": [
|
|
1197
|
-
{ "name": "", "description": "The content of the callout." },
|
|
1198
|
-
{ "name": "title", "description": "The title of the callout." },
|
|
1199
|
-
{ "name": "icon", "description": "The icon of the callout." },
|
|
1200
|
-
{ "name": "actions", "description": "The actions of the callout." },
|
|
1201
|
-
{
|
|
1202
|
-
"name": "close",
|
|
1203
|
-
"description": "The close button of the callout."
|
|
1204
|
-
}
|
|
1205
|
-
],
|
|
1206
|
-
"events": [
|
|
1207
|
-
{
|
|
1208
|
-
"name": "dds-close",
|
|
1209
|
-
"type": "{ void }",
|
|
1210
|
-
"description": "Fired when the close button is clicked."
|
|
1211
|
-
}
|
|
1212
|
-
],
|
|
1213
|
-
"js": {
|
|
1214
|
-
"properties": [
|
|
1215
|
-
{
|
|
1216
|
-
"name": "variant",
|
|
1217
|
-
"description": "The variant of the callout",
|
|
1218
|
-
"type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'"
|
|
1219
|
-
},
|
|
1220
|
-
{
|
|
1221
|
-
"name": "alignment",
|
|
1222
|
-
"description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
|
|
1223
|
-
"type": "'vertical' | 'horizontal'"
|
|
1224
|
-
},
|
|
1225
|
-
{
|
|
1226
|
-
"name": "shade",
|
|
1227
|
-
"description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
|
|
1228
|
-
"type": "'subtle' | 'base' | 'medium' | 'strong'"
|
|
1229
|
-
},
|
|
1230
|
-
{
|
|
1231
|
-
"name": "noBorder",
|
|
1232
|
-
"description": "If the callout has a border",
|
|
1233
|
-
"type": "string"
|
|
1234
|
-
},
|
|
1235
|
-
{
|
|
1236
|
-
"name": "closeable",
|
|
1237
|
-
"description": "If the callout has a close button",
|
|
1238
|
-
"type": "boolean"
|
|
1239
|
-
},
|
|
1240
|
-
{
|
|
1241
|
-
"name": "title",
|
|
1242
|
-
"description": "The header of the callout",
|
|
1243
|
-
"type": "string"
|
|
1244
|
-
},
|
|
1245
|
-
{
|
|
1246
|
-
"name": "closeButtonLabel",
|
|
1247
|
-
"description": "The label of the close button",
|
|
1248
|
-
"type": "string"
|
|
1249
|
-
},
|
|
1250
|
-
{
|
|
1251
|
-
"name": "closeButtonTestId",
|
|
1252
|
-
"description": "`data-testid` for the default close button.",
|
|
1253
|
-
"type": "string"
|
|
1254
|
-
},
|
|
1255
|
-
{
|
|
1256
|
-
"name": "opened",
|
|
1257
|
-
"description": "If the callout is opened",
|
|
1258
|
-
"type": "string"
|
|
1259
|
-
}
|
|
1260
|
-
],
|
|
1261
|
-
"events": [
|
|
1262
|
-
{
|
|
1263
|
-
"name": "dds-close",
|
|
1264
|
-
"type": "{ void }",
|
|
1265
|
-
"description": "Fired when the close button is clicked."
|
|
1266
|
-
}
|
|
1267
|
-
]
|
|
1268
|
-
}
|
|
1269
|
-
},
|
|
1270
1270
|
{
|
|
1271
1271
|
"name": "dap-ds-card-actions",
|
|
1272
1272
|
"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.",
|
|
@@ -5599,7 +5599,7 @@
|
|
|
5599
5599
|
},
|
|
5600
5600
|
{
|
|
5601
5601
|
"name": "dap-ds-link",
|
|
5602
|
-
"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-
|
|
5602
|
+
"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-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-pressed)). _(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-pressed)). _(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.",
|
|
5603
5603
|
"doc-url": "",
|
|
5604
5604
|
"attributes": [
|
|
5605
5605
|
{
|
|
@@ -6162,7 +6162,7 @@
|
|
|
6162
6162
|
},
|
|
6163
6163
|
{
|
|
6164
6164
|
"name": "dap-ds-navigation-menu-item",
|
|
6165
|
-
"description": "A navigation menu item that can contain either a simple link or dropdown content.\nSupports nested items with cascading flyout behavior. Part of the navigation menu system.\nThis is for NAVIGATION (website menus), not application menus.\n---\n\n\n### **Events:**\n - **dds-navigation-item-click** - Fired when a navigation item is clicked.\n- **dds-navigation-dropdown-open** - Fired when a navigation dropdown is opened.\n\n### **Methods:**\n - **updatePosition()** - Update popup position using Floating UI.\n- **setRovingTabIndex(active: _boolean_)** - Sets this item as the active (or inactive) roving tabindex target.\nOnly the active item's trigger is in the sequential tab order (tabindex=\"0\").\nAll others are removed (tabindex=\"-1\") so Tab exits the whole nav in one step.\n- **focusFirstDropdownChild()** - Focus the first focusable element in the dropdown (supports both nested nav items and mega menu content).\n- **focusLastDropdownChild()** - Focus the last focusable element in the dropdown (supports both nested nav items and mega menu content).\n- **_handleTriggerSlotChangeCallback()** - Update trigger element attributes and properties.\n\n### **Slots:**\n - **trigger** - The trigger element (link, button, etc.) for this navigation item.\n- **title** - The title of the navigation item.\n- **indicator** - The expand indicator icon (defaults to arrow icon based on orientation and level).\n- **link** - A router link element (e.g. Next.js Link) used for SPA navigation. Rendered outside the popup so it is always accessible to programmatic clicks.\n- _default_ - The dropdown content (can contain nested dap-ds-navigation-menu-item elements).\n\n### **CSS Properties:**\n - **--dds-navigation-menu-item-spacing** - The padding/spacing of the navigation menu item content. (default: var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-navigation-menu-item-border-width** - The border width of the navigation menu item content. (default: var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-navigation-menu-item-border-color** - The border color of the navigation menu item content. (default: var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-navigation-menu-item-border-radius** - The border radius of the navigation menu item content. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-navigation-menu-item-background** - The background color of the navigation menu item content. (default: var(--dds-background-neutral-base)). _(default: undefined)_\n- **--dds-navigation-menu-item-shadow** - The box shadow of the navigation menu item content. (default: var(--dds-shadow-base)). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The base part of the navigation item.\n- **trigger** - The trigger element part.\n- **trigger-base** - The base part of the trigger button (from dap-ds-button).\n- **trigger-content** - The content part of the trigger button (from dap-ds-button).\n- **trigger-high-contrast** - The high contrast part of the trigger button (from dap-ds-button).\n- **trigger-stack-base** - The base part of the trigger stack (from dap-ds-stack).\n- **title** - The title slot wrapper.\n- **indicator** - The expand indicator container.\n- **indicator-icon** - The expand indicator icon part.\n- **indicator-icon-base** - The base part of the indicator icon (from dap-ds-icon).\n- **indicator-icon-icon** - The icon part of the indicator icon (from dap-ds-icon).\n- **popup** - The dropdown popup container.\n- **content** - The dropdown content wrapper (default slot).\n- **arrow** - The dropdown arrow part.",
|
|
6165
|
+
"description": "A navigation menu item that can contain either a simple link or dropdown content.\nSupports nested items with cascading flyout behavior. Part of the navigation menu system.\nThis is for NAVIGATION (website menus), not application menus.\n---\n\n\n### **Events:**\n - **dds-navigation-item-click** - Fired when a navigation item is clicked.\n- **dds-navigation-dropdown-open** - Fired when a navigation dropdown is opened.\n\n### **Methods:**\n - **activateTrigger()** - Activate the trigger the way a mouse click would. Custom element triggers\n-- including the default `dap-ds-button` -- keep the real interactive\nelement inside their shadow root, so clicking the host alone does nothing.\n- **updatePosition()** - Update popup position using Floating UI.\n- **setRovingTabIndex(active: _boolean_)** - Sets this item as the active (or inactive) roving tabindex target.\nOnly the active item's trigger is in the sequential tab order (tabindex=\"0\").\nAll others are removed (tabindex=\"-1\") so Tab exits the whole nav in one step.\n- **focusFirstDropdownChild()** - Focus the first focusable element in the dropdown (supports both nested nav items and mega menu content).\n- **focusLastDropdownChild()** - Focus the last focusable element in the dropdown (supports both nested nav items and mega menu content).\n- **_handleTriggerSlotChangeCallback()** - Update trigger element attributes and properties.\n\n### **Slots:**\n - **trigger** - The trigger element (link, button, etc.) for this navigation item.\n- **title** - The title of the navigation item.\n- **indicator** - The expand indicator icon (defaults to arrow icon based on orientation and level).\n- **link** - A router link element (e.g. Next.js Link) used for SPA navigation. Rendered outside the popup so it is always accessible to programmatic clicks.\n- _default_ - The dropdown content (can contain nested dap-ds-navigation-menu-item elements).\n\n### **CSS Properties:**\n - **--dds-navigation-menu-item-spacing** - The padding/spacing of the navigation menu item content. (default: var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-navigation-menu-item-border-width** - The border width of the navigation menu item content. (default: var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-navigation-menu-item-border-color** - The border color of the navigation menu item content. (default: var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-navigation-menu-item-border-radius** - The border radius of the navigation menu item content. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-navigation-menu-item-background** - The background color of the navigation menu item content. (default: var(--dds-background-neutral-base)). _(default: undefined)_\n- **--dds-navigation-menu-item-shadow** - The box shadow of the navigation menu item content. (default: var(--dds-shadow-base)). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The base part of the navigation item.\n- **trigger** - The trigger element part.\n- **trigger-base** - The base part of the trigger button (from dap-ds-button).\n- **trigger-content** - The content part of the trigger button (from dap-ds-button).\n- **trigger-high-contrast** - The high contrast part of the trigger button (from dap-ds-button).\n- **trigger-stack-base** - The base part of the trigger stack (from dap-ds-stack).\n- **title** - The title slot wrapper.\n- **indicator** - The expand indicator container.\n- **indicator-icon** - The expand indicator icon part.\n- **indicator-icon-base** - The base part of the indicator icon (from dap-ds-icon).\n- **indicator-icon-icon** - The icon part of the indicator icon (from dap-ds-icon).\n- **popup** - The dropdown popup container.\n- **content** - The dropdown content wrapper (default slot).\n- **arrow** - The dropdown arrow part.",
|
|
6166
6166
|
"doc-url": "",
|
|
6167
6167
|
"attributes": [
|
|
6168
6168
|
{
|
|
@@ -6458,6 +6458,11 @@
|
|
|
6458
6458
|
"description": "Computed property to detect if this item contains nested navigation menu items.",
|
|
6459
6459
|
"type": "boolean"
|
|
6460
6460
|
},
|
|
6461
|
+
{
|
|
6462
|
+
"name": "activationTrigger",
|
|
6463
|
+
"description": "The element keyboard activation should act on: the element slotted into\n`trigger` when one is provided, otherwise the default trigger button\nrendered in the shadow root.",
|
|
6464
|
+
"type": "HTMLElement | null"
|
|
6465
|
+
},
|
|
6461
6466
|
{
|
|
6462
6467
|
"name": "size",
|
|
6463
6468
|
"description": "The size of the popup. Default is 'sm'.",
|
|
@@ -8971,6 +8976,24 @@
|
|
|
8971
8976
|
"name": "size",
|
|
8972
8977
|
"description": "The size of the side navigation item",
|
|
8973
8978
|
"value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
|
|
8979
|
+
},
|
|
8980
|
+
{
|
|
8981
|
+
"name": "target",
|
|
8982
|
+
"description": "The target of the link.",
|
|
8983
|
+
"value": {
|
|
8984
|
+
"type": "'_blank' | '_self' | '_parent' | '_top'",
|
|
8985
|
+
"default": "'_self'"
|
|
8986
|
+
}
|
|
8987
|
+
},
|
|
8988
|
+
{
|
|
8989
|
+
"name": "rel",
|
|
8990
|
+
"description": "The rel of the link",
|
|
8991
|
+
"value": { "type": "string", "default": "'noreferrer noopener'" }
|
|
8992
|
+
},
|
|
8993
|
+
{
|
|
8994
|
+
"name": "targetBlankText",
|
|
8995
|
+
"description": "The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text",
|
|
8996
|
+
"value": { "type": "string" }
|
|
8974
8997
|
}
|
|
8975
8998
|
],
|
|
8976
8999
|
"slots": [
|
|
@@ -9010,6 +9033,21 @@
|
|
|
9010
9033
|
"name": "size",
|
|
9011
9034
|
"description": "The size of the side navigation item",
|
|
9012
9035
|
"type": "'xs' | 'sm' | 'lg'"
|
|
9036
|
+
},
|
|
9037
|
+
{
|
|
9038
|
+
"name": "target",
|
|
9039
|
+
"description": "The target of the link.",
|
|
9040
|
+
"type": "'_blank' | '_self' | '_parent' | '_top'"
|
|
9041
|
+
},
|
|
9042
|
+
{
|
|
9043
|
+
"name": "rel",
|
|
9044
|
+
"description": "The rel of the link",
|
|
9045
|
+
"type": "string"
|
|
9046
|
+
},
|
|
9047
|
+
{
|
|
9048
|
+
"name": "targetBlankText",
|
|
9049
|
+
"description": "The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text",
|
|
9050
|
+
"type": "string"
|
|
9013
9051
|
}
|
|
9014
9052
|
],
|
|
9015
9053
|
"events": []
|
|
@@ -11642,7 +11680,7 @@
|
|
|
11642
11680
|
}
|
|
11643
11681
|
},
|
|
11644
11682
|
{
|
|
11645
|
-
"name": "dap-ds-icon-
|
|
11683
|
+
"name": "dap-ds-icon-arrow-down-line",
|
|
11646
11684
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
11647
11685
|
"doc-url": "",
|
|
11648
11686
|
"attributes": [
|
|
@@ -11695,7 +11733,7 @@
|
|
|
11695
11733
|
}
|
|
11696
11734
|
},
|
|
11697
11735
|
{
|
|
11698
|
-
"name": "dap-ds-icon-arrow-down-
|
|
11736
|
+
"name": "dap-ds-icon-arrow-down-s-fill",
|
|
11699
11737
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
11700
11738
|
"doc-url": "",
|
|
11701
11739
|
"attributes": [
|
|
@@ -11748,7 +11786,7 @@
|
|
|
11748
11786
|
}
|
|
11749
11787
|
},
|
|
11750
11788
|
{
|
|
11751
|
-
"name": "dap-ds-icon-arrow-down-s-
|
|
11789
|
+
"name": "dap-ds-icon-arrow-down-s-line",
|
|
11752
11790
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
11753
11791
|
"doc-url": "",
|
|
11754
11792
|
"attributes": [
|
|
@@ -11801,7 +11839,7 @@
|
|
|
11801
11839
|
}
|
|
11802
11840
|
},
|
|
11803
11841
|
{
|
|
11804
|
-
"name": "dap-ds-icon-arrow-down-
|
|
11842
|
+
"name": "dap-ds-icon-arrow-left-down-line",
|
|
11805
11843
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
11806
11844
|
"doc-url": "",
|
|
11807
11845
|
"attributes": [
|
|
@@ -11854,7 +11892,7 @@
|
|
|
11854
11892
|
}
|
|
11855
11893
|
},
|
|
11856
11894
|
{
|
|
11857
|
-
"name": "dap-ds-icon-arrow-left-
|
|
11895
|
+
"name": "dap-ds-icon-arrow-left-l-line",
|
|
11858
11896
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
11859
11897
|
"doc-url": "",
|
|
11860
11898
|
"attributes": [
|
|
@@ -11907,7 +11945,7 @@
|
|
|
11907
11945
|
}
|
|
11908
11946
|
},
|
|
11909
11947
|
{
|
|
11910
|
-
"name": "dap-ds-icon-arrow-left-
|
|
11948
|
+
"name": "dap-ds-icon-arrow-left-line",
|
|
11911
11949
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
11912
11950
|
"doc-url": "",
|
|
11913
11951
|
"attributes": [
|
|
@@ -11960,7 +11998,7 @@
|
|
|
11960
11998
|
}
|
|
11961
11999
|
},
|
|
11962
12000
|
{
|
|
11963
|
-
"name": "dap-ds-icon-arrow-left-
|
|
12001
|
+
"name": "dap-ds-icon-arrow-left-s-fill",
|
|
11964
12002
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
11965
12003
|
"doc-url": "",
|
|
11966
12004
|
"attributes": [
|
|
@@ -12013,7 +12051,7 @@
|
|
|
12013
12051
|
}
|
|
12014
12052
|
},
|
|
12015
12053
|
{
|
|
12016
|
-
"name": "dap-ds-icon-arrow-left-s-
|
|
12054
|
+
"name": "dap-ds-icon-arrow-left-s-line",
|
|
12017
12055
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12018
12056
|
"doc-url": "",
|
|
12019
12057
|
"attributes": [
|
|
@@ -12066,7 +12104,7 @@
|
|
|
12066
12104
|
}
|
|
12067
12105
|
},
|
|
12068
12106
|
{
|
|
12069
|
-
"name": "dap-ds-icon-arrow-left-
|
|
12107
|
+
"name": "dap-ds-icon-arrow-left-up-line",
|
|
12070
12108
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12071
12109
|
"doc-url": "",
|
|
12072
12110
|
"attributes": [
|
|
@@ -12119,7 +12157,7 @@
|
|
|
12119
12157
|
}
|
|
12120
12158
|
},
|
|
12121
12159
|
{
|
|
12122
|
-
"name": "dap-ds-icon-arrow-
|
|
12160
|
+
"name": "dap-ds-icon-arrow-right-down-line",
|
|
12123
12161
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12124
12162
|
"doc-url": "",
|
|
12125
12163
|
"attributes": [
|
|
@@ -12172,7 +12210,7 @@
|
|
|
12172
12210
|
}
|
|
12173
12211
|
},
|
|
12174
12212
|
{
|
|
12175
|
-
"name": "dap-ds-icon-arrow-right-
|
|
12213
|
+
"name": "dap-ds-icon-arrow-right-l-line",
|
|
12176
12214
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12177
12215
|
"doc-url": "",
|
|
12178
12216
|
"attributes": [
|
|
@@ -12225,7 +12263,7 @@
|
|
|
12225
12263
|
}
|
|
12226
12264
|
},
|
|
12227
12265
|
{
|
|
12228
|
-
"name": "dap-ds-icon-arrow-right-
|
|
12266
|
+
"name": "dap-ds-icon-arrow-right-line",
|
|
12229
12267
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12230
12268
|
"doc-url": "",
|
|
12231
12269
|
"attributes": [
|
|
@@ -12278,7 +12316,7 @@
|
|
|
12278
12316
|
}
|
|
12279
12317
|
},
|
|
12280
12318
|
{
|
|
12281
|
-
"name": "dap-ds-icon-arrow-right-
|
|
12319
|
+
"name": "dap-ds-icon-arrow-right-s-fill",
|
|
12282
12320
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12283
12321
|
"doc-url": "",
|
|
12284
12322
|
"attributes": [
|
|
@@ -12331,7 +12369,7 @@
|
|
|
12331
12369
|
}
|
|
12332
12370
|
},
|
|
12333
12371
|
{
|
|
12334
|
-
"name": "dap-ds-icon-arrow-right-s-
|
|
12372
|
+
"name": "dap-ds-icon-arrow-right-s-line",
|
|
12335
12373
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12336
12374
|
"doc-url": "",
|
|
12337
12375
|
"attributes": [
|
|
@@ -12384,7 +12422,7 @@
|
|
|
12384
12422
|
}
|
|
12385
12423
|
},
|
|
12386
12424
|
{
|
|
12387
|
-
"name": "dap-ds-icon-arrow-right-
|
|
12425
|
+
"name": "dap-ds-icon-arrow-right-up-line",
|
|
12388
12426
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12389
12427
|
"doc-url": "",
|
|
12390
12428
|
"attributes": [
|
|
@@ -12437,7 +12475,7 @@
|
|
|
12437
12475
|
}
|
|
12438
12476
|
},
|
|
12439
12477
|
{
|
|
12440
|
-
"name": "dap-ds-icon-arrow-
|
|
12478
|
+
"name": "dap-ds-icon-arrow-up-line",
|
|
12441
12479
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12442
12480
|
"doc-url": "",
|
|
12443
12481
|
"attributes": [
|
|
@@ -12490,7 +12528,7 @@
|
|
|
12490
12528
|
}
|
|
12491
12529
|
},
|
|
12492
12530
|
{
|
|
12493
|
-
"name": "dap-ds-icon-arrow-up-
|
|
12531
|
+
"name": "dap-ds-icon-arrow-up-s-fill",
|
|
12494
12532
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12495
12533
|
"doc-url": "",
|
|
12496
12534
|
"attributes": [
|
|
@@ -12543,7 +12581,7 @@
|
|
|
12543
12581
|
}
|
|
12544
12582
|
},
|
|
12545
12583
|
{
|
|
12546
|
-
"name": "dap-ds-icon-arrow-up-s-
|
|
12584
|
+
"name": "dap-ds-icon-arrow-up-s-line",
|
|
12547
12585
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12548
12586
|
"doc-url": "",
|
|
12549
12587
|
"attributes": [
|
|
@@ -12596,7 +12634,7 @@
|
|
|
12596
12634
|
}
|
|
12597
12635
|
},
|
|
12598
12636
|
{
|
|
12599
|
-
"name": "dap-ds-icon-
|
|
12637
|
+
"name": "dap-ds-icon-expand-up-down-fill",
|
|
12600
12638
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12601
12639
|
"doc-url": "",
|
|
12602
12640
|
"attributes": [
|
|
@@ -12649,7 +12687,7 @@
|
|
|
12649
12687
|
}
|
|
12650
12688
|
},
|
|
12651
12689
|
{
|
|
12652
|
-
"name": "dap-ds-icon-
|
|
12690
|
+
"name": "dap-ds-icon-home-6-line",
|
|
12653
12691
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
12654
12692
|
"doc-url": "",
|
|
12655
12693
|
"attributes": [
|