dap-design-system 0.56.0 → 0.56.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/components/radio-button/radio-button.component.d.ts +8 -21
- package/dist/{components-D2vYSZvx.js → components-DtNvQM0v.js} +1049 -1058
- package/dist/components-DtNvQM0v.js.map +1 -0
- package/dist/components.js +1 -1
- package/dist/dds.js +1 -1
- package/dist/manifest/types/vue/index.d.ts +190 -184
- package/dist/manifest/vscode.html-custom-data.json +147 -137
- package/dist/manifest/web-types.json +377 -356
- package/dist/react/index.d.ts +6 -6
- package/dist/react-types.ts +6 -6
- package/dist/react.js +93 -93
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/dist/components-D2vYSZvx.js.map +0 -1
|
@@ -2,6 +2,33 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
3
|
"version": 1.1,
|
|
4
4
|
"tags": [
|
|
5
|
+
{
|
|
6
|
+
"name": "dap-ds-accordion-group",
|
|
7
|
+
"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.",
|
|
8
|
+
"attributes": [
|
|
9
|
+
{
|
|
10
|
+
"name": "autoClose",
|
|
11
|
+
"description": "Whether to close other accordions when one is opened.",
|
|
12
|
+
"values": []
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"name": "variant",
|
|
16
|
+
"description": "The variant of the accordion",
|
|
17
|
+
"values": [
|
|
18
|
+
{ "name": "default" },
|
|
19
|
+
{ "name": "collapsed" },
|
|
20
|
+
{ "name": "clean" },
|
|
21
|
+
{ "name": "clean-collapsed" }
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
],
|
|
25
|
+
"references": [
|
|
26
|
+
{
|
|
27
|
+
"name": "Documentation",
|
|
28
|
+
"url": "https://shoelace.style/components/accordion-group"
|
|
29
|
+
}
|
|
30
|
+
]
|
|
31
|
+
},
|
|
5
32
|
{
|
|
6
33
|
"name": "dap-ds-avatar",
|
|
7
34
|
"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.",
|
|
@@ -72,48 +99,6 @@
|
|
|
72
99
|
}
|
|
73
100
|
]
|
|
74
101
|
},
|
|
75
|
-
{
|
|
76
|
-
"name": "dap-ds-avatar-group",
|
|
77
|
-
"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.",
|
|
78
|
-
"attributes": [
|
|
79
|
-
{
|
|
80
|
-
"name": "layout",
|
|
81
|
-
"description": "Layout type for the avatar group",
|
|
82
|
-
"values": [{ "name": "stack" }, { "name": "grid" }]
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
"name": "max",
|
|
86
|
-
"description": "Maximum number of avatars to show before showing overflow",
|
|
87
|
-
"values": []
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
"name": "show-total",
|
|
91
|
-
"description": "Whether to show the total count in overflow indicator",
|
|
92
|
-
"values": []
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
"name": "interactive-overflow",
|
|
96
|
-
"description": "Interactive overflow indicator",
|
|
97
|
-
"values": []
|
|
98
|
-
},
|
|
99
|
-
{
|
|
100
|
-
"name": "label",
|
|
101
|
-
"description": "Accessible label for the avatar group",
|
|
102
|
-
"values": []
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
"name": "overflow-label",
|
|
106
|
-
"description": "Accessible label for the overflow indicator",
|
|
107
|
-
"values": []
|
|
108
|
-
}
|
|
109
|
-
],
|
|
110
|
-
"references": [
|
|
111
|
-
{
|
|
112
|
-
"name": "Documentation",
|
|
113
|
-
"url": "https://shoelace.style/components/avatar-group"
|
|
114
|
-
}
|
|
115
|
-
]
|
|
116
|
-
},
|
|
117
102
|
{
|
|
118
103
|
"name": "dap-ds-accordion",
|
|
119
104
|
"description": "An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.\n---\n\n\n### **Events:**\n - **dds-opened** - Event fired when the accordion is opened.\n- **dds-closed** - Event fired when the accordion is closed.\n\n### **Slots:**\n - **default** - The content of the accordion.\n- **heading** - The heading of the accordion.\n- **icon-opened** - The icon when the accordion is opened.\n- **icon-closed** - The icon when the accordion is closed.\n\n### **CSS Properties:**\n - **--dds-accordion-border-width** - The width of the accordion border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-border-style** - The style of the accordion border (default: solid) _(default: undefined)_\n- **--dds-accordion-border-radius** - The border radius of the accordion (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-border-color** - The color of the accordion border (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-accordion-background-color** - The background color of the accordion (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-text-color** - The text color of the accordion (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-hover-background** - The background color when hovering over the accordion (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-accordion-active-background** - The background color when the accordion is active (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-accordion-icon-background** - The background color of the accordion icon (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-accordion-icon-color** - The color of the accordion icon (default: var(--dds-icon-neutral-base)) _(default: undefined)_\n- **--dds-accordion-icon-hover-background** - The background color of the accordion icon when hovered (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-accordion-icon-active-background** - The background color of the accordion icon when active (default: var(--dds-transparent-black-strong)) _(default: undefined)_\n- **--dds-accordion-icon-hover-color** - The color of the accordion icon when hovered (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-icon-active-color** - The color of the accordion icon when active (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-content-color** - The color of the accordion content (default: var(--dds-text-text-neutral)) _(default: undefined)_\n- **--dds-accordion-transition-duration** - The duration of the accordion transitions (default: var(--dds-transition-fast)) _(default: undefined)_\n- **--dds-accordion-transition-timing** - The timing function of the accordion transitions (default: var(--dds-easing-ease-in-out)) _(default: undefined)_\n- **--dds-accordion-divider-color** - The color of the divider between accordion items (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion container.\n- **heading** - The heading of the accordion.\n- **button** - The button of the accordion.\n- **content** - The content of the accordion.\n- **content-container** - The container of the accordion content.\n- **icon-wrapper** - The icon wrapper of the accordion.\n- **open-icon** - The icon when the accordion is opened.\n- **open-icon-base** - The base of the icon when the accordion is opened.\n- **close-icon** - The icon when the accordion is closed.\n- **close-icon-base** - The base of the icon when the accordion is closed.",
|
|
@@ -159,28 +144,6 @@
|
|
|
159
144
|
}
|
|
160
145
|
]
|
|
161
146
|
},
|
|
162
|
-
{
|
|
163
|
-
"name": "dap-ds-anchor-heading",
|
|
164
|
-
"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.",
|
|
165
|
-
"attributes": [
|
|
166
|
-
{
|
|
167
|
-
"name": "variant",
|
|
168
|
-
"description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
|
|
169
|
-
"values": [{ "name": "HeadingVariant" }]
|
|
170
|
-
},
|
|
171
|
-
{
|
|
172
|
-
"name": "label",
|
|
173
|
-
"description": "The label of the heading.",
|
|
174
|
-
"values": []
|
|
175
|
-
}
|
|
176
|
-
],
|
|
177
|
-
"references": [
|
|
178
|
-
{
|
|
179
|
-
"name": "Documentation",
|
|
180
|
-
"url": "https://shoelace.style/components/anchor-heading"
|
|
181
|
-
}
|
|
182
|
-
]
|
|
183
|
-
},
|
|
184
147
|
{
|
|
185
148
|
"name": "dap-ds-banner",
|
|
186
149
|
"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.",
|
|
@@ -248,29 +211,66 @@
|
|
|
248
211
|
]
|
|
249
212
|
},
|
|
250
213
|
{
|
|
251
|
-
"name": "dap-ds-
|
|
252
|
-
"description": "
|
|
214
|
+
"name": "dap-ds-anchor-heading",
|
|
215
|
+
"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.",
|
|
253
216
|
"attributes": [
|
|
254
217
|
{
|
|
255
|
-
"name": "
|
|
256
|
-
"description": "
|
|
218
|
+
"name": "variant",
|
|
219
|
+
"description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
|
|
220
|
+
"values": [{ "name": "HeadingVariant" }]
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"name": "label",
|
|
224
|
+
"description": "The label of the heading.",
|
|
257
225
|
"values": []
|
|
226
|
+
}
|
|
227
|
+
],
|
|
228
|
+
"references": [
|
|
229
|
+
{
|
|
230
|
+
"name": "Documentation",
|
|
231
|
+
"url": "https://shoelace.style/components/anchor-heading"
|
|
232
|
+
}
|
|
233
|
+
]
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"name": "dap-ds-avatar-group",
|
|
237
|
+
"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.",
|
|
238
|
+
"attributes": [
|
|
239
|
+
{
|
|
240
|
+
"name": "layout",
|
|
241
|
+
"description": "Layout type for the avatar group",
|
|
242
|
+
"values": [{ "name": "stack" }, { "name": "grid" }]
|
|
258
243
|
},
|
|
259
244
|
{
|
|
260
|
-
"name": "
|
|
261
|
-
"description": "
|
|
262
|
-
"values": [
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
]
|
|
245
|
+
"name": "max",
|
|
246
|
+
"description": "Maximum number of avatars to show before showing overflow",
|
|
247
|
+
"values": []
|
|
248
|
+
},
|
|
249
|
+
{
|
|
250
|
+
"name": "show-total",
|
|
251
|
+
"description": "Whether to show the total count in overflow indicator",
|
|
252
|
+
"values": []
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
"name": "interactive-overflow",
|
|
256
|
+
"description": "Interactive overflow indicator",
|
|
257
|
+
"values": []
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"name": "label",
|
|
261
|
+
"description": "Accessible label for the avatar group",
|
|
262
|
+
"values": []
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
"name": "overflow-label",
|
|
266
|
+
"description": "Accessible label for the overflow indicator",
|
|
267
|
+
"values": []
|
|
268
268
|
}
|
|
269
269
|
],
|
|
270
270
|
"references": [
|
|
271
271
|
{
|
|
272
272
|
"name": "Documentation",
|
|
273
|
-
"url": "https://shoelace.style/components/
|
|
273
|
+
"url": "https://shoelace.style/components/avatar-group"
|
|
274
274
|
}
|
|
275
275
|
]
|
|
276
276
|
},
|
|
@@ -573,6 +573,43 @@
|
|
|
573
573
|
}
|
|
574
574
|
]
|
|
575
575
|
},
|
|
576
|
+
{
|
|
577
|
+
"name": "dap-ds-checkbox",
|
|
578
|
+
"description": "A checkbox is a form element that allows the user to select one or more options from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the checkbox is checked or unchecked.\n- **dds-blur** - Emitted when the checkbox loses focus.\n- **dds-focus** - Emitted when the checkbox gains focus.\n- **dds-input** - Emitted when the checkbox receives input.\n\n### **Methods:**\n - **focus(): _void_** - Programmatically focuses the checkbox input element.\n- **blur(): _void_** - Programmatically blurs the checkbox input element.\n\n### **CSS Properties:**\n - **--dds-checkbox-size** - The size of the checkbox. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-checkbox-border-width** - The border width of the checkbox. (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-checkbox-border-radius** - The border radius of the checkbox. (default: var(--dds-radius-small)) _(default: undefined)_\n- **--dds-checkbox-border-color** - The border color of the checkbox. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-checkbox-background-color** - The background color of the checkbox. (default: transparent) _(default: undefined)_\n- **--dds-checkbox-icon-color** - The color of the checkbox icon. (default: var(--dds-button-primary-icon-enabled)) _(default: undefined)_\n- **--dds-checkbox-hover-border-color** - The border color when hovering over the checkbox. (default: var(--dds-border-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-hover-background-color** - The background color when hovering over the checkbox. (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-active-border-color** - The border color when the checkbox is active. (default: var(--dds-border-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-active-background-color** - The background color when the checkbox is active. (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-checked-border-color** - The border color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-background-color** - The background color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-hover-border-color** - The border color when hovering over a checked checkbox. (default: var(--dds-background-brand-medium-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-hover-background-color** - The background color when hovering over a checked checkbox. (default: var(--dds-background-brand-medium-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-active-border-color** - The border color when a checked checkbox is active. (default: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-active-background-color** - The background color when a checked checkbox is active. (default: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-checkbox-invalid-border-color** - The border color when the checkbox is invalid. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-background-color** - The background color when the checkbox is invalid. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-border-color** - The border color when hovering over an invalid checkbox. (default: var(--dds-border-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-background-color** - The background color when hovering over an invalid checkbox. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-border-color** - The border color when an invalid checkbox is active. (default: var(--dds-border-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-background-color** - The background color when an invalid checkbox is active. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-disabled-border-color** - The border color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-background-color** - The background color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-icon-color** - The color of the checkbox icon when disabled. (default: var(--dds-button-primary-icon-disabled)) _(default: undefined)_\n- **--dds-checkbox-readonly-border-color** - The border color when the checkbox is readonly. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-background-color** - The background color when the checkbox is readonly. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-icon-color** - The color of the checkbox icon when readonly. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main checkbox container.\n- **label** - The label of the checkbox.\n- **input** - The input of the checkbox.\n- **control** - The control of the checkbox.\n- **icon** - The icon of the checkbox.\n- **icon-base** - The base icon container.\n- **label-container** - The label container of the checkbox.\n- **description** - The description of the checkbox.\n- **readonly** - The readonly state of the checkbox.",
|
|
579
|
+
"attributes": [
|
|
580
|
+
{
|
|
581
|
+
"name": "indeterminate",
|
|
582
|
+
"description": "Whether the checkbox is indeterminate",
|
|
583
|
+
"values": []
|
|
584
|
+
},
|
|
585
|
+
{
|
|
586
|
+
"name": "preventDefault",
|
|
587
|
+
"description": "Whether the checkbox should prevent the default action",
|
|
588
|
+
"values": []
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"name": "border",
|
|
592
|
+
"description": "This sets up border around the checkbox, when true.",
|
|
593
|
+
"values": []
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
"name": "readonly",
|
|
597
|
+
"description": "Whether the checkbox is readonly (cannot be changed but value is submitted with form).",
|
|
598
|
+
"values": []
|
|
599
|
+
},
|
|
600
|
+
{
|
|
601
|
+
"name": "type",
|
|
602
|
+
"description": "The type of the checkbox",
|
|
603
|
+
"values": [{ "name": "normal" }, { "name": "background" }]
|
|
604
|
+
}
|
|
605
|
+
],
|
|
606
|
+
"references": [
|
|
607
|
+
{
|
|
608
|
+
"name": "Documentation",
|
|
609
|
+
"url": "https://shoelace.style/components/checkbox"
|
|
610
|
+
}
|
|
611
|
+
]
|
|
612
|
+
},
|
|
576
613
|
{
|
|
577
614
|
"name": "dap-ds-card-actions",
|
|
578
615
|
"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.",
|
|
@@ -730,43 +767,6 @@
|
|
|
730
767
|
}
|
|
731
768
|
]
|
|
732
769
|
},
|
|
733
|
-
{
|
|
734
|
-
"name": "dap-ds-checkbox",
|
|
735
|
-
"description": "A checkbox is a form element that allows the user to select one or more options from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the checkbox is checked or unchecked.\n- **dds-blur** - Emitted when the checkbox loses focus.\n- **dds-focus** - Emitted when the checkbox gains focus.\n- **dds-input** - Emitted when the checkbox receives input.\n\n### **Methods:**\n - **focus(): _void_** - Programmatically focuses the checkbox input element.\n- **blur(): _void_** - Programmatically blurs the checkbox input element.\n\n### **CSS Properties:**\n - **--dds-checkbox-size** - The size of the checkbox. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-checkbox-border-width** - The border width of the checkbox. (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-checkbox-border-radius** - The border radius of the checkbox. (default: var(--dds-radius-small)) _(default: undefined)_\n- **--dds-checkbox-border-color** - The border color of the checkbox. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-checkbox-background-color** - The background color of the checkbox. (default: transparent) _(default: undefined)_\n- **--dds-checkbox-icon-color** - The color of the checkbox icon. (default: var(--dds-button-primary-icon-enabled)) _(default: undefined)_\n- **--dds-checkbox-hover-border-color** - The border color when hovering over the checkbox. (default: var(--dds-border-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-hover-background-color** - The background color when hovering over the checkbox. (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-active-border-color** - The border color when the checkbox is active. (default: var(--dds-border-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-active-background-color** - The background color when the checkbox is active. (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-checked-border-color** - The border color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-background-color** - The background color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-hover-border-color** - The border color when hovering over a checked checkbox. (default: var(--dds-background-brand-medium-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-hover-background-color** - The background color when hovering over a checked checkbox. (default: var(--dds-background-brand-medium-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-active-border-color** - The border color when a checked checkbox is active. (default: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-active-background-color** - The background color when a checked checkbox is active. (default: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-checkbox-invalid-border-color** - The border color when the checkbox is invalid. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-background-color** - The background color when the checkbox is invalid. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-border-color** - The border color when hovering over an invalid checkbox. (default: var(--dds-border-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-background-color** - The background color when hovering over an invalid checkbox. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-border-color** - The border color when an invalid checkbox is active. (default: var(--dds-border-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-background-color** - The background color when an invalid checkbox is active. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-disabled-border-color** - The border color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-background-color** - The background color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-icon-color** - The color of the checkbox icon when disabled. (default: var(--dds-button-primary-icon-disabled)) _(default: undefined)_\n- **--dds-checkbox-readonly-border-color** - The border color when the checkbox is readonly. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-background-color** - The background color when the checkbox is readonly. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-icon-color** - The color of the checkbox icon when readonly. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main checkbox container.\n- **label** - The label of the checkbox.\n- **input** - The input of the checkbox.\n- **control** - The control of the checkbox.\n- **icon** - The icon of the checkbox.\n- **icon-base** - The base icon container.\n- **label-container** - The label container of the checkbox.\n- **description** - The description of the checkbox.\n- **readonly** - The readonly state of the checkbox.",
|
|
736
|
-
"attributes": [
|
|
737
|
-
{
|
|
738
|
-
"name": "indeterminate",
|
|
739
|
-
"description": "Whether the checkbox is indeterminate",
|
|
740
|
-
"values": []
|
|
741
|
-
},
|
|
742
|
-
{
|
|
743
|
-
"name": "preventDefault",
|
|
744
|
-
"description": "Whether the checkbox should prevent the default action",
|
|
745
|
-
"values": []
|
|
746
|
-
},
|
|
747
|
-
{
|
|
748
|
-
"name": "border",
|
|
749
|
-
"description": "This sets up border around the checkbox, when true.",
|
|
750
|
-
"values": []
|
|
751
|
-
},
|
|
752
|
-
{
|
|
753
|
-
"name": "readonly",
|
|
754
|
-
"description": "Whether the checkbox is readonly (cannot be changed but value is submitted with form).",
|
|
755
|
-
"values": []
|
|
756
|
-
},
|
|
757
|
-
{
|
|
758
|
-
"name": "type",
|
|
759
|
-
"description": "The type of the checkbox",
|
|
760
|
-
"values": [{ "name": "normal" }, { "name": "background" }]
|
|
761
|
-
}
|
|
762
|
-
],
|
|
763
|
-
"references": [
|
|
764
|
-
{
|
|
765
|
-
"name": "Documentation",
|
|
766
|
-
"url": "https://shoelace.style/components/checkbox"
|
|
767
|
-
}
|
|
768
|
-
]
|
|
769
|
-
},
|
|
770
770
|
{
|
|
771
771
|
"name": "dap-ds-chip",
|
|
772
772
|
"description": "A chip is a small status descriptor for UI elements.\n---\n\n\n### **Events:**\n - **dds-remove** - Fired when the chip is removed\n- **dds-select** - Fired when the chip is selected\n\n### **CSS Properties:**\n - **--dds-chip-border** - Border of the chip (default: var(--dds-border-width-base) solid var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-chip-border-radius** - Border radius of the chip (default: var(--dds-radius-small)) _(default: undefined)_\n- **--dds-chip-font-weight** - Font weight of the chip (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-chip-line-height** - Line height of the chip (default: 1.5) _(default: undefined)_\n- **--dds-chip-transition** - Transition timing for chip interactions (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-chip-padding-sm** - Padding for small chip size (default: var(--dds-spacing-100) var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-chip-padding-lg** - Padding for large chip size (default: var(--dds-spacing-200) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-chip-font-size-sm** - Font size for small chip size (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-chip-font-size-lg** - Font size for large chip size (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-chip-background-color** - Background color of the chip (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-chip-text-color** - Text color of the chip (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-chip-hover-background-color** - Background color of the chip on hover (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-chip-active-background-color** - Background color of the chip when active (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-chip-selected-background-color** - Background color of the selected chip (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-chip-selected-text-color** - Text color of the selected chip (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-chip-selected-border-color** - Border color of the selected chip (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-chip-disabled-background-color** - Background color of the disabled chip (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-chip-disabled-text-color** - Text color of the disabled chip (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The base part\n- **content-container** - The container for the content\n- **remove-button** - The remove button\n- **remove-icon** - The icon of the remove icon\n- **remove-icon-base** - The base of the remove icon\n- **remove-icon-base-base** - The base of the remove icon base",
|
|
@@ -2802,13 +2802,23 @@
|
|
|
2802
2802
|
},
|
|
2803
2803
|
{
|
|
2804
2804
|
"name": "dap-ds-radio-button",
|
|
2805
|
-
"description": "A radio button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the radio button is checked.\n- **dds-blur** - Emitted when the radio button loses focus.\n- **dds-focus** - Emitted when the radio button gains focus.\n- **dds-input** - Emitted when the radio button receives input.\n\n### **
|
|
2805
|
+
"description": "A radio button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the radio button is checked.\n- **dds-blur** - Emitted when the radio button loses focus.\n- **dds-focus** - Emitted when the radio button gains focus.\n- **dds-input** - Emitted when the radio button receives input.\n\n### **CSS Properties:**\n - **--dds-radio-size** - Sets the size of the radio button. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-radio-border-width** - Sets the border width of the radio button. (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-radio-border-radius** - Sets the border radius of the radio button. (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-radio-border-color** - Sets the border color of the radio button. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-radio-background-color** - Sets the background color of the radio button. (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-radio-hover-border-color** - Sets the border color of the radio button on hover. (default: var(--dds-border-neutral-medium)) _(default: undefined)_\n- **--dds-radio-hover-background-color** - Sets the background color of the radio button on hover. (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-radio-active-border-color** - Sets the border color of the radio button when active. (default: var(--dds-border-neutral-strong)) _(default: undefined)_\n- **--dds-radio-active-background-color** - Sets the background color of the radio button when active. (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-radio-checked-background-color** - Sets the background color of the checked radio button. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-radio-checked-hover-background-color** - Sets the background color of the checked radio button on hover. (default: var(--dds-background-brand-medium-inverted)) _(default: undefined)_\n- **--dds-radio-checked-active-background-color** - Sets the background color of the checked radio button when active. (default: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-radio-disabled-background-color** - Sets the background color of the disabled radio button. (default: var(--dds-background-neutral-disabled)) _(default: undefined)_\n- **--dds-radio-icon-background-color** - Sets the background color of the radio button icon. (default: var(--dds-transparent-white-strong-static)) _(default: undefined)_\n- **--dds-radio-disabled-icon-background-color** - Sets the background color of the disabled radio button icon. (default: var(--dds-background-neutral-stronger)) _(default: undefined)_\n- **--dds-radio-invalid-border-color** - Sets the border color of the invalid radio button. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-radio-invalid-background-color** - Sets the background color of the invalid radio button. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-radio-invalid-hover-border-color** - Sets the border color of the invalid radio button on hover. (default: var(--dds-border-negative-medium)) _(default: undefined)_\n- **--dds-radio-invalid-hover-background-color** - Sets the background color of the invalid radio button on hover. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-radio-invalid-active-border-color** - Sets the border color of the invalid radio button when active. (default: var(--dds-border-negative-strong)) _(default: undefined)_\n- **--dds-radio-invalid-active-background-color** - Sets the background color of the invalid radio button when active. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-radio-invalid-checked-background-color** - Sets the background color of the invalid checked radio button. (default: var(--dds-background-negative-base-inverted)) _(default: undefined)_\n- **--dds-radio-invalid-checked-hover-background-color** - Sets the background color of the invalid checked radio button on hover. (default: var(--dds-background-negative-medium-inverted)) _(default: undefined)_\n- **--dds-radio-invalid-checked-active-background-color** - Sets the background color of the invalid checked radio button when active. (default: var(--dds-background-negative-strong-inverted)) _(default: undefined)_\n- **--dds-radio-icon-size** - Sets the size of the radio button icon. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-radio-readonly-border-color** - Sets the border color when the radio button is readonly. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-radio-readonly-background-color** - Sets the background color when the radio button is readonly. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-radio-readonly-icon-color** - Sets the color of the radio button icon when readonly. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main radio button container.\n- **wrapper** - The wrapper of the radio button.\n- **base-label** - The main label container.\n- **label** - The label of the radio button.\n- **input** - The native input of the radio button.\n- **control** - The control of the radio button.\n- **label-container** - The label container of the radio button.\n- **description** - The description of the radio button.",
|
|
2806
2806
|
"attributes": [
|
|
2807
2807
|
{
|
|
2808
2808
|
"name": "focusable",
|
|
2809
2809
|
"description": "Whether the radio button is focusable.",
|
|
2810
2810
|
"values": []
|
|
2811
2811
|
},
|
|
2812
|
+
{
|
|
2813
|
+
"name": "posInSet",
|
|
2814
|
+
"description": "Position in set — set by radio-group for correct screen reader counting",
|
|
2815
|
+
"values": []
|
|
2816
|
+
},
|
|
2817
|
+
{
|
|
2818
|
+
"name": "setSize",
|
|
2819
|
+
"description": "Set size — set by radio-group for correct screen reader counting",
|
|
2820
|
+
"values": []
|
|
2821
|
+
},
|
|
2812
2822
|
{
|
|
2813
2823
|
"name": "preventDefault",
|
|
2814
2824
|
"description": "Whether the radio button should prevent the default action.",
|
|
@@ -4790,7 +4800,7 @@
|
|
|
4790
4800
|
]
|
|
4791
4801
|
},
|
|
4792
4802
|
{
|
|
4793
|
-
"name": "dap-ds-icon-
|
|
4803
|
+
"name": "dap-ds-icon-separator",
|
|
4794
4804
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
4795
4805
|
"attributes": [
|
|
4796
4806
|
{
|
|
@@ -4817,12 +4827,12 @@
|
|
|
4817
4827
|
"references": [
|
|
4818
4828
|
{
|
|
4819
4829
|
"name": "Documentation",
|
|
4820
|
-
"url": "https://shoelace.style/components/icon-
|
|
4830
|
+
"url": "https://shoelace.style/components/icon-separator"
|
|
4821
4831
|
}
|
|
4822
4832
|
]
|
|
4823
4833
|
},
|
|
4824
4834
|
{
|
|
4825
|
-
"name": "dap-ds-icon-
|
|
4835
|
+
"name": "dap-ds-icon-clipboard-line",
|
|
4826
4836
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
4827
4837
|
"attributes": [
|
|
4828
4838
|
{
|
|
@@ -4849,12 +4859,12 @@
|
|
|
4849
4859
|
"references": [
|
|
4850
4860
|
{
|
|
4851
4861
|
"name": "Documentation",
|
|
4852
|
-
"url": "https://shoelace.style/components/icon-
|
|
4862
|
+
"url": "https://shoelace.style/components/icon-clipboard-line"
|
|
4853
4863
|
}
|
|
4854
4864
|
]
|
|
4855
4865
|
},
|
|
4856
4866
|
{
|
|
4857
|
-
"name": "dap-ds-icon-file-
|
|
4867
|
+
"name": "dap-ds-icon-file-copy-line",
|
|
4858
4868
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
4859
4869
|
"attributes": [
|
|
4860
4870
|
{
|
|
@@ -4881,12 +4891,12 @@
|
|
|
4881
4891
|
"references": [
|
|
4882
4892
|
{
|
|
4883
4893
|
"name": "Documentation",
|
|
4884
|
-
"url": "https://shoelace.style/components/icon-file-
|
|
4894
|
+
"url": "https://shoelace.style/components/icon-file-copy-line"
|
|
4885
4895
|
}
|
|
4886
4896
|
]
|
|
4887
4897
|
},
|
|
4888
4898
|
{
|
|
4889
|
-
"name": "dap-ds-icon-file-
|
|
4899
|
+
"name": "dap-ds-icon-file-image-line",
|
|
4890
4900
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
4891
4901
|
"attributes": [
|
|
4892
4902
|
{
|
|
@@ -4913,12 +4923,12 @@
|
|
|
4913
4923
|
"references": [
|
|
4914
4924
|
{
|
|
4915
4925
|
"name": "Documentation",
|
|
4916
|
-
"url": "https://shoelace.style/components/icon-file-
|
|
4926
|
+
"url": "https://shoelace.style/components/icon-file-image-line"
|
|
4917
4927
|
}
|
|
4918
4928
|
]
|
|
4919
4929
|
},
|
|
4920
4930
|
{
|
|
4921
|
-
"name": "dap-ds-icon-file-
|
|
4931
|
+
"name": "dap-ds-icon-file-music-line",
|
|
4922
4932
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
4923
4933
|
"attributes": [
|
|
4924
4934
|
{
|
|
@@ -4945,12 +4955,12 @@
|
|
|
4945
4955
|
"references": [
|
|
4946
4956
|
{
|
|
4947
4957
|
"name": "Documentation",
|
|
4948
|
-
"url": "https://shoelace.style/components/icon-file-
|
|
4958
|
+
"url": "https://shoelace.style/components/icon-file-music-line"
|
|
4949
4959
|
}
|
|
4950
4960
|
]
|
|
4951
4961
|
},
|
|
4952
4962
|
{
|
|
4953
|
-
"name": "dap-ds-icon-file-
|
|
4963
|
+
"name": "dap-ds-icon-file-text-line",
|
|
4954
4964
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
4955
4965
|
"attributes": [
|
|
4956
4966
|
{
|
|
@@ -4977,12 +4987,12 @@
|
|
|
4977
4987
|
"references": [
|
|
4978
4988
|
{
|
|
4979
4989
|
"name": "Documentation",
|
|
4980
|
-
"url": "https://shoelace.style/components/icon-file-
|
|
4990
|
+
"url": "https://shoelace.style/components/icon-file-text-line"
|
|
4981
4991
|
}
|
|
4982
4992
|
]
|
|
4983
4993
|
},
|
|
4984
4994
|
{
|
|
4985
|
-
"name": "dap-ds-icon-
|
|
4995
|
+
"name": "dap-ds-icon-file-video-line",
|
|
4986
4996
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
4987
4997
|
"attributes": [
|
|
4988
4998
|
{
|
|
@@ -5009,12 +5019,12 @@
|
|
|
5009
5019
|
"references": [
|
|
5010
5020
|
{
|
|
5011
5021
|
"name": "Documentation",
|
|
5012
|
-
"url": "https://shoelace.style/components/icon-
|
|
5022
|
+
"url": "https://shoelace.style/components/icon-file-video-line"
|
|
5013
5023
|
}
|
|
5014
5024
|
]
|
|
5015
5025
|
},
|
|
5016
5026
|
{
|
|
5017
|
-
"name": "dap-ds-icon-folder-
|
|
5027
|
+
"name": "dap-ds-icon-folder-line",
|
|
5018
5028
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
5019
5029
|
"attributes": [
|
|
5020
5030
|
{
|
|
@@ -5041,12 +5051,12 @@
|
|
|
5041
5051
|
"references": [
|
|
5042
5052
|
{
|
|
5043
5053
|
"name": "Documentation",
|
|
5044
|
-
"url": "https://shoelace.style/components/icon-folder-
|
|
5054
|
+
"url": "https://shoelace.style/components/icon-folder-line"
|
|
5045
5055
|
}
|
|
5046
5056
|
]
|
|
5047
5057
|
},
|
|
5048
5058
|
{
|
|
5049
|
-
"name": "dap-ds-icon-
|
|
5059
|
+
"name": "dap-ds-icon-folder-open-line",
|
|
5050
5060
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
5051
5061
|
"attributes": [
|
|
5052
5062
|
{
|
|
@@ -5073,7 +5083,7 @@
|
|
|
5073
5083
|
"references": [
|
|
5074
5084
|
{
|
|
5075
5085
|
"name": "Documentation",
|
|
5076
|
-
"url": "https://shoelace.style/components/icon-
|
|
5086
|
+
"url": "https://shoelace.style/components/icon-folder-open-line"
|
|
5077
5087
|
}
|
|
5078
5088
|
]
|
|
5079
5089
|
},
|
|
@@ -5878,7 +5888,7 @@
|
|
|
5878
5888
|
]
|
|
5879
5889
|
},
|
|
5880
5890
|
{
|
|
5881
|
-
"name": "dap-ds-icon-
|
|
5891
|
+
"name": "dap-ds-icon-external-link-line",
|
|
5882
5892
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
5883
5893
|
"attributes": [
|
|
5884
5894
|
{
|
|
@@ -5905,12 +5915,12 @@
|
|
|
5905
5915
|
"references": [
|
|
5906
5916
|
{
|
|
5907
5917
|
"name": "Documentation",
|
|
5908
|
-
"url": "https://shoelace.style/components/icon-
|
|
5918
|
+
"url": "https://shoelace.style/components/icon-external-link-line"
|
|
5909
5919
|
}
|
|
5910
5920
|
]
|
|
5911
5921
|
},
|
|
5912
5922
|
{
|
|
5913
|
-
"name": "dap-ds-icon-
|
|
5923
|
+
"name": "dap-ds-icon-error-warning-line",
|
|
5914
5924
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
5915
5925
|
"attributes": [
|
|
5916
5926
|
{
|
|
@@ -5937,7 +5947,7 @@
|
|
|
5937
5947
|
"references": [
|
|
5938
5948
|
{
|
|
5939
5949
|
"name": "Documentation",
|
|
5940
|
-
"url": "https://shoelace.style/components/icon-
|
|
5950
|
+
"url": "https://shoelace.style/components/icon-error-warning-line"
|
|
5941
5951
|
}
|
|
5942
5952
|
]
|
|
5943
5953
|
},
|