dap-design-system 0.59.2 → 0.60.0
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/datatable/datatable.component.d.ts +14 -0
- package/dist/{components-BQQTd9Dz.js → components-DU5UQYWN.js} +684 -650
- package/dist/components-DU5UQYWN.js.map +1 -0
- package/dist/components.js +1 -1
- package/dist/dds.js +1 -1
- package/dist/manifest/types/vue/index.d.ts +107 -104
- package/dist/manifest/vscode.html-custom-data.json +100 -95
- package/dist/manifest/web-types.json +214 -204
- package/dist/react/index.d.ts +4 -4
- package/dist/react-types.ts +4 -4
- package/dist/react.js +28 -28
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/dist/components-BQQTd9Dz.js.map +0 -1
|
@@ -14,51 +14,72 @@
|
|
|
14
14
|
]
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
|
-
"name": "dap-ds-
|
|
18
|
-
"description": "
|
|
17
|
+
"name": "dap-ds-avatar",
|
|
18
|
+
"description": "Avatar component can be used to display user profile images, initials, or icons.\n---\n\n\n### **Events:**\n - **dds-load** - Fired when the image loads successfully.\n- **dds-error** - Fired when the image fails to load.\n\n### **Slots:**\n - **icon** - The icon to display when variant is 'icon'.\n- **fallback** - Custom fallback content when image fails to load.\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar (default: 50%) _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar (default: var(--dds-neutral-200)) _(default: undefined)_\n- **--dds-avatar-border-width** - The border width of the avatar (default: 0) _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border (default: transparent) _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border (default: solid) _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-avatar-text-color** - The text color for initials (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-avatar-font-weight** - The font weight for initials (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-avatar-lg-size** - Size for large avatars (default: var(--dds-avatar-size-lg)) _(default: undefined)_\n- **--dds-avatar-md-size** - Size for medium avatars (default: var(--dds-avatar-size-md)) _(default: undefined)_\n- **--dds-avatar-sm-size** - Size for small avatars (default: var(--dds-avatar-size-sm)) _(default: undefined)_\n- **--dds-avatar-xs-size** - Size for extra small avatars (default: var(--dds-avatar-size-xs)) _(default: undefined)_\n- **--dds-avatar-xxs-size** - Size for extra extra small avatars (default: var(--dds-avatar-size-xxs)) _(default: undefined)_\n- **--dds-avatar-font-size-lg** - Font size for large avatars (default: var(--dds-font-2xl)) _(default: undefined)_\n- **--dds-avatar-font-size-md** - Font size for medium avatars (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-avatar-font-size-sm** - Font size for small avatars (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-avatar-font-size-xs** - Font size for extra small avatars (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-avatar-font-size-xxs** - Font size for extra extra small avatars (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-avatar-hover-transform** - Transform applied on hover for interactive avatars (default: scale(1.05)) _(default: undefined)_\n- **--dds-avatar-active-transform** - Transform applied when active for interactive avatars (default: scale(0.95)) _(default: undefined)_\n- **--dds-avatar-focus-ring** - Focus ring style for interactive avatars (default: 0 0 0 2px var(--dds-focus-outer-ring)) _(default: undefined)_\n- **--dds-avatar-loading-background** - Background color when loading (default: var(--dds-neutral-100)) _(default: undefined)_\n- **--dds-avatar-error-background** - Background color when image fails to load (default: var(--dds-negative-100)) _(default: undefined)_\n- **--dds-avatar-error-color** - Text color when image fails to load (default: var(--dds-negative-600)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar container.\n- **img** - The avatar image.\n- **initials** - The initials container.\n- **icon** - The icon container.\n- **fallback** - The fallback content container.\n- **loading** - The loading indicator.",
|
|
19
19
|
"attributes": [
|
|
20
20
|
{
|
|
21
|
-
"name": "
|
|
22
|
-
"description": "
|
|
23
|
-
"values": [
|
|
21
|
+
"name": "shape",
|
|
22
|
+
"description": "The shape of the avatar",
|
|
23
|
+
"values": [
|
|
24
|
+
{ "name": "circle" },
|
|
25
|
+
{ "name": "rounded" },
|
|
26
|
+
{ "name": "square" }
|
|
27
|
+
]
|
|
24
28
|
},
|
|
25
29
|
{
|
|
26
30
|
"name": "variant",
|
|
27
|
-
"description": "The variant of the
|
|
31
|
+
"description": "The variant type of the avatar",
|
|
28
32
|
"values": [
|
|
29
|
-
{ "name": "
|
|
30
|
-
{ "name": "
|
|
31
|
-
{ "name": "
|
|
32
|
-
{ "name": "clean-collapsed" }
|
|
33
|
+
{ "name": "image" },
|
|
34
|
+
{ "name": "initials" },
|
|
35
|
+
{ "name": "icon" }
|
|
33
36
|
]
|
|
34
|
-
}
|
|
35
|
-
],
|
|
36
|
-
"references": [
|
|
37
|
+
},
|
|
37
38
|
{
|
|
38
|
-
"name": "
|
|
39
|
-
"
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
"name": "dap-ds-anchor-heading",
|
|
45
|
-
"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.",
|
|
46
|
-
"attributes": [
|
|
39
|
+
"name": "src",
|
|
40
|
+
"description": "The source of the avatar image",
|
|
41
|
+
"values": []
|
|
42
|
+
},
|
|
47
43
|
{
|
|
48
|
-
"name": "
|
|
49
|
-
"description": "The
|
|
50
|
-
"values": [
|
|
44
|
+
"name": "alt",
|
|
45
|
+
"description": "The alt text of the avatar",
|
|
46
|
+
"values": []
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"name": "initials",
|
|
50
|
+
"description": "The initials to display when variant is 'initials'",
|
|
51
|
+
"values": []
|
|
51
52
|
},
|
|
52
53
|
{
|
|
53
54
|
"name": "label",
|
|
54
|
-
"description": "
|
|
55
|
+
"description": "Accessible label for the avatar",
|
|
56
|
+
"values": []
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"name": "loading",
|
|
60
|
+
"description": "Loading state indicator",
|
|
61
|
+
"values": []
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"name": "interactive",
|
|
65
|
+
"description": "Whether the avatar is interactive (clickable)",
|
|
66
|
+
"values": []
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"name": "width",
|
|
70
|
+
"description": "The width of the avatar. This will override the size",
|
|
71
|
+
"values": []
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"name": "height",
|
|
75
|
+
"description": "The height of the avatar. This will override the size",
|
|
55
76
|
"values": []
|
|
56
77
|
}
|
|
57
78
|
],
|
|
58
79
|
"references": [
|
|
59
80
|
{
|
|
60
81
|
"name": "Documentation",
|
|
61
|
-
"url": "https://shoelace.style/components/
|
|
82
|
+
"url": "https://shoelace.style/components/avatar"
|
|
62
83
|
}
|
|
63
84
|
]
|
|
64
85
|
},
|
|
@@ -105,72 +126,36 @@
|
|
|
105
126
|
]
|
|
106
127
|
},
|
|
107
128
|
{
|
|
108
|
-
"name": "dap-ds-
|
|
109
|
-
"description": "
|
|
129
|
+
"name": "dap-ds-badge",
|
|
130
|
+
"description": "A badge is a small status descriptor for UI elements.\n---\n\n\n### **Slots:**\n - _default_ - The content of the badge.\n- **icon** - The icon of the badge.\n\n### **CSS Properties:**\n - **--dds-badge-border-width** - The width of the badge's border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-badge-border-style** - The style of the badge's border (default: solid) _(default: undefined)_\n- **--dds-badge-border-radius** - The border radius of the badge (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-badge-font-weight** - The font weight of the badge text (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-badge-line-height** - The line height of the badge text (default: 1.2) _(default: undefined)_\n- **--dds-badge-transition** - The transition property for the badge (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-badge-padding-sm** - The padding of the small badge (default: var(--dds-spacing-100) var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-badge-padding-lg** - The padding of the large badge (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-badge-font-size-sm** - The font size of the small badge (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-badge-font-size-lg** - The font size of the large badge (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-badge-neutral-border-color** - The border color of the neutral badge (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-badge-neutral-background** - The background color of the neutral badge (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-badge-neutral-color** - The text color of the neutral badge (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-badge-brand-border-color** - The border color of the brand badge (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-badge-brand-background** - The background color of the brand badge (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-badge-brand-color** - The text color of the brand badge (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-badge-info-border-color** - The border color of the info badge (default: var(--dds-border-informative-base)) _(default: undefined)_\n- **--dds-badge-info-background** - The background color of the info badge (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-badge-info-color** - The text color of the info badge (default: var(--dds-text-informative-subtle)) _(default: undefined)_\n- **--dds-badge-positive-border-color** - The border color of the positive badge (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-badge-positive-background** - The background color of the positive badge (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-badge-positive-color** - The text color of the positive badge (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-badge-warning-border-color** - The border color of the warning badge (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-badge-warning-background** - The background color of the warning badge (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-badge-warning-color** - The text color of the warning badge (default: var(--dds-text-warning-subtle)) _(default: undefined)_\n- **--dds-badge-negative-border-color** - The border color of the negative badge (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-badge-negative-background** - The background color of the negative badge (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-badge-negative-color** - The text color of the negative badge (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the badge.\n- **icon** - The icon of the badge.\n- **content** - The content of the badge.\n- **icon-base** - The base of the icon.",
|
|
110
131
|
"attributes": [
|
|
111
132
|
{
|
|
112
|
-
"name": "
|
|
113
|
-
"description": "The
|
|
114
|
-
"values": [
|
|
115
|
-
{ "name": "circle" },
|
|
116
|
-
{ "name": "rounded" },
|
|
117
|
-
{ "name": "square" }
|
|
118
|
-
]
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
"name": "variant",
|
|
122
|
-
"description": "The variant type of the avatar",
|
|
133
|
+
"name": "type",
|
|
134
|
+
"description": "The type of the badge",
|
|
123
135
|
"values": [
|
|
124
|
-
{ "name": "
|
|
125
|
-
{ "name": "
|
|
126
|
-
{ "name": "
|
|
136
|
+
{ "name": "neutral" },
|
|
137
|
+
{ "name": "brand" },
|
|
138
|
+
{ "name": "info" },
|
|
139
|
+
{ "name": "positive" },
|
|
140
|
+
{ "name": "warning" },
|
|
141
|
+
{ "name": "negative" }
|
|
127
142
|
]
|
|
128
143
|
},
|
|
129
144
|
{
|
|
130
|
-
"name": "
|
|
131
|
-
"description": "The
|
|
132
|
-
"values": []
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
"name": "alt",
|
|
136
|
-
"description": "The alt text of the avatar",
|
|
137
|
-
"values": []
|
|
138
|
-
},
|
|
139
|
-
{
|
|
140
|
-
"name": "initials",
|
|
141
|
-
"description": "The initials to display when variant is 'initials'",
|
|
142
|
-
"values": []
|
|
143
|
-
},
|
|
144
|
-
{
|
|
145
|
-
"name": "label",
|
|
146
|
-
"description": "Accessible label for the avatar",
|
|
147
|
-
"values": []
|
|
148
|
-
},
|
|
149
|
-
{
|
|
150
|
-
"name": "loading",
|
|
151
|
-
"description": "Loading state indicator",
|
|
152
|
-
"values": []
|
|
153
|
-
},
|
|
154
|
-
{
|
|
155
|
-
"name": "interactive",
|
|
156
|
-
"description": "Whether the avatar is interactive (clickable)",
|
|
157
|
-
"values": []
|
|
158
|
-
},
|
|
159
|
-
{
|
|
160
|
-
"name": "width",
|
|
161
|
-
"description": "The width of the avatar. This will override the size",
|
|
145
|
+
"name": "icon",
|
|
146
|
+
"description": "The icon of the badge, this is a name of a built in icon",
|
|
162
147
|
"values": []
|
|
163
148
|
},
|
|
164
149
|
{
|
|
165
|
-
"name": "
|
|
166
|
-
"description": "
|
|
150
|
+
"name": "live",
|
|
151
|
+
"description": "Whether the badge represents dynamic content that should announce changes",
|
|
167
152
|
"values": []
|
|
168
153
|
}
|
|
169
154
|
],
|
|
170
155
|
"references": [
|
|
171
156
|
{
|
|
172
157
|
"name": "Documentation",
|
|
173
|
-
"url": "https://shoelace.style/components/
|
|
158
|
+
"url": "https://shoelace.style/components/badge"
|
|
174
159
|
}
|
|
175
160
|
]
|
|
176
161
|
},
|
|
@@ -223,36 +208,51 @@
|
|
|
223
208
|
]
|
|
224
209
|
},
|
|
225
210
|
{
|
|
226
|
-
"name": "dap-ds-
|
|
227
|
-
"description": "
|
|
211
|
+
"name": "dap-ds-accordion-group",
|
|
212
|
+
"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.",
|
|
228
213
|
"attributes": [
|
|
229
214
|
{
|
|
230
|
-
"name": "
|
|
231
|
-
"description": "
|
|
215
|
+
"name": "autoClose",
|
|
216
|
+
"description": "Whether to close other accordions when one is opened.",
|
|
217
|
+
"values": []
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"name": "variant",
|
|
221
|
+
"description": "The variant of the accordion",
|
|
232
222
|
"values": [
|
|
233
|
-
{ "name": "
|
|
234
|
-
{ "name": "
|
|
235
|
-
{ "name": "
|
|
236
|
-
{ "name": "
|
|
237
|
-
{ "name": "warning" },
|
|
238
|
-
{ "name": "negative" }
|
|
223
|
+
{ "name": "default" },
|
|
224
|
+
{ "name": "collapsed" },
|
|
225
|
+
{ "name": "clean" },
|
|
226
|
+
{ "name": "clean-collapsed" }
|
|
239
227
|
]
|
|
240
|
-
}
|
|
228
|
+
}
|
|
229
|
+
],
|
|
230
|
+
"references": [
|
|
241
231
|
{
|
|
242
|
-
"name": "
|
|
243
|
-
"
|
|
244
|
-
|
|
232
|
+
"name": "Documentation",
|
|
233
|
+
"url": "https://shoelace.style/components/accordion-group"
|
|
234
|
+
}
|
|
235
|
+
]
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"name": "dap-ds-anchor-heading",
|
|
239
|
+
"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.",
|
|
240
|
+
"attributes": [
|
|
241
|
+
{
|
|
242
|
+
"name": "variant",
|
|
243
|
+
"description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
|
|
244
|
+
"values": [{ "name": "HeadingVariant" }]
|
|
245
245
|
},
|
|
246
246
|
{
|
|
247
|
-
"name": "
|
|
248
|
-
"description": "
|
|
247
|
+
"name": "label",
|
|
248
|
+
"description": "The label of the heading.",
|
|
249
249
|
"values": []
|
|
250
250
|
}
|
|
251
251
|
],
|
|
252
252
|
"references": [
|
|
253
253
|
{
|
|
254
254
|
"name": "Documentation",
|
|
255
|
-
"url": "https://shoelace.style/components/
|
|
255
|
+
"url": "https://shoelace.style/components/anchor-heading"
|
|
256
256
|
}
|
|
257
257
|
]
|
|
258
258
|
},
|
|
@@ -1106,6 +1106,11 @@
|
|
|
1106
1106
|
"description": "Enable row selection on the table, can be a boolean or a function that returns a boolean",
|
|
1107
1107
|
"values": [{ "name": "((row: Row<T>) => boolean)" }]
|
|
1108
1108
|
},
|
|
1109
|
+
{
|
|
1110
|
+
"name": "stickySelectionColumn",
|
|
1111
|
+
"description": "Pin the built-in row-selection (checkbox) column to the left edge, so it\nstays visible while the other columns scroll horizontally under it.",
|
|
1112
|
+
"values": []
|
|
1113
|
+
},
|
|
1109
1114
|
{
|
|
1110
1115
|
"name": "enableSorting",
|
|
1111
1116
|
"description": "Enable sorting on the table",
|