@vscode-elements/elements 2.3.1 → 2.3.2-pre.1
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/README.md +3 -1
- package/custom-elements.json +1301 -879
- package/dist/bundled.js +255 -73
- package/dist/includes/VscElement.js +1 -1
- package/dist/includes/VscElement.js.map +1 -1
- package/dist/includes/vscode-select/OptionListController.d.ts +1 -1
- package/dist/includes/vscode-select/OptionListController.d.ts.map +1 -1
- package/dist/includes/vscode-select/OptionListController.js +1 -1
- package/dist/includes/vscode-select/OptionListController.js.map +1 -1
- package/dist/includes/vscode-select/vscode-select-base.d.ts +2 -0
- package/dist/includes/vscode-select/vscode-select-base.d.ts.map +1 -1
- package/dist/includes/vscode-select/vscode-select-base.js +9 -1
- package/dist/includes/vscode-select/vscode-select-base.js.map +1 -1
- package/dist/vscode-button/vscode-button.d.ts +5 -0
- package/dist/vscode-button/vscode-button.d.ts.map +1 -1
- package/dist/vscode-button/vscode-button.js +8 -0
- package/dist/vscode-button/vscode-button.js.map +1 -1
- package/dist/vscode-button/vscode-button.styles.d.ts.map +1 -1
- package/dist/vscode-button/vscode-button.styles.js +11 -0
- package/dist/vscode-button/vscode-button.styles.js.map +1 -1
- package/dist/vscode-collapsible/vscode-collapsible.d.ts +1 -0
- package/dist/vscode-collapsible/vscode-collapsible.d.ts.map +1 -1
- package/dist/vscode-collapsible/vscode-collapsible.js +4 -1
- package/dist/vscode-collapsible/vscode-collapsible.js.map +1 -1
- package/dist/vscode-collapsible/vscode-collapsible.styles.d.ts.map +1 -1
- package/dist/vscode-collapsible/vscode-collapsible.styles.js +4 -0
- package/dist/vscode-collapsible/vscode-collapsible.styles.js.map +1 -1
- package/dist/vscode-split-layout/vscode-split-layout.d.ts +18 -0
- package/dist/vscode-split-layout/vscode-split-layout.d.ts.map +1 -1
- package/dist/vscode-split-layout/vscode-split-layout.js +87 -14
- package/dist/vscode-split-layout/vscode-split-layout.js.map +1 -1
- package/dist/vscode-tree/tree-context.d.ts +1 -0
- package/dist/vscode-tree/tree-context.d.ts.map +1 -1
- package/dist/vscode-tree/tree-context.js.map +1 -1
- package/dist/vscode-tree/vscode-tree.d.ts +1 -1
- package/dist/vscode-tree/vscode-tree.d.ts.map +1 -1
- package/dist/vscode-tree/vscode-tree.js +4 -3
- package/dist/vscode-tree/vscode-tree.js.map +1 -1
- package/dist/vscode-tree/vscode-tree.styles.js +1 -1
- package/dist/vscode-tree/vscode-tree.styles.js.map +1 -1
- package/dist/vscode-tree-item/vscode-tree-item.d.ts +28 -1
- package/dist/vscode-tree-item/vscode-tree-item.d.ts.map +1 -1
- package/dist/vscode-tree-item/vscode-tree-item.js +257 -22
- package/dist/vscode-tree-item/vscode-tree-item.js.map +1 -1
- package/dist/vscode-tree-item/vscode-tree-item.styles.d.ts.map +1 -1
- package/dist/vscode-tree-item/vscode-tree-item.styles.js +147 -6
- package/dist/vscode-tree-item/vscode-tree-item.styles.js.map +1 -1
- package/package.json +12 -8
- package/vscode.css-custom-data.json +24 -24
- package/vscode.html-custom-data.json +69 -54
|
@@ -2,23 +2,6 @@
|
|
|
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": "vscode-badge",
|
|
7
|
-
"description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.\n---\n\n\n### **CSS Properties:**\n - **--vscode-font-family** - A sans-serif font type depends on the host OS. _(default: sans-serif)_\n- **--vscode-contrastBorder** - undefined _(default: transparent)_\n- **--vscode-badge-background** - default and counter variant background color _(default: #616161)_\n- **--vscode-badge-foreground** - default and counter variant foreground color _(default: #f8f8f8)_\n- **--vscode-activityBarBadge-background** - activity bar variant background color _(default: #0078d4)_\n- **--vscode-activityBarBadge-foreground** - activity bar variant foreground color _(default: #ffffff)_",
|
|
8
|
-
"attributes": [
|
|
9
|
-
{
|
|
10
|
-
"name": "variant",
|
|
11
|
-
"values": [
|
|
12
|
-
{ "name": "" },
|
|
13
|
-
{ "name": "default" },
|
|
14
|
-
{ "name": "counter" },
|
|
15
|
-
{ "name": "activity-bar-counter" },
|
|
16
|
-
{ "name": "tab-header-counter" }
|
|
17
|
-
]
|
|
18
|
-
}
|
|
19
|
-
],
|
|
20
|
-
"references": []
|
|
21
|
-
},
|
|
22
5
|
{
|
|
23
6
|
"name": "vscode-button",
|
|
24
7
|
"description": "Clickable element that are used to trigger actions.\n---\n\n\n### **Slots:**\n - **content-before** - Slot before the main content.\n- **content-after** - Slot after the main content.\n\n### **CSS Properties:**\n - **--vscode-button-background** - undefined _(default: #0078d4)_\n- **--vscode-button-foreground** - undefined _(default: #ffffff)_\n- **--vscode-button-border** - undefined _(default: var(--vscode-button-background, rgba(255, 255, 255, 0.07)))_\n- **--vscode-button-hoverBackground** - undefined _(default: #026ec1)_\n- **--vscode-font-family** - A sans-serif font type depends on the host OS. _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-button-secondaryForeground** - undefined _(default: #cccccc)_\n- **--vscode-button-secondaryBackground** - undefined _(default: #313131)_\n- **--vscode-button-secondaryHoverBackground** - undefined _(default: #3c3c3c)_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_\n\n### **CSS Parts:**\n - **base** - The main content area of the component.",
|
|
@@ -29,6 +12,11 @@
|
|
|
29
12
|
"description": "Button has a less prominent style.",
|
|
30
13
|
"values": []
|
|
31
14
|
},
|
|
15
|
+
{
|
|
16
|
+
"name": "block",
|
|
17
|
+
"description": "Makes the button fill its container and use VS Code's block sizing,\nsimilar to the Source Control \"Commit\" action.",
|
|
18
|
+
"values": []
|
|
19
|
+
},
|
|
32
20
|
{ "name": "disabled", "values": [] },
|
|
33
21
|
{
|
|
34
22
|
"name": "icon",
|
|
@@ -75,6 +63,23 @@
|
|
|
75
63
|
],
|
|
76
64
|
"references": []
|
|
77
65
|
},
|
|
66
|
+
{
|
|
67
|
+
"name": "vscode-badge",
|
|
68
|
+
"description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.\n---\n\n\n### **CSS Properties:**\n - **--vscode-font-family** - A sans-serif font type depends on the host OS. _(default: sans-serif)_\n- **--vscode-contrastBorder** - undefined _(default: transparent)_\n- **--vscode-badge-background** - default and counter variant background color _(default: #616161)_\n- **--vscode-badge-foreground** - default and counter variant foreground color _(default: #f8f8f8)_\n- **--vscode-activityBarBadge-background** - activity bar variant background color _(default: #0078d4)_\n- **--vscode-activityBarBadge-foreground** - activity bar variant foreground color _(default: #ffffff)_",
|
|
69
|
+
"attributes": [
|
|
70
|
+
{
|
|
71
|
+
"name": "variant",
|
|
72
|
+
"values": [
|
|
73
|
+
{ "name": "" },
|
|
74
|
+
{ "name": "default" },
|
|
75
|
+
{ "name": "counter" },
|
|
76
|
+
{ "name": "activity-bar-counter" },
|
|
77
|
+
{ "name": "tab-header-counter" }
|
|
78
|
+
]
|
|
79
|
+
}
|
|
80
|
+
],
|
|
81
|
+
"references": []
|
|
82
|
+
},
|
|
78
83
|
{
|
|
79
84
|
"name": "vscode-button-group",
|
|
80
85
|
"description": "Shows a split button, including several components in a single button. Commonly used to show a button with a dropdown to the right.\n---\n\n\n### **CSS Properties:**\n - **--vscode-button-background** - undefined _(default: #0078d4)_\n- **--vscode-button-foreground** - undefined _(default: #ffffff)_\n- **--vscode-button-border** - undefined _(default: var(--vscode-button-background, rgba(255, 255, 255, 0.07)))_\n- **--vscode-button-hoverBackground** - undefined _(default: #026ec1)_\n- **--vscode-font-family** - A sans-serif font type depends on the host OS. _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-button-secondaryForeground** - undefined _(default: #cccccc)_\n- **--vscode-button-secondaryBackground** - undefined _(default: #313131)_\n- **--vscode-button-secondaryHoverBackground** - undefined _(default: #3c3c3c)_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_",
|
|
@@ -135,19 +140,6 @@
|
|
|
135
140
|
],
|
|
136
141
|
"references": []
|
|
137
142
|
},
|
|
138
|
-
{
|
|
139
|
-
"name": "vscode-context-menu",
|
|
140
|
-
"description": "\n---\n\n\n### **Events:**\n - **vsc-menu-select** - Emitted when a menu item is clicked\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-menu-background** - undefined _(default: #1f1f1f)_\n- **--vscode-menu-border** - undefined _(default: #454545)_\n- **--vscode-menu-foreground** - undefined _(default: #cccccc)_\n- **--vscode-widget-shadow** - undefined _(default: rgba(0, 0, 0, 0.36))_",
|
|
141
|
-
"attributes": [
|
|
142
|
-
{
|
|
143
|
-
"name": "prevent-close",
|
|
144
|
-
"description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
|
|
145
|
-
"values": []
|
|
146
|
-
},
|
|
147
|
-
{ "name": "show", "values": [] }
|
|
148
|
-
],
|
|
149
|
-
"references": []
|
|
150
|
-
},
|
|
151
143
|
{
|
|
152
144
|
"name": "vscode-collapsible",
|
|
153
145
|
"description": "Allows users to reveal or hide related content on a page.\n---\n\n\n### **Events:**\n - **vsc-collapsible-toggle** - Dispatched when the content visibility is changed.\n\n### **Slots:**\n - _default_ - Main content.\n- **actions** - You can place any action icon in this slot in the header, but it's also possible to use any HTML element in it. It's only visible when the component is open.\n- **decorations** - The elements placed in the decorations slot are always visible.\n\n### **CSS Properties:**\n - **--vscode-sideBar-background** - Background color _(default: #181818)_\n- **--vscode-focusBorder** - Focus border color _(default: #0078d4)_\n- **--vscode-font-family** - Header font family _(default: sans-serif)_\n- **--vscode-sideBarSectionHeader-background** - Header background _(default: #181818)_\n- **--vscode-icon-foreground** - Arrow icon color _(default: #cccccc)_\n- **--vscode-sideBarTitle-foreground** - Header font color _(default: #cccccc)_\n\n### **CSS Parts:**\n - **body** - Container for the toggleable content of the component. The container's overflow content is hidden by default. This CSS part can serve as an escape hatch to modify this behavior.",
|
|
@@ -173,22 +165,15 @@
|
|
|
173
165
|
"references": []
|
|
174
166
|
},
|
|
175
167
|
{
|
|
176
|
-
"name": "vscode-
|
|
177
|
-
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-foreground** - undefined _(default: #cccccc)_",
|
|
168
|
+
"name": "vscode-context-menu",
|
|
169
|
+
"description": "\n---\n\n\n### **Events:**\n - **vsc-menu-select** - Emitted when a menu item is clicked\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-menu-background** - undefined _(default: #1f1f1f)_\n- **--vscode-menu-border** - undefined _(default: #454545)_\n- **--vscode-menu-foreground** - undefined _(default: #cccccc)_\n- **--vscode-widget-shadow** - undefined _(default: rgba(0, 0, 0, 0.36))_",
|
|
178
170
|
"attributes": [
|
|
179
171
|
{
|
|
180
|
-
"name": "
|
|
181
|
-
"
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
},
|
|
186
|
-
{
|
|
187
|
-
"name": "vscode-form-container",
|
|
188
|
-
"description": "\n---\n",
|
|
189
|
-
"attributes": [
|
|
190
|
-
{ "name": "responsive", "values": [] },
|
|
191
|
-
{ "name": "breakpoint", "values": [] }
|
|
172
|
+
"name": "prevent-close",
|
|
173
|
+
"description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
|
|
174
|
+
"values": []
|
|
175
|
+
},
|
|
176
|
+
{ "name": "show", "values": [] }
|
|
192
177
|
],
|
|
193
178
|
"references": []
|
|
194
179
|
},
|
|
@@ -204,6 +189,17 @@
|
|
|
204
189
|
],
|
|
205
190
|
"references": []
|
|
206
191
|
},
|
|
192
|
+
{
|
|
193
|
+
"name": "vscode-divider",
|
|
194
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-foreground** - undefined _(default: #cccccc)_",
|
|
195
|
+
"attributes": [
|
|
196
|
+
{
|
|
197
|
+
"name": "role",
|
|
198
|
+
"values": [{ "name": "separator" }, { "name": "presentation" }]
|
|
199
|
+
}
|
|
200
|
+
],
|
|
201
|
+
"references": []
|
|
202
|
+
},
|
|
207
203
|
{
|
|
208
204
|
"name": "vscode-form-group",
|
|
209
205
|
"description": "\n---\n\n\n### **CSS Properties:**\n - **--label-width** - The width of the label in horizontal mode _(default: 150px)_\n- **--label-right-margin** - The right margin of the label in horizontal mode _(default: 14px)_",
|
|
@@ -212,6 +208,15 @@
|
|
|
212
208
|
],
|
|
213
209
|
"references": []
|
|
214
210
|
},
|
|
211
|
+
{
|
|
212
|
+
"name": "vscode-form-container",
|
|
213
|
+
"description": "\n---\n",
|
|
214
|
+
"attributes": [
|
|
215
|
+
{ "name": "responsive", "values": [] },
|
|
216
|
+
{ "name": "breakpoint", "values": [] }
|
|
217
|
+
],
|
|
218
|
+
"references": []
|
|
219
|
+
},
|
|
215
220
|
{
|
|
216
221
|
"name": "vscode-form-helper",
|
|
217
222
|
"description": "Adds more detailed description to a [FromGroup](https://bendera.github.io/vscode-webview-elements/components/vscode-form-group/)\n---\n\n\n### **CSS Properties:**\n - **--vsc-foreground-translucent** - Default text color. 90% transparency version of `--vscode-foreground` by default. _(default: undefined)_",
|
|
@@ -361,6 +366,16 @@
|
|
|
361
366
|
],
|
|
362
367
|
"references": []
|
|
363
368
|
},
|
|
369
|
+
{
|
|
370
|
+
"name": "vscode-progress-ring",
|
|
371
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-progressBar-background** - undefined _(default: #0078d4)_",
|
|
372
|
+
"attributes": [
|
|
373
|
+
{ "name": "aria-label", "values": [] },
|
|
374
|
+
{ "name": "aria-live", "values": [] },
|
|
375
|
+
{ "name": "role", "values": [] }
|
|
376
|
+
],
|
|
377
|
+
"references": []
|
|
378
|
+
},
|
|
364
379
|
{
|
|
365
380
|
"name": "vscode-radio",
|
|
366
381
|
"description": "When participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.\n---\n\n\n### **Events:**\n - **change** - Dispatched when checked state is changed.\n- **invalid** - Dispatched when the element is invalid and `checkValidity()` has been called or the form containing this element is submitted. [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event)\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-settings-checkboxBackground** - undefined _(default: #313131)_\n- **--vscode-settings-checkboxBorder** - undefined _(default: #3c3c3c)_\n- **--vscode-settings-checkboxForeground** - undefined _(default: #cccccc)_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_\n- **--vscode-inputValidation-errorBackground** - undefined _(default: #5a1d1d)_\n- **--vscode-inputValidation-errorBorder** - undefined _(default: #be1100)_",
|
|
@@ -386,16 +401,6 @@
|
|
|
386
401
|
],
|
|
387
402
|
"references": []
|
|
388
403
|
},
|
|
389
|
-
{
|
|
390
|
-
"name": "vscode-progress-ring",
|
|
391
|
-
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-progressBar-background** - undefined _(default: #0078d4)_",
|
|
392
|
-
"attributes": [
|
|
393
|
-
{ "name": "aria-label", "values": [] },
|
|
394
|
-
{ "name": "aria-live", "values": [] },
|
|
395
|
-
{ "name": "role", "values": [] }
|
|
396
|
-
],
|
|
397
|
-
"references": []
|
|
398
|
-
},
|
|
399
404
|
{
|
|
400
405
|
"name": "vscode-radio-group",
|
|
401
406
|
"description": "\n---\n\n\n### **Events:**\n - **change** - Dispatched when a child radio button is changed.",
|
|
@@ -545,6 +550,16 @@
|
|
|
545
550
|
"name": "fixed-pane",
|
|
546
551
|
"description": "The size of the fixed pane will not change when the component is resized.",
|
|
547
552
|
"values": [{ "name": "start" }, { "name": "end" }, { "name": "none" }]
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
"name": "min-start",
|
|
556
|
+
"description": "Minimum size of the start pane expressed in `px` or `%`.",
|
|
557
|
+
"values": []
|
|
558
|
+
},
|
|
559
|
+
{
|
|
560
|
+
"name": "min-end",
|
|
561
|
+
"description": "Minimum size of the end pane expressed in `px` or `%`.",
|
|
562
|
+
"values": []
|
|
548
563
|
}
|
|
549
564
|
],
|
|
550
565
|
"references": []
|