dap-design-system 0.35.11 → 0.35.13
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/dark.theme.css +2 -2
- package/dist/dds.d.ts +169 -0
- package/dist/dds.js +3274 -3054
- package/dist/dds.js.map +1 -1
- package/dist/high-contrast.theme.css +2 -2
- package/dist/light.theme.css +2 -2
- package/dist/manifest/types/vue/index.d.ts +231 -129
- package/dist/manifest/vscode.html-custom-data.json +239 -91
- package/dist/manifest/web-types.json +415 -153
- package/dist/react-types.ts +10 -6
- package/dist/react.d.ts +391 -146
- package/dist/react.js +465 -435
- package/dist/react.js.map +1 -1
- package/dist/variables/variables-dark.css +2 -1
- package/dist/variables/variables-high-contrast.css +2 -1
- package/dist/variables/variables-light.css +2 -1
- package/package.json +1 -1
|
@@ -2,6 +2,28 @@
|
|
|
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-anchor-heading",
|
|
7
|
+
"description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link. Default is the primary color. _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered. Default is 0. _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered. Default is 1. _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity. Default is '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.",
|
|
8
|
+
"attributes": [
|
|
9
|
+
{
|
|
10
|
+
"name": "variant",
|
|
11
|
+
"description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
|
|
12
|
+
"values": [{ "name": "HeadingVariant" }]
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"name": "label",
|
|
16
|
+
"description": "The label of the heading.",
|
|
17
|
+
"values": []
|
|
18
|
+
}
|
|
19
|
+
],
|
|
20
|
+
"references": [
|
|
21
|
+
{
|
|
22
|
+
"name": "Documentation",
|
|
23
|
+
"url": "https://shoelace.style/components/anchor-heading"
|
|
24
|
+
}
|
|
25
|
+
]
|
|
26
|
+
},
|
|
5
27
|
{
|
|
6
28
|
"name": "dap-ds-accordion",
|
|
7
29
|
"description": "An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.\n---\n\n\n### **Events:**\n - **dds-opened** - Event fired when the accordion is opened.\n- **dds-closed** - Event fired when the accordion is closed.\n\n### **Slots:**\n - **default** - The content of the accordion.\n- **heading** - The heading of the accordion.\n- **icon-opened** - The icon when the accordion is opened.\n- **icon-closed** - The icon when the accordion is closed.\n\n### **CSS Properties:**\n - **--dds-accordion-border-width** - The width of the accordion border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-border-style** - The style of the accordion border (default: solid) _(default: undefined)_\n- **--dds-accordion-border-radius** - The border radius of the accordion (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-border-color** - The color of the accordion border (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-accordion-background-color** - The background color of the accordion (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-text-color** - The text color of the accordion (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-hover-background** - The background color when hovering over the accordion (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-accordion-active-background** - The background color when the accordion is active (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-accordion-icon-background** - The background color of the accordion icon (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-accordion-icon-color** - The color of the accordion icon (default: var(--dds-icon-neutral-base)) _(default: undefined)_\n- **--dds-accordion-icon-hover-background** - The background color of the accordion icon when hovered (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-accordion-icon-active-background** - The background color of the accordion icon when active (default: var(--dds-transparent-black-strong)) _(default: undefined)_\n- **--dds-accordion-icon-hover-color** - The color of the accordion icon when hovered (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-icon-active-color** - The color of the accordion icon when active (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-content-color** - The color of the accordion content (default: var(--dds-text-text-neutral)) _(default: undefined)_\n- **--dds-accordion-transition-duration** - The duration of the accordion transitions (default: var(--dds-transition-fast)) _(default: undefined)_\n- **--dds-accordion-transition-timing** - The timing function of the accordion transitions (default: var(--dds-easing-ease-in-out)) _(default: undefined)_\n- **--dds-accordion-divider-color** - The color of the divider between accordion items (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion container.\n- **heading** - The heading of the accordion.\n- **button** - The button of the accordion.\n- **content** - The content of the accordion.\n- **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.",
|
|
@@ -52,49 +74,6 @@
|
|
|
52
74
|
}
|
|
53
75
|
]
|
|
54
76
|
},
|
|
55
|
-
{
|
|
56
|
-
"name": "dap-ds-avatar",
|
|
57
|
-
"description": "Avatar component can be used to display user profile images or icons, or illustrations.\n---\n\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar. Default is the design system's rounded radius. _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar. Default is transparent. _(default: undefined)_\n- **--dds-avatar-border-width** - The width of the avatar's border. Default is 0. _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border. Default is transparent. _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border. Default is solid. _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-avatar-size-lg** - The size of the large avatar. Default is the design system's spacing-2000. _(default: undefined)_\n- **--dds-avatar-size-md** - The size of the medium avatar. Default is the design system's spacing-1600. _(default: undefined)_\n- **--dds-avatar-size-sm** - The size of the small avatar. Default is the design system's spacing-1200. _(default: undefined)_\n- **--dds-avatar-size-xs** - The size of the extra small avatar. Default is the design system's spacing-800. _(default: undefined)_\n- **--dds-avatar-size-xxs** - The size of the extra extra small avatar. Default is the design system's spacing-600. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar image container.\n- **img** - The avatar image.",
|
|
58
|
-
"attributes": [
|
|
59
|
-
{
|
|
60
|
-
"name": "size",
|
|
61
|
-
"description": "The size of the avatar",
|
|
62
|
-
"values": [
|
|
63
|
-
{ "name": "lg" },
|
|
64
|
-
{ "name": "md" },
|
|
65
|
-
{ "name": "sm" },
|
|
66
|
-
{ "name": "xs" },
|
|
67
|
-
{ "name": "xxs" }
|
|
68
|
-
]
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
"name": "src",
|
|
72
|
-
"description": "The source of the avatar.",
|
|
73
|
-
"values": []
|
|
74
|
-
},
|
|
75
|
-
{
|
|
76
|
-
"name": "alt",
|
|
77
|
-
"description": "The alt text of the avatar.",
|
|
78
|
-
"values": []
|
|
79
|
-
},
|
|
80
|
-
{
|
|
81
|
-
"name": "width",
|
|
82
|
-
"description": "The width of the avatar. This will override the size.",
|
|
83
|
-
"values": []
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
"name": "height",
|
|
87
|
-
"description": "The height of the avatar. This will override the size.",
|
|
88
|
-
"values": []
|
|
89
|
-
}
|
|
90
|
-
],
|
|
91
|
-
"references": [
|
|
92
|
-
{
|
|
93
|
-
"name": "Documentation",
|
|
94
|
-
"url": "https://shoelace.style/components/avatar"
|
|
95
|
-
}
|
|
96
|
-
]
|
|
97
|
-
},
|
|
98
77
|
{
|
|
99
78
|
"name": "dap-ds-badge",
|
|
100
79
|
"description": "A badge is a small status descriptor for UI elements.\n---\n\n\n### **Slots:**\n - _default_ - The content of the badge.\n- **icon** - The icon of the badge.\n\n### **CSS Properties:**\n - **--dds-badge-border-width** - The width of the badge's border. Default is the design system's base border width. _(default: undefined)_\n- **--dds-badge-border-style** - The style of the badge's border. Default is solid. _(default: undefined)_\n- **--dds-badge-border-radius** - The border radius of the badge. Default is the design system's base radius. _(default: undefined)_\n- **--dds-badge-font-weight** - The font weight of the badge text. Default is bold. _(default: undefined)_\n- **--dds-badge-line-height** - The line height of the badge text. Default is 1.2. _(default: undefined)_\n- **--dds-badge-transition** - The transition property for the badge. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-badge-padding-sm** - The padding of the small badge. Default is the design system's spacing-100 and spacing-200. _(default: undefined)_\n- **--dds-badge-padding-lg** - The padding of the large badge. Default is the design system's spacing-100 and spacing-300. _(default: undefined)_\n- **--dds-badge-font-size-sm** - The font size of the small badge. Default is the design system's font-xs. _(default: undefined)_\n- **--dds-badge-font-size-lg** - The font size of the large badge. Default is the design system's font-sm. _(default: undefined)_\n- **--dds-badge-neutral-border-color** - The border color of the neutral badge. Default is the design system's border-neutral-base. _(default: undefined)_\n- **--dds-badge-neutral-background** - The background color of the neutral badge. Default is the design system's background-neutral-medium. _(default: undefined)_\n- **--dds-badge-neutral-color** - The text color of the neutral badge. Default is the design system's text-neutral-subtle. _(default: undefined)_\n- **--dds-badge-brand-border-color** - The border color of the brand badge. Default is the design system's border-brand-base. _(default: undefined)_\n- **--dds-badge-brand-background** - The background color of the brand badge. Default is the design system's background-brand-medium. _(default: undefined)_\n- **--dds-badge-brand-color** - The text color of the brand badge. Default is the design system's text-brand-subtle. _(default: undefined)_\n- **--dds-badge-info-border-color** - The border color of the info badge. Default is the design system's border-informative-base. _(default: undefined)_\n- **--dds-badge-info-background** - The background color of the info badge. Default is the design system's background-informative-medium. _(default: undefined)_\n- **--dds-badge-info-color** - The text color of the info badge. Default is the design system's text-informative-subtle. _(default: undefined)_\n- **--dds-badge-positive-border-color** - The border color of the positive badge. Default is the design system's border-positive-base. _(default: undefined)_\n- **--dds-badge-positive-background** - The background color of the positive badge. Default is the design system's background-positive-medium. _(default: undefined)_\n- **--dds-badge-positive-color** - The text color of the positive badge. Default is the design system's text-positive-subtle. _(default: undefined)_\n- **--dds-badge-warning-border-color** - The border color of the warning badge. Default is the design system's border-warning-subtle. _(default: undefined)_\n- **--dds-badge-warning-background** - The background color of the warning badge. Default is the design system's background-warning-medium. _(default: undefined)_\n- **--dds-badge-warning-color** - The text color of the warning badge. Default is the design system's text-warning-subtle. _(default: undefined)_\n- **--dds-badge-negative-border-color** - The border color of the negative badge. Default is the design system's border-negative-base. _(default: undefined)_\n- **--dds-badge-negative-background** - The background color of the negative badge. Default is the design system's background-negative-medium. _(default: undefined)_\n- **--dds-badge-negative-color** - The text color of the negative badge. Default is the design system's text-negative-subtle. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the badge.\n- **icon** - The icon of the badge.\n- **content** - The content of the badge.\n- **icon-base** - The base of the icon.",
|
|
@@ -130,51 +109,30 @@
|
|
|
130
109
|
]
|
|
131
110
|
},
|
|
132
111
|
{
|
|
133
|
-
"name": "dap-ds-
|
|
134
|
-
"description": "
|
|
112
|
+
"name": "dap-ds-breadcrumb",
|
|
113
|
+
"description": "A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.\n---\n\n\n### **Slots:**\n - _default_ - The content of the breadcrumb.\n- **separator** - The separator between breadcrumb items. Default is '/'.\n\n### **CSS Properties:**\n - **--dds-breadcrumb-width** - The width of the breadcrumb container. Default is 100%. _(default: undefined)_\n- **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb. Default is auto. _(default: undefined)_\n- **--dds-breadcrumb-transition** - The transition property for the breadcrumb. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-breadcrumb-list-display** - The display property of the breadcrumb list. Default is flex. _(default: undefined)_\n- **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list. Default is nowrap. _(default: undefined)_\n- **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list. Default is center. _(default: undefined)_\n- **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list. Default is max-content. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main breadcrumb container.\n- **separator** - The separator of the breadcrumb.",
|
|
135
114
|
"attributes": [
|
|
136
115
|
{
|
|
137
|
-
"name": "
|
|
138
|
-
"description": "
|
|
139
|
-
"values": [{ "name": "HeadingVariant" }]
|
|
140
|
-
},
|
|
141
|
-
{
|
|
142
|
-
"name": "label",
|
|
143
|
-
"description": "The label of the heading.",
|
|
116
|
+
"name": "inverted",
|
|
117
|
+
"description": "Inverted color style",
|
|
144
118
|
"values": []
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
"references": [
|
|
148
|
-
{
|
|
149
|
-
"name": "Documentation",
|
|
150
|
-
"url": "https://shoelace.style/components/anchor-heading"
|
|
151
|
-
}
|
|
152
|
-
]
|
|
153
|
-
},
|
|
154
|
-
{
|
|
155
|
-
"name": "dap-ds-accordion-group",
|
|
156
|
-
"description": "An accordion group is a collection of accordion components.\n---\n\n\n### **Events:**\n - **dds-change** - Event fired when an accordion is opened or closed.\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.",
|
|
157
|
-
"attributes": [
|
|
119
|
+
},
|
|
120
|
+
{ "name": "variant", "values": [] },
|
|
158
121
|
{
|
|
159
|
-
"name": "
|
|
160
|
-
"description": "
|
|
122
|
+
"name": "mobile",
|
|
123
|
+
"description": "Mobile version of the breadcrumb",
|
|
161
124
|
"values": []
|
|
162
125
|
},
|
|
163
126
|
{
|
|
164
|
-
"name": "
|
|
165
|
-
"description": "The
|
|
166
|
-
"values": [
|
|
167
|
-
{ "name": "default" },
|
|
168
|
-
{ "name": "collapsed" },
|
|
169
|
-
{ "name": "clean" },
|
|
170
|
-
{ "name": "clean-collapsed" }
|
|
171
|
-
]
|
|
127
|
+
"name": "aria-labelledby",
|
|
128
|
+
"description": "The aria-labelledby of the breadcrumb",
|
|
129
|
+
"values": []
|
|
172
130
|
}
|
|
173
131
|
],
|
|
174
132
|
"references": [
|
|
175
133
|
{
|
|
176
134
|
"name": "Documentation",
|
|
177
|
-
"url": "https://shoelace.style/components/
|
|
135
|
+
"url": "https://shoelace.style/components/breadcrumb"
|
|
178
136
|
}
|
|
179
137
|
]
|
|
180
138
|
},
|
|
@@ -222,30 +180,45 @@
|
|
|
222
180
|
]
|
|
223
181
|
},
|
|
224
182
|
{
|
|
225
|
-
"name": "dap-ds-
|
|
226
|
-
"description": "
|
|
183
|
+
"name": "dap-ds-avatar",
|
|
184
|
+
"description": "Avatar component can be used to display user profile images or icons, or illustrations.\n---\n\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar. Default is the design system's rounded radius. _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar. Default is transparent. _(default: undefined)_\n- **--dds-avatar-border-width** - The width of the avatar's border. Default is 0. _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border. Default is transparent. _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border. Default is solid. _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-avatar-size-lg** - The size of the large avatar. Default is the design system's spacing-2000. _(default: undefined)_\n- **--dds-avatar-size-md** - The size of the medium avatar. Default is the design system's spacing-1600. _(default: undefined)_\n- **--dds-avatar-size-sm** - The size of the small avatar. Default is the design system's spacing-1200. _(default: undefined)_\n- **--dds-avatar-size-xs** - The size of the extra small avatar. Default is the design system's spacing-800. _(default: undefined)_\n- **--dds-avatar-size-xxs** - The size of the extra extra small avatar. Default is the design system's spacing-600. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar image container.\n- **img** - The avatar image.",
|
|
227
185
|
"attributes": [
|
|
228
186
|
{
|
|
229
|
-
"name": "
|
|
230
|
-
"description": "
|
|
187
|
+
"name": "size",
|
|
188
|
+
"description": "The size of the avatar",
|
|
189
|
+
"values": [
|
|
190
|
+
{ "name": "lg" },
|
|
191
|
+
{ "name": "md" },
|
|
192
|
+
{ "name": "sm" },
|
|
193
|
+
{ "name": "xs" },
|
|
194
|
+
{ "name": "xxs" }
|
|
195
|
+
]
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"name": "src",
|
|
199
|
+
"description": "The source of the avatar.",
|
|
231
200
|
"values": []
|
|
232
201
|
},
|
|
233
|
-
{ "name": "variant", "values": [] },
|
|
234
202
|
{
|
|
235
|
-
"name": "
|
|
236
|
-
"description": "
|
|
203
|
+
"name": "alt",
|
|
204
|
+
"description": "The alt text of the avatar.",
|
|
237
205
|
"values": []
|
|
238
206
|
},
|
|
239
207
|
{
|
|
240
|
-
"name": "
|
|
241
|
-
"description": "The
|
|
208
|
+
"name": "width",
|
|
209
|
+
"description": "The width of the avatar. This will override the size.",
|
|
210
|
+
"values": []
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"name": "height",
|
|
214
|
+
"description": "The height of the avatar. This will override the size.",
|
|
242
215
|
"values": []
|
|
243
216
|
}
|
|
244
217
|
],
|
|
245
218
|
"references": [
|
|
246
219
|
{
|
|
247
220
|
"name": "Documentation",
|
|
248
|
-
"url": "https://shoelace.style/components/
|
|
221
|
+
"url": "https://shoelace.style/components/avatar"
|
|
249
222
|
}
|
|
250
223
|
]
|
|
251
224
|
},
|
|
@@ -296,6 +269,33 @@
|
|
|
296
269
|
}
|
|
297
270
|
]
|
|
298
271
|
},
|
|
272
|
+
{
|
|
273
|
+
"name": "dap-ds-accordion-group",
|
|
274
|
+
"description": "An accordion group is a collection of accordion components.\n---\n\n\n### **Events:**\n - **dds-change** - Event fired when an accordion is opened or closed.\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.",
|
|
275
|
+
"attributes": [
|
|
276
|
+
{
|
|
277
|
+
"name": "autoClose",
|
|
278
|
+
"description": "Whether to close other accordions when one is opened.",
|
|
279
|
+
"values": []
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
"name": "variant",
|
|
283
|
+
"description": "The variant of the accordion",
|
|
284
|
+
"values": [
|
|
285
|
+
{ "name": "default" },
|
|
286
|
+
{ "name": "collapsed" },
|
|
287
|
+
{ "name": "clean" },
|
|
288
|
+
{ "name": "clean-collapsed" }
|
|
289
|
+
]
|
|
290
|
+
}
|
|
291
|
+
],
|
|
292
|
+
"references": [
|
|
293
|
+
{
|
|
294
|
+
"name": "Documentation",
|
|
295
|
+
"url": "https://shoelace.style/components/accordion-group"
|
|
296
|
+
}
|
|
297
|
+
]
|
|
298
|
+
},
|
|
299
299
|
{
|
|
300
300
|
"name": "dap-ds-button",
|
|
301
301
|
"description": "A button is a clickable element that can be used to trigger an action.\n---\n\n\n### **Slots:**\n - _default_ - The content of the button.\n\n### **CSS Properties:**\n - **--dds-button-padding-x** - Horizontal padding of the button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-button-padding-y** - Vertical padding of the button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-button-border-radius** - Border radius of the button (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-button-font-weight** - Font weight of the button (default: 700) _(default: undefined)_\n- **--dds-button-line-height** - Line height of the button (default: var(--dds-font-line-height-large)) _(default: undefined)_\n- **--dds-button-transition** - Transition property of the button (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-button-disabled-opacity** - Opacity of disabled button (default: 0.5) _(default: undefined)_\n- **--dds-button-size-lg** - Size of large button (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-button-size-md** - Size of medium button (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-button-size-sm** - Size of small button (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-button-size-xs** - Size of extra small button (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-button-circle-lg** - Size of large circle button (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-button-circle-md** - Size of medium circle button (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-button-circle-sm** - Size of small circle button (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-button-circle-xs** - Size of extra small circle button (default: var(--dds-spacing-600)) Primary button properties: _(default: undefined)_\n- **--dds-button-primary-color-bg** - Background color of primary button (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-button-primary-color-bg-hover** - Background color of primary button on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-button-primary-color-bg-active** - Background color of primary button when active (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-button-primary-color-bg-disabled** - Background color of disabled primary button (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-button-primary-color-text** - Text color of primary button (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-button-primary-color-text-disabled** - Text color of disabled primary button (default: var(--dds-button-primary-text-disabled)) Primary inverted button properties: _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg** - Background color of primary inverted button (default: var(--dds-button-primary-background-inverted-enabled)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg-hover** - Background color of primary inverted button on hover (default: var(--dds-button-primary-background-inverted-hover)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg-active** - Background color of primary inverted button when active (default: var(--dds-button-primary-background-inverted-pressed)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg-disabled** - Background color of disabled primary inverted button (default: var(--dds-button-primary-background-inverted-disabled)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-text** - Text color of primary inverted button (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-text-disabled** - Text color of disabled primary inverted button (default: var(--dds-button-primary-text-inverted-disabled)) Outline button properties: _(default: undefined)_\n- **--dds-button-outline-color-border** - Border color of outline button (default: var(--dds-button-outline-border-enabled)) _(default: undefined)_\n- **--dds-button-outline-color-border-hover** - Border color of outline button on hover (default: var(--dds-button-outline-border-hover)) _(default: undefined)_\n- **--dds-button-outline-color-border-active** - Border color of outline button when active (default: var(--dds-button-outline-border-pressed)) _(default: undefined)_\n- **--dds-button-outline-color-border-disabled** - Border color of disabled outline button (default: var(--dds-button-outline-border-disabled)) _(default: undefined)_\n- **--dds-button-outline-color-text** - Text color of outline button (default: var(--dds-button-outline-text-enabled)) _(default: undefined)_\n- **--dds-button-outline-color-text-hover** - Text color of outline button on hover (default: var(--dds-button-outline-text-hover)) _(default: undefined)_\n- **--dds-button-outline-color-text-active** - Text color of outline button when active (default: var(--dds-button-outline-text-pressed)) _(default: undefined)_\n- **--dds-button-outline-color-text-disabled** - Text color of disabled outline button (default: var(--dds-button-outline-text-disabled)) Outline inverted button properties: _(default: undefined)_\n- **--dds-button-outline-inverted-color-border** - Border color of outline inverted button (default: var(--dds-button-outline-border-inverted-enabled)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-border-hover** - Border color of outline inverted button on hover (default: var(--dds-button-outline-border-inverted-hover)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-border-active** - Border color of outline inverted button when active (default: var(--dds-button-outline-border-inverted-pressed)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-border-disabled** - Border color of disabled outline inverted button (default: var(--dds-button-outline-border-inverted-disabled)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text** - Text color of outline inverted button (default: var(--dds-button-outline-text-inverted-enabled)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text-hover** - Text color of outline inverted button on hover (default: var(--dds-button-outline-text-inverted-hover)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text-active** - Text color of outline inverted button when active (default: var(--dds-button-outline-text-inverted-pressed)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text-disabled** - Text color of disabled outline inverted button (default: var(--dds-button-outline-text-inverted-disabled)) Subtle button properties: _(default: undefined)_\n- **--dds-button-subtle-color-bg** - Background color of subtle button (default: var(--dds-button-subtle-background-enabled)) _(default: undefined)_\n- **--dds-button-subtle-color-bg-hover** - Background color of subtle button on hover (default: var(--dds-button-subtle-background-hover)) _(default: undefined)_\n- **--dds-button-subtle-color-bg-active** - Background color of subtle button when active (default: var(--dds-button-subtle-background-pressed)) _(default: undefined)_\n- **--dds-button-subtle-color-bg-disabled** - Background color of disabled subtle button (default: var(--dds-button-subtle-background-disabled)) _(default: undefined)_\n- **--dds-button-subtle-color-border** - Border color of subtle button (default: var(--dds-button-subtle-border-enabled)) _(default: undefined)_\n- **--dds-button-subtle-color-border-hover** - Border color of subtle button on hover (default: var(--dds-button-subtle-border-hover)) _(default: undefined)_\n- **--dds-button-subtle-color-border-active** - Border color of subtle button when active (default: var(--dds-button-subtle-border-pressed)) _(default: undefined)_\n- **--dds-button-subtle-color-border-disabled** - Border color of disabled subtle button (default: var(--dds-button-subtle-border-disabled)) _(default: undefined)_\n- **--dds-button-subtle-color-text** - Text color of subtle button (default: var(--dds-button-subtle-text-enabled)) _(default: undefined)_\n- **--dds-button-subtle-color-text-hover** - Text color of subtle button on hover (default: var(--dds-button-subtle-text-hover)) _(default: undefined)_\n- **--dds-button-subtle-color-text-active** - Text color of subtle button when active (default: var(--dds-button-subtle-text-pressed)) _(default: undefined)_\n- **--dds-button-subtle-color-text-disabled** - Text color of disabled subtle button (default: var(--dds-button-subtle-text-disabled)) Clean button properties: _(default: undefined)_\n- **--dds-button-clean-color-text** - Text color of clean button (default: var(--dds-text-link-base)) _(default: undefined)_\n- **--dds-button-clean-color-text-hover** - Text color of clean button on hover (default: var(--dds-text-link-hover)) _(default: undefined)_\n- **--dds-button-clean-color-text-active** - Text color of clean button when active (default: var(--dds-text-link-pressed)) _(default: undefined)_\n- **--dds-button-clean-color-text-disabled** - Text color of disabled clean button (default: var(--dds-text-neutral-disabled)) Clean inverted button properties: _(default: undefined)_\n- **--dds-button-clean-inverted-color-text** - Text color of clean inverted button (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-clean-inverted-color-text-hover** - Text color of clean inverted button on hover (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-clean-inverted-color-text-active** - Text color of clean inverted button when active (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-clean-inverted-color-text-disabled** - Text color of disabled clean inverted button (default: var(--dds-text-neutral-disabled)) Danger button properties: _(default: undefined)_\n- **--dds-button-danger-color-bg** - Background color of danger button (default: var(--dds-button-primary-background-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-color-bg-hover** - Background color of danger button on hover (default: var(--dds-button-primary-background-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-color-bg-active** - Background color of danger button when active (default: var(--dds-button-primary-background-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-color-text** - Text color of danger button (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-button-danger-outline-color-border** - Border color of danger outline button (default: var(--dds-button-outline-border-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-outline-color-border-hover** - Border color of danger outline button on hover (default: var(--dds-button-outline-border-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-outline-color-border-active** - Border color of danger outline button when active (default: var(--dds-button-outline-border-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-outline-color-text** - Text color of danger outline button (default: var(--dds-button-outline-text-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-outline-color-text-hover** - Text color of danger outline button on hover (default: var(--dds-button-outline-text-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-outline-color-text-active** - Text color of danger outline button when active (default: var(--dds-button-outline-text-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-bg** - Background color of danger subtle button (default: var(--dds-button-subtle-background-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-bg-hover** - Background color of danger subtle button on hover (default: var(--dds-button-subtle-background-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-bg-active** - Background color of danger subtle button when active (default: var(--dds-button-subtle-background-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-text** - Text color of danger subtle button (default: var(--dds-button-subtle-text-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-text-hover** - Text color of danger subtle button on hover (default: var(--dds-button-subtle-text-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-text-active** - Text color of danger subtle button when active (default: var(--dds-button-subtle-text-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-clean-color-text** - Text color of danger clean button (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n- **--dds-button-danger-clean-color-text-hover** - Text color of danger clean button on hover (default: var(--dds-text-negative-base)) _(default: undefined)_\n- **--dds-button-danger-clean-color-text-active** - Text color of danger clean button when active (default: var(--dds-text-negative-strong)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main button container.\n- **high-contrast** - The high contrast part of the button.",
|
|
@@ -1557,7 +1557,7 @@
|
|
|
1557
1557
|
},
|
|
1558
1558
|
{
|
|
1559
1559
|
"name": "dap-ds-link",
|
|
1560
|
-
"description": "A link is a reference to a web resource.\n---\n\n\n### **Slots:**\n - _default_ - The text of the link.\n\n### **CSS Properties:**\n - **--dds-link-color** - The color of the link text _(default: undefined)_\n- **--dds-link-hover-color** - The color of the link text on hover _(default: undefined)_\n- **--dds-link-active-color** - The color of the link text when active _(default: undefined)_\n- **--dds-link-visited-color** - The color of the visited link text _(default: undefined)_\n- **--dds-link-font-size** - The font size of the link text _(default: undefined)_\n- **--dds-link-line-height** - The line height of the link text _(default: undefined)_\n- **--dds-link-font-weight** - The font weight of the link text _(default: undefined)_\n- **--dds-link-text-decoration** - The text decoration of the link _(default: undefined)_\n- **--dds-link-neutral-color** - The color of the neutral variant link _(default: undefined)_\n- **--dds-link-neutral-hover-color** - The hover color of the neutral variant link _(default: undefined)_\n- **--dds-link-neutral-active-color** - The active color of the neutral variant link _(default: undefined)_\n- **--dds-link-neutral-visited-color** - The visited color of the neutral variant link _(default: undefined)_\n- **--dds-link-brand-color** - The color of the brand variant link _(default: undefined)_\n- **--dds-link-brand-hover-color** - The hover color of the brand variant link _(default: undefined)_\n- **--dds-link-brand-active-color** - The active color of the brand variant link _(default: undefined)_\n- **--dds-link-brand-visited-color** - The visited color of the brand variant link _(default: undefined)_\n- **--dds-link-inverted-color** - The color of the inverted variant link _(default: undefined)_\n- **--dds-link-inverted-hover-color** - The hover color of the inverted variant link _(default: undefined)_\n- **--dds-link-inverted-active-color** - The active color of the inverted variant link _(default: undefined)_\n- **--dds-link-inverted-visited-color** - The visited color of the inverted variant link _(default: undefined)_\n- **--dds-link-warning-color** - The color of the warning variant link _(default: undefined)_\n- **--dds-link-warning-hover-color** - The hover color of the warning variant link _(default: undefined)_\n- **--dds-link-warning-active-color** - The active color of the warning variant link _(default: undefined)_\n- **--dds-link-warning-visited-color** - The visited color of the warning variant link _(default: undefined)_\n- **--dds-link-disabled-color** - The color of the disabled link _(default: undefined)_\n- **--dds-link-disabled-hover-color** - The hover color of the disabled link _(default: undefined)_\n- **--dds-link-disabled-active-color** - The active color of the disabled link _(default: undefined)_\n- **--dds-link-disabled-visited-color** - The visited color of the disabled link _(default: undefined)_\n- **--dds-link-lg-font-size** - The font size of the large link _(default: undefined)_\n- **--dds-link-lg-line-height** - The line height of the large link _(default: undefined)_\n- **--dds-link-md-font-size** - The font size of the medium link _(default: undefined)_\n- **--dds-link-md-line-height** - The line height of the medium link _(default: undefined)_\n- **--dds-link-sm-font-size** - The font size of the small link _(default: undefined)_\n- **--dds-link-sm-line-height** - The line height of the small link _(default: undefined)_\n- **--dds-link-xs-font-size** - The font size of the extra small link _(default: undefined)_\n- **--dds-link-xs-line-height** - The line height of the extra small link _(default: undefined)_\n- **--dds-link-normal-font-weight** - The font weight of the normal link _(default: undefined)_\n- **--dds-link-bold-font-weight** - The font weight of the bold link _(default: undefined)_\n- **--dds-link-no-underline-text-decoration** - The text decoration when underline is removed _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main link container.\n- **text** - The text of the link.",
|
|
1560
|
+
"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\n### **CSS Properties:**\n - **--dds-link-color** - The color of the link text _(default: undefined)_\n- **--dds-link-hover-color** - The color of the link text on hover _(default: undefined)_\n- **--dds-link-active-color** - The color of the link text when active _(default: undefined)_\n- **--dds-link-visited-color** - The color of the visited link text _(default: undefined)_\n- **--dds-link-font-size** - The font size of the link text _(default: undefined)_\n- **--dds-link-line-height** - The line height of the link text _(default: undefined)_\n- **--dds-link-font-weight** - The font weight of the link text _(default: undefined)_\n- **--dds-link-text-decoration** - The text decoration of the link _(default: undefined)_\n- **--dds-link-neutral-color** - The color of the neutral variant link _(default: undefined)_\n- **--dds-link-neutral-hover-color** - The hover color of the neutral variant link _(default: undefined)_\n- **--dds-link-neutral-active-color** - The active color of the neutral variant link _(default: undefined)_\n- **--dds-link-neutral-visited-color** - The visited color of the neutral variant link _(default: undefined)_\n- **--dds-link-brand-color** - The color of the brand variant link _(default: undefined)_\n- **--dds-link-brand-hover-color** - The hover color of the brand variant link _(default: undefined)_\n- **--dds-link-brand-active-color** - The active color of the brand variant link _(default: undefined)_\n- **--dds-link-brand-visited-color** - The visited color of the brand variant link _(default: undefined)_\n- **--dds-link-inverted-color** - The color of the inverted variant link _(default: undefined)_\n- **--dds-link-inverted-hover-color** - The hover color of the inverted variant link _(default: undefined)_\n- **--dds-link-inverted-active-color** - The active color of the inverted variant link _(default: undefined)_\n- **--dds-link-inverted-visited-color** - The visited color of the inverted variant link _(default: undefined)_\n- **--dds-link-warning-color** - The color of the warning variant link _(default: undefined)_\n- **--dds-link-warning-hover-color** - The hover color of the warning variant link _(default: undefined)_\n- **--dds-link-warning-active-color** - The active color of the warning variant link _(default: undefined)_\n- **--dds-link-warning-visited-color** - The visited color of the warning variant link _(default: undefined)_\n- **--dds-link-disabled-color** - The color of the disabled link _(default: undefined)_\n- **--dds-link-disabled-hover-color** - The hover color of the disabled link _(default: undefined)_\n- **--dds-link-disabled-active-color** - The active color of the disabled link _(default: undefined)_\n- **--dds-link-disabled-visited-color** - The visited color of the disabled link _(default: undefined)_\n- **--dds-link-lg-font-size** - The font size of the large link _(default: undefined)_\n- **--dds-link-lg-line-height** - The line height of the large link _(default: undefined)_\n- **--dds-link-md-font-size** - The font size of the medium link _(default: undefined)_\n- **--dds-link-md-line-height** - The line height of the medium link _(default: undefined)_\n- **--dds-link-sm-font-size** - The font size of the small link _(default: undefined)_\n- **--dds-link-sm-line-height** - The line height of the small link _(default: undefined)_\n- **--dds-link-xs-font-size** - The font size of the extra small link _(default: undefined)_\n- **--dds-link-xs-line-height** - The line height of the extra small link _(default: undefined)_\n- **--dds-link-normal-font-weight** - The font weight of the normal link _(default: undefined)_\n- **--dds-link-bold-font-weight** - The font weight of the bold link _(default: undefined)_\n- **--dds-link-no-underline-text-decoration** - The text decoration when underline is removed _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main link container.\n- **text** - The text of the link.",
|
|
1561
1561
|
"attributes": [
|
|
1562
1562
|
{
|
|
1563
1563
|
"name": "size",
|
|
@@ -4883,6 +4883,80 @@
|
|
|
4883
4883
|
}
|
|
4884
4884
|
]
|
|
4885
4885
|
},
|
|
4886
|
+
{
|
|
4887
|
+
"name": "dap-ds-icon-lock-fill",
|
|
4888
|
+
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
4889
|
+
"attributes": [
|
|
4890
|
+
{
|
|
4891
|
+
"name": "size",
|
|
4892
|
+
"description": "(optional) The width and height in pixels",
|
|
4893
|
+
"values": []
|
|
4894
|
+
},
|
|
4895
|
+
{
|
|
4896
|
+
"name": "selected",
|
|
4897
|
+
"description": "(optional) Sets the icon color via the `fill` attribute",
|
|
4898
|
+
"values": []
|
|
4899
|
+
},
|
|
4900
|
+
{
|
|
4901
|
+
"name": "decorative",
|
|
4902
|
+
"description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
|
|
4903
|
+
"values": []
|
|
4904
|
+
},
|
|
4905
|
+
{
|
|
4906
|
+
"name": "accessibilityTitle",
|
|
4907
|
+
"description": "(optional) When using the icon standalone, make it meaningful for accessibility",
|
|
4908
|
+
"values": []
|
|
4909
|
+
},
|
|
4910
|
+
{
|
|
4911
|
+
"name": "focusable",
|
|
4912
|
+
"description": "(optional) If `true` the icon can receive focus",
|
|
4913
|
+
"values": []
|
|
4914
|
+
}
|
|
4915
|
+
],
|
|
4916
|
+
"references": [
|
|
4917
|
+
{
|
|
4918
|
+
"name": "Documentation",
|
|
4919
|
+
"url": "https://shoelace.style/components/icon-lock-fill"
|
|
4920
|
+
}
|
|
4921
|
+
]
|
|
4922
|
+
},
|
|
4923
|
+
{
|
|
4924
|
+
"name": "dap-ds-icon-lock-line",
|
|
4925
|
+
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
4926
|
+
"attributes": [
|
|
4927
|
+
{
|
|
4928
|
+
"name": "size",
|
|
4929
|
+
"description": "(optional) The width and height in pixels",
|
|
4930
|
+
"values": []
|
|
4931
|
+
},
|
|
4932
|
+
{
|
|
4933
|
+
"name": "selected",
|
|
4934
|
+
"description": "(optional) Sets the icon color via the `fill` attribute",
|
|
4935
|
+
"values": []
|
|
4936
|
+
},
|
|
4937
|
+
{
|
|
4938
|
+
"name": "decorative",
|
|
4939
|
+
"description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
|
|
4940
|
+
"values": []
|
|
4941
|
+
},
|
|
4942
|
+
{
|
|
4943
|
+
"name": "accessibilityTitle",
|
|
4944
|
+
"description": "(optional) When using the icon standalone, make it meaningful for accessibility",
|
|
4945
|
+
"values": []
|
|
4946
|
+
},
|
|
4947
|
+
{
|
|
4948
|
+
"name": "focusable",
|
|
4949
|
+
"description": "(optional) If `true` the icon can receive focus",
|
|
4950
|
+
"values": []
|
|
4951
|
+
}
|
|
4952
|
+
],
|
|
4953
|
+
"references": [
|
|
4954
|
+
{
|
|
4955
|
+
"name": "Documentation",
|
|
4956
|
+
"url": "https://shoelace.style/components/icon-lock-line"
|
|
4957
|
+
}
|
|
4958
|
+
]
|
|
4959
|
+
},
|
|
4886
4960
|
{
|
|
4887
4961
|
"name": "dap-ds-icon-menu-line",
|
|
4888
4962
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
@@ -4995,7 +5069,7 @@
|
|
|
4995
5069
|
]
|
|
4996
5070
|
},
|
|
4997
5071
|
{
|
|
4998
|
-
"name": "dap-ds-icon-
|
|
5072
|
+
"name": "dap-ds-icon-shield-check-fill",
|
|
4999
5073
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
5000
5074
|
"attributes": [
|
|
5001
5075
|
{
|
|
@@ -5027,12 +5101,12 @@
|
|
|
5027
5101
|
"references": [
|
|
5028
5102
|
{
|
|
5029
5103
|
"name": "Documentation",
|
|
5030
|
-
"url": "https://shoelace.style/components/icon-
|
|
5104
|
+
"url": "https://shoelace.style/components/icon-shield-check-fill"
|
|
5031
5105
|
}
|
|
5032
5106
|
]
|
|
5033
5107
|
},
|
|
5034
5108
|
{
|
|
5035
|
-
"name": "dap-ds-icon-
|
|
5109
|
+
"name": "dap-ds-icon-shield-check-line",
|
|
5036
5110
|
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
5037
5111
|
"attributes": [
|
|
5038
5112
|
{
|
|
@@ -5064,7 +5138,44 @@
|
|
|
5064
5138
|
"references": [
|
|
5065
5139
|
{
|
|
5066
5140
|
"name": "Documentation",
|
|
5067
|
-
"url": "https://shoelace.style/components/icon-
|
|
5141
|
+
"url": "https://shoelace.style/components/icon-shield-check-line"
|
|
5142
|
+
}
|
|
5143
|
+
]
|
|
5144
|
+
},
|
|
5145
|
+
{
|
|
5146
|
+
"name": "dap-ds-icon-star-fill",
|
|
5147
|
+
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
5148
|
+
"attributes": [
|
|
5149
|
+
{
|
|
5150
|
+
"name": "size",
|
|
5151
|
+
"description": "(optional) The width and height in pixels",
|
|
5152
|
+
"values": []
|
|
5153
|
+
},
|
|
5154
|
+
{
|
|
5155
|
+
"name": "selected",
|
|
5156
|
+
"description": "(optional) Sets the icon color via the `fill` attribute",
|
|
5157
|
+
"values": []
|
|
5158
|
+
},
|
|
5159
|
+
{
|
|
5160
|
+
"name": "decorative",
|
|
5161
|
+
"description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
|
|
5162
|
+
"values": []
|
|
5163
|
+
},
|
|
5164
|
+
{
|
|
5165
|
+
"name": "accessibilityTitle",
|
|
5166
|
+
"description": "(optional) When using the icon standalone, make it meaningful for accessibility",
|
|
5167
|
+
"values": []
|
|
5168
|
+
},
|
|
5169
|
+
{
|
|
5170
|
+
"name": "focusable",
|
|
5171
|
+
"description": "(optional) If `true` the icon can receive focus",
|
|
5172
|
+
"values": []
|
|
5173
|
+
}
|
|
5174
|
+
],
|
|
5175
|
+
"references": [
|
|
5176
|
+
{
|
|
5177
|
+
"name": "Documentation",
|
|
5178
|
+
"url": "https://shoelace.style/components/icon-star-fill"
|
|
5068
5179
|
}
|
|
5069
5180
|
]
|
|
5070
5181
|
},
|
|
@@ -5104,6 +5215,43 @@
|
|
|
5104
5215
|
"url": "https://shoelace.style/components/icon-subtract-line2"
|
|
5105
5216
|
}
|
|
5106
5217
|
]
|
|
5218
|
+
},
|
|
5219
|
+
{
|
|
5220
|
+
"name": "dap-ds-icon-subtract-line",
|
|
5221
|
+
"description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
|
|
5222
|
+
"attributes": [
|
|
5223
|
+
{
|
|
5224
|
+
"name": "size",
|
|
5225
|
+
"description": "(optional) The width and height in pixels",
|
|
5226
|
+
"values": []
|
|
5227
|
+
},
|
|
5228
|
+
{
|
|
5229
|
+
"name": "selected",
|
|
5230
|
+
"description": "(optional) Sets the icon color via the `fill` attribute",
|
|
5231
|
+
"values": []
|
|
5232
|
+
},
|
|
5233
|
+
{
|
|
5234
|
+
"name": "decorative",
|
|
5235
|
+
"description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
|
|
5236
|
+
"values": []
|
|
5237
|
+
},
|
|
5238
|
+
{
|
|
5239
|
+
"name": "accessibilityTitle",
|
|
5240
|
+
"description": "(optional) When using the icon standalone, make it meaningful for accessibility",
|
|
5241
|
+
"values": []
|
|
5242
|
+
},
|
|
5243
|
+
{
|
|
5244
|
+
"name": "focusable",
|
|
5245
|
+
"description": "(optional) If `true` the icon can receive focus",
|
|
5246
|
+
"values": []
|
|
5247
|
+
}
|
|
5248
|
+
],
|
|
5249
|
+
"references": [
|
|
5250
|
+
{
|
|
5251
|
+
"name": "Documentation",
|
|
5252
|
+
"url": "https://shoelace.style/components/icon-subtract-line"
|
|
5253
|
+
}
|
|
5254
|
+
]
|
|
5107
5255
|
}
|
|
5108
5256
|
]
|
|
5109
5257
|
}
|