@vscode-elements/elements 2.3.1-pre.1 → 2.3.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/custom-elements.json +704 -681
- package/dist/bundled.js +9 -9
- package/dist/includes/VscElement.js +1 -1
- package/dist/includes/VscElement.js.map +1 -1
- package/dist/includes/vscode-select/OptionListController.d.ts.map +1 -1
- package/dist/includes/vscode-select/OptionListController.js +9 -3
- package/dist/includes/vscode-select/OptionListController.js.map +1 -1
- package/dist/vscode-multi-select/vscode-multi-select.d.ts +1 -0
- package/dist/vscode-multi-select/vscode-multi-select.d.ts.map +1 -1
- package/dist/vscode-multi-select/vscode-multi-select.js +5 -9
- package/dist/vscode-multi-select/vscode-multi-select.js.map +1 -1
- package/dist/vscode-scrollable/vscode-scrollable.d.ts +2 -0
- package/dist/vscode-scrollable/vscode-scrollable.d.ts.map +1 -1
- package/dist/vscode-scrollable/vscode-scrollable.js +7 -0
- package/dist/vscode-scrollable/vscode-scrollable.js.map +1 -1
- package/dist/vscode-tree-item/vscode-tree-item.d.ts.map +1 -1
- package/dist/vscode-tree-item/vscode-tree-item.js +3 -2
- package/dist/vscode-tree-item/vscode-tree-item.js.map +1 -1
- package/package.json +2 -2
- package/vscode.css-custom-data.json +24 -24
- package/vscode.html-custom-data.json +52 -52
|
@@ -2,6 +2,23 @@
|
|
|
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
|
+
},
|
|
5
22
|
{
|
|
6
23
|
"name": "vscode-button",
|
|
7
24
|
"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.",
|
|
@@ -58,23 +75,6 @@
|
|
|
58
75
|
],
|
|
59
76
|
"references": []
|
|
60
77
|
},
|
|
61
|
-
{
|
|
62
|
-
"name": "vscode-badge",
|
|
63
|
-
"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)_",
|
|
64
|
-
"attributes": [
|
|
65
|
-
{
|
|
66
|
-
"name": "variant",
|
|
67
|
-
"values": [
|
|
68
|
-
{ "name": "" },
|
|
69
|
-
{ "name": "default" },
|
|
70
|
-
{ "name": "counter" },
|
|
71
|
-
{ "name": "activity-bar-counter" },
|
|
72
|
-
{ "name": "tab-header-counter" }
|
|
73
|
-
]
|
|
74
|
-
}
|
|
75
|
-
],
|
|
76
|
-
"references": []
|
|
77
|
-
},
|
|
78
78
|
{
|
|
79
79
|
"name": "vscode-button-group",
|
|
80
80
|
"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,6 +135,19 @@
|
|
|
135
135
|
],
|
|
136
136
|
"references": []
|
|
137
137
|
},
|
|
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
|
+
},
|
|
138
151
|
{
|
|
139
152
|
"name": "vscode-collapsible",
|
|
140
153
|
"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.",
|
|
@@ -159,31 +172,6 @@
|
|
|
159
172
|
],
|
|
160
173
|
"references": []
|
|
161
174
|
},
|
|
162
|
-
{
|
|
163
|
-
"name": "vscode-context-menu",
|
|
164
|
-
"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))_",
|
|
165
|
-
"attributes": [
|
|
166
|
-
{
|
|
167
|
-
"name": "prevent-close",
|
|
168
|
-
"description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
|
|
169
|
-
"values": []
|
|
170
|
-
},
|
|
171
|
-
{ "name": "show", "values": [] }
|
|
172
|
-
],
|
|
173
|
-
"references": []
|
|
174
|
-
},
|
|
175
|
-
{
|
|
176
|
-
"name": "vscode-context-menu-item",
|
|
177
|
-
"description": "\n---\n\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-selectionBorder** - undefined _(default: transparent)_\n- **--vscode-menu-foreground** - undefined _(default: #cccccc)_\n- **--vscode-menu-selectionBackground** - undefined _(default: #0078d4)_\n- **--vscode-menu-selectionForeground** - undefined _(default: #ffffff)_\n- **--vscode-menu-separatorBackground** - undefined _(default: #454545)_",
|
|
178
|
-
"attributes": [
|
|
179
|
-
{ "name": "label", "values": [] },
|
|
180
|
-
{ "name": "keybinding", "values": [] },
|
|
181
|
-
{ "name": "value", "values": [] },
|
|
182
|
-
{ "name": "separator", "values": [] },
|
|
183
|
-
{ "name": "tabindex", "values": [] }
|
|
184
|
-
],
|
|
185
|
-
"references": []
|
|
186
|
-
},
|
|
187
175
|
{
|
|
188
176
|
"name": "vscode-divider",
|
|
189
177
|
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-foreground** - undefined _(default: #cccccc)_",
|
|
@@ -204,6 +192,18 @@
|
|
|
204
192
|
],
|
|
205
193
|
"references": []
|
|
206
194
|
},
|
|
195
|
+
{
|
|
196
|
+
"name": "vscode-context-menu-item",
|
|
197
|
+
"description": "\n---\n\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-selectionBorder** - undefined _(default: transparent)_\n- **--vscode-menu-foreground** - undefined _(default: #cccccc)_\n- **--vscode-menu-selectionBackground** - undefined _(default: #0078d4)_\n- **--vscode-menu-selectionForeground** - undefined _(default: #ffffff)_\n- **--vscode-menu-separatorBackground** - undefined _(default: #454545)_",
|
|
198
|
+
"attributes": [
|
|
199
|
+
{ "name": "label", "values": [] },
|
|
200
|
+
{ "name": "keybinding", "values": [] },
|
|
201
|
+
{ "name": "value", "values": [] },
|
|
202
|
+
{ "name": "separator", "values": [] },
|
|
203
|
+
{ "name": "tabindex", "values": [] }
|
|
204
|
+
],
|
|
205
|
+
"references": []
|
|
206
|
+
},
|
|
207
207
|
{
|
|
208
208
|
"name": "vscode-form-group",
|
|
209
209
|
"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)_",
|
|
@@ -361,16 +361,6 @@
|
|
|
361
361
|
],
|
|
362
362
|
"references": []
|
|
363
363
|
},
|
|
364
|
-
{
|
|
365
|
-
"name": "vscode-progress-ring",
|
|
366
|
-
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-progressBar-background** - undefined _(default: #0078d4)_",
|
|
367
|
-
"attributes": [
|
|
368
|
-
{ "name": "aria-label", "values": [] },
|
|
369
|
-
{ "name": "aria-live", "values": [] },
|
|
370
|
-
{ "name": "role", "values": [] }
|
|
371
|
-
],
|
|
372
|
-
"references": []
|
|
373
|
-
},
|
|
374
364
|
{
|
|
375
365
|
"name": "vscode-radio",
|
|
376
366
|
"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)_",
|
|
@@ -396,6 +386,16 @@
|
|
|
396
386
|
],
|
|
397
387
|
"references": []
|
|
398
388
|
},
|
|
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
399
|
{
|
|
400
400
|
"name": "vscode-radio-group",
|
|
401
401
|
"description": "\n---\n\n\n### **Events:**\n - **change** - Dispatched when a child radio button is changed.",
|