@vscode-elements/elements 2.0.0-pre.2 → 2.0.0-pre.3
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 +1906 -1856
- package/dist/bundled.js +204 -195
- package/dist/includes/VscElement.js +1 -1
- package/dist/includes/VscElement.js.map +1 -1
- package/dist/vscode-tree/helpers.d.ts +4 -6
- package/dist/vscode-tree/helpers.d.ts.map +1 -1
- package/dist/vscode-tree/helpers.js +45 -68
- package/dist/vscode-tree/helpers.js.map +1 -1
- package/dist/vscode-tree/tree-context.d.ts +5 -5
- 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 +74 -7
- package/dist/vscode-tree/vscode-tree.d.ts.map +1 -1
- package/dist/vscode-tree/vscode-tree.js +117 -51
- package/dist/vscode-tree/vscode-tree.js.map +1 -1
- package/dist/vscode-tree/vscode-tree.styles.d.ts.map +1 -1
- package/dist/vscode-tree/vscode-tree.styles.js +39 -3
- package/dist/vscode-tree/vscode-tree.styles.js.map +1 -1
- package/dist/vscode-tree-item/vscode-tree-item.d.ts +5 -0
- package/dist/vscode-tree-item/vscode-tree-item.d.ts.map +1 -1
- package/dist/vscode-tree-item/vscode-tree-item.js +77 -36
- 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 +25 -50
- package/dist/vscode-tree-item/vscode-tree-item.styles.js.map +1 -1
- package/package.json +3 -3
- package/vscode.css-custom-data.json +39 -39
- package/vscode.html-custom-data.json +108 -84
|
@@ -2,21 +2,6 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
|
|
3
3
|
"version": 1.1,
|
|
4
4
|
"properties": [
|
|
5
|
-
{ "name": "--vscode-button-background", "values": [] },
|
|
6
|
-
{ "name": "--vscode-button-foreground", "values": [] },
|
|
7
|
-
{ "name": "--vscode-button-border", "values": [] },
|
|
8
|
-
{ "name": "--vscode-button-hoverBackground", "values": [] },
|
|
9
|
-
{
|
|
10
|
-
"name": "--vscode-font-family",
|
|
11
|
-
"description": "A sans-serif font type depends on the host OS.",
|
|
12
|
-
"values": []
|
|
13
|
-
},
|
|
14
|
-
{ "name": "--vscode-font-size", "values": [] },
|
|
15
|
-
{ "name": "--vscode-font-weight", "values": [] },
|
|
16
|
-
{ "name": "--vscode-button-secondaryForeground", "values": [] },
|
|
17
|
-
{ "name": "--vscode-button-secondaryBackground", "values": [] },
|
|
18
|
-
{ "name": "--vscode-button-secondaryHoverBackground", "values": [] },
|
|
19
|
-
{ "name": "--vscode-focusBorder", "values": [] },
|
|
20
5
|
{
|
|
21
6
|
"name": "--vscode-font-family",
|
|
22
7
|
"description": "A sans-serif font type depends on the host OS.",
|
|
@@ -58,6 +43,31 @@
|
|
|
58
43
|
{ "name": "--vscode-button-secondaryBackground", "values": [] },
|
|
59
44
|
{ "name": "--vscode-button-secondaryHoverBackground", "values": [] },
|
|
60
45
|
{ "name": "--vscode-focusBorder", "values": [] },
|
|
46
|
+
{ "name": "--vscode-button-background", "values": [] },
|
|
47
|
+
{ "name": "--vscode-button-foreground", "values": [] },
|
|
48
|
+
{ "name": "--vscode-button-border", "values": [] },
|
|
49
|
+
{ "name": "--vscode-button-hoverBackground", "values": [] },
|
|
50
|
+
{
|
|
51
|
+
"name": "--vscode-font-family",
|
|
52
|
+
"description": "A sans-serif font type depends on the host OS.",
|
|
53
|
+
"values": []
|
|
54
|
+
},
|
|
55
|
+
{ "name": "--vscode-font-size", "values": [] },
|
|
56
|
+
{ "name": "--vscode-font-weight", "values": [] },
|
|
57
|
+
{ "name": "--vscode-button-secondaryForeground", "values": [] },
|
|
58
|
+
{ "name": "--vscode-button-secondaryBackground", "values": [] },
|
|
59
|
+
{ "name": "--vscode-button-secondaryHoverBackground", "values": [] },
|
|
60
|
+
{ "name": "--vscode-focusBorder", "values": [] },
|
|
61
|
+
{ "name": "--vscode-font-family", "values": [] },
|
|
62
|
+
{ "name": "--vscode-font-size", "values": [] },
|
|
63
|
+
{ "name": "--vscode-font-weight", "values": [] },
|
|
64
|
+
{ "name": "--vscode-foreground", "values": [] },
|
|
65
|
+
{ "name": "--vscode-settings-checkboxBackground", "values": [] },
|
|
66
|
+
{ "name": "--vscode-settings-checkboxBorder", "values": [] },
|
|
67
|
+
{ "name": "--vscode-settings-checkboxForeground", "values": [] },
|
|
68
|
+
{ "name": "--vscode-focusBorder", "values": [] },
|
|
69
|
+
{ "name": "--vscode-inputValidation-errorBackground", "values": [] },
|
|
70
|
+
{ "name": "--vscode-inputValidation-errorBorder", "values": [] },
|
|
61
71
|
{
|
|
62
72
|
"name": "--vscode-sideBar-background",
|
|
63
73
|
"description": "Background color",
|
|
@@ -92,28 +102,18 @@
|
|
|
92
102
|
{ "name": "--vscode-font-size", "values": [] },
|
|
93
103
|
{ "name": "--vscode-font-weight", "values": [] },
|
|
94
104
|
{ "name": "--vscode-menu-background", "values": [] },
|
|
95
|
-
{ "name": "--vscode-menu-
|
|
105
|
+
{ "name": "--vscode-menu-selectionBorder", "values": [] },
|
|
96
106
|
{ "name": "--vscode-menu-foreground", "values": [] },
|
|
97
|
-
{ "name": "--vscode-
|
|
98
|
-
{ "name": "--vscode-
|
|
99
|
-
{ "name": "--vscode-
|
|
100
|
-
{ "name": "--vscode-font-weight", "values": [] },
|
|
101
|
-
{ "name": "--vscode-foreground", "values": [] },
|
|
102
|
-
{ "name": "--vscode-settings-checkboxBackground", "values": [] },
|
|
103
|
-
{ "name": "--vscode-settings-checkboxBorder", "values": [] },
|
|
104
|
-
{ "name": "--vscode-settings-checkboxForeground", "values": [] },
|
|
105
|
-
{ "name": "--vscode-focusBorder", "values": [] },
|
|
106
|
-
{ "name": "--vscode-inputValidation-errorBackground", "values": [] },
|
|
107
|
-
{ "name": "--vscode-inputValidation-errorBorder", "values": [] },
|
|
107
|
+
{ "name": "--vscode-menu-selectionBackground", "values": [] },
|
|
108
|
+
{ "name": "--vscode-menu-selectionForeground", "values": [] },
|
|
109
|
+
{ "name": "--vscode-menu-separatorBackground", "values": [] },
|
|
108
110
|
{ "name": "--vscode-font-family", "values": [] },
|
|
109
111
|
{ "name": "--vscode-font-size", "values": [] },
|
|
110
112
|
{ "name": "--vscode-font-weight", "values": [] },
|
|
111
113
|
{ "name": "--vscode-menu-background", "values": [] },
|
|
112
|
-
{ "name": "--vscode-menu-
|
|
114
|
+
{ "name": "--vscode-menu-border", "values": [] },
|
|
113
115
|
{ "name": "--vscode-menu-foreground", "values": [] },
|
|
114
|
-
{ "name": "--vscode-
|
|
115
|
-
{ "name": "--vscode-menu-selectionForeground", "values": [] },
|
|
116
|
-
{ "name": "--vscode-menu-separatorBackground", "values": [] },
|
|
116
|
+
{ "name": "--vscode-widget-shadow", "values": [] },
|
|
117
117
|
{ "name": "--vscode-foreground", "values": [] },
|
|
118
118
|
{
|
|
119
119
|
"name": "--label-width",
|
|
@@ -130,6 +130,9 @@
|
|
|
130
130
|
"description": "Default text color. 90% transparency version of `--vscode-foreground` by default.",
|
|
131
131
|
"values": []
|
|
132
132
|
},
|
|
133
|
+
{ "name": "--vscode-font-family", "values": [] },
|
|
134
|
+
{ "name": "--vscode-font-size", "values": [] },
|
|
135
|
+
{ "name": "--vscode-foreground", "values": [] },
|
|
133
136
|
{ "name": "--vscode-icon-foreground", "values": [] },
|
|
134
137
|
{
|
|
135
138
|
"name": "--vscode-toolbar-hoverBackground",
|
|
@@ -142,9 +145,6 @@
|
|
|
142
145
|
"values": []
|
|
143
146
|
},
|
|
144
147
|
{ "name": "--vscode-focusBorder", "values": [] },
|
|
145
|
-
{ "name": "--vscode-font-family", "values": [] },
|
|
146
|
-
{ "name": "--vscode-font-size", "values": [] },
|
|
147
|
-
{ "name": "--vscode-foreground", "values": [] },
|
|
148
148
|
{
|
|
149
149
|
"name": "--dropdown-z-index",
|
|
150
150
|
"description": "workaround for dropdown z-index issues",
|
|
@@ -244,6 +244,11 @@
|
|
|
244
244
|
{ "name": "--vscode-font-family", "values": [] },
|
|
245
245
|
{ "name": "--vscode-font-size", "values": [] },
|
|
246
246
|
{ "name": "--vscode-editorGroup-border", "values": [] },
|
|
247
|
+
{ "name": "--vscode-font-family", "values": [] },
|
|
248
|
+
{ "name": "--vscode-font-size", "values": [] },
|
|
249
|
+
{ "name": "--vscode-font-weight", "values": [] },
|
|
250
|
+
{ "name": "--vscode-settings-headerBorder", "values": [] },
|
|
251
|
+
{ "name": "--vscode-panel-background", "values": [] },
|
|
247
252
|
{ "name": "--vscode-scrollbar-shadow", "values": [] },
|
|
248
253
|
{ "name": "--vscode-settings-textInputBackground", "values": [] },
|
|
249
254
|
{ "name": "--vscode-settings-textInputBorder", "values": [] },
|
|
@@ -262,11 +267,6 @@
|
|
|
262
267
|
{ "name": "--vscode-scrollbarSlider-background", "values": [] },
|
|
263
268
|
{ "name": "--vscode-scrollbarSlider-hoverBackground", "values": [] },
|
|
264
269
|
{ "name": "--vscode-scrollbarSlider-activeBackground", "values": [] },
|
|
265
|
-
{ "name": "--vscode-font-family", "values": [] },
|
|
266
|
-
{ "name": "--vscode-font-size", "values": [] },
|
|
267
|
-
{ "name": "--vscode-font-weight", "values": [] },
|
|
268
|
-
{ "name": "--vscode-settings-headerBorder", "values": [] },
|
|
269
|
-
{ "name": "--vscode-panel-background", "values": [] },
|
|
270
270
|
{ "name": "--vscode-settings-textInputBackground", "values": [] },
|
|
271
271
|
{ "name": "--vscode-settings-textInputBorder", "values": [] },
|
|
272
272
|
{ "name": "--vscode-settings-textInputForeground", "values": [] },
|
|
@@ -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### **Events:**\n - **vsc-click** - Dispatched only when button is not in disabled state.\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)_",
|
|
@@ -58,71 +75,12 @@
|
|
|
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)_",
|
|
81
81
|
"attributes": [],
|
|
82
82
|
"references": []
|
|
83
83
|
},
|
|
84
|
-
{
|
|
85
|
-
"name": "vscode-checkbox-group",
|
|
86
|
-
"description": "Arranges a group of checkboxes horizontally or vertically.\n---\n",
|
|
87
|
-
"attributes": [
|
|
88
|
-
{
|
|
89
|
-
"name": "variant",
|
|
90
|
-
"values": [{ "name": "horizontal" }, { "name": "vertical" }]
|
|
91
|
-
}
|
|
92
|
-
],
|
|
93
|
-
"references": []
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
"name": "vscode-collapsible",
|
|
97
|
-
"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.",
|
|
98
|
-
"attributes": [
|
|
99
|
-
{
|
|
100
|
-
"name": "title",
|
|
101
|
-
"description": "Component heading text",
|
|
102
|
-
"values": []
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
"name": "description",
|
|
106
|
-
"description": "Less prominent text than the title in the header",
|
|
107
|
-
"values": []
|
|
108
|
-
},
|
|
109
|
-
{ "name": "open", "values": [] }
|
|
110
|
-
],
|
|
111
|
-
"references": []
|
|
112
|
-
},
|
|
113
|
-
{
|
|
114
|
-
"name": "vscode-context-menu",
|
|
115
|
-
"description": "\n---\n\n\n### **Events:**\n - **vsc-select**\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))_",
|
|
116
|
-
"attributes": [
|
|
117
|
-
{
|
|
118
|
-
"name": "prevent-close",
|
|
119
|
-
"description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
|
|
120
|
-
"values": []
|
|
121
|
-
},
|
|
122
|
-
{ "name": "show", "values": [] }
|
|
123
|
-
],
|
|
124
|
-
"references": []
|
|
125
|
-
},
|
|
126
84
|
{
|
|
127
85
|
"name": "vscode-checkbox",
|
|
128
86
|
"description": "Allows users to select one or more options from a set. When participating in a form, it supports\nthe `:invalid` pseudo class. Otherwise the error styles can be applied through the `invalid`\nproperty.\n---\n\n\n### **Events:**\n - **change** - Dispatched when checked state is changed. The event is bubbled, so it can be listened on a parent element like the `CheckboxGroup`.\n- **vsc-change**\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### **Methods:**\n - **checkValidity(): _boolean_** - Returns `true` if the element's value is valid; otherwise, it returns `false`.\nIf the element's value is invalid, an invalid event is triggered on the element.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity)\n- **reportValidity(): _boolean_** - Returns `true` if the element's value is valid; otherwise, it returns `false`.\nIf the element's value is invalid, an invalid event is triggered on the element, and the\nbrowser displays an error message to the user.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity)\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-foreground** - undefined _(default: #cccccc)_\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)_",
|
|
@@ -161,6 +119,35 @@
|
|
|
161
119
|
],
|
|
162
120
|
"references": []
|
|
163
121
|
},
|
|
122
|
+
{
|
|
123
|
+
"name": "vscode-checkbox-group",
|
|
124
|
+
"description": "Arranges a group of checkboxes horizontally or vertically.\n---\n",
|
|
125
|
+
"attributes": [
|
|
126
|
+
{
|
|
127
|
+
"name": "variant",
|
|
128
|
+
"values": [{ "name": "horizontal" }, { "name": "vertical" }]
|
|
129
|
+
}
|
|
130
|
+
],
|
|
131
|
+
"references": []
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"name": "vscode-collapsible",
|
|
135
|
+
"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.",
|
|
136
|
+
"attributes": [
|
|
137
|
+
{
|
|
138
|
+
"name": "title",
|
|
139
|
+
"description": "Component heading text",
|
|
140
|
+
"values": []
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"name": "description",
|
|
144
|
+
"description": "Less prominent text than the title in the header",
|
|
145
|
+
"values": []
|
|
146
|
+
},
|
|
147
|
+
{ "name": "open", "values": [] }
|
|
148
|
+
],
|
|
149
|
+
"references": []
|
|
150
|
+
},
|
|
164
151
|
{
|
|
165
152
|
"name": "vscode-context-menu-item",
|
|
166
153
|
"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)_",
|
|
@@ -173,6 +160,19 @@
|
|
|
173
160
|
],
|
|
174
161
|
"references": []
|
|
175
162
|
},
|
|
163
|
+
{
|
|
164
|
+
"name": "vscode-context-menu",
|
|
165
|
+
"description": "\n---\n\n\n### **Events:**\n - **vsc-select**\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))_",
|
|
166
|
+
"attributes": [
|
|
167
|
+
{
|
|
168
|
+
"name": "prevent-close",
|
|
169
|
+
"description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
|
|
170
|
+
"values": []
|
|
171
|
+
},
|
|
172
|
+
{ "name": "show", "values": [] }
|
|
173
|
+
],
|
|
174
|
+
"references": []
|
|
175
|
+
},
|
|
176
176
|
{
|
|
177
177
|
"name": "vscode-divider",
|
|
178
178
|
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-foreground** - undefined _(default: #cccccc)_",
|
|
@@ -214,6 +214,16 @@
|
|
|
214
214
|
"attributes": [],
|
|
215
215
|
"references": []
|
|
216
216
|
},
|
|
217
|
+
{
|
|
218
|
+
"name": "vscode-label",
|
|
219
|
+
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-foreground** - undefined _(default: #cccccc)_",
|
|
220
|
+
"attributes": [
|
|
221
|
+
{ "name": "for", "values": [] },
|
|
222
|
+
{ "name": "id", "values": [] },
|
|
223
|
+
{ "name": "required", "values": [] }
|
|
224
|
+
],
|
|
225
|
+
"references": []
|
|
226
|
+
},
|
|
217
227
|
{
|
|
218
228
|
"name": "vscode-icon",
|
|
219
229
|
"description": "Display a [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html).\nIn \"action-icon\" mode it behaves like a button. In this case, it is\nrecommended that a meaningful label is specified with the `label` property.\n---\n\n\n### **CSS Properties:**\n - **--vscode-icon-foreground** - undefined _(default: #cccccc)_\n- **--vscode-toolbar-hoverBackground** - Hover state background color in `active-icon` mode _(default: rgba(90, 93, 94, 0.31))_\n- **--vscode-toolbar-activeBackground** - Active state background color in `active-icon` mode _(default: rgba(99, 102, 103, 0.31))_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_",
|
|
@@ -247,16 +257,6 @@
|
|
|
247
257
|
],
|
|
248
258
|
"references": []
|
|
249
259
|
},
|
|
250
|
-
{
|
|
251
|
-
"name": "vscode-label",
|
|
252
|
-
"description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-foreground** - undefined _(default: #cccccc)_",
|
|
253
|
-
"attributes": [
|
|
254
|
-
{ "name": "for", "values": [] },
|
|
255
|
-
{ "name": "id", "values": [] },
|
|
256
|
-
{ "name": "required", "values": [] }
|
|
257
|
-
],
|
|
258
|
-
"references": []
|
|
259
|
-
},
|
|
260
260
|
{
|
|
261
261
|
"name": "vscode-multi-select",
|
|
262
262
|
"description": "Allows to select multiple items from a list of options.\n\nWhen 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 - **vsc-change**\n- **change**\n- **input**\n\n### **CSS Properties:**\n - **--dropdown-z-index** - workaround for dropdown z-index issues _(default: 2)_\n- **--vscode-badge-background** - undefined _(default: #616161)_\n- **--vscode-badge-foreground** - undefined _(default: #f8f8f8)_\n- **--vscode-settings-dropdownBorder** - undefined _(default: #3c3c3c)_\n- **--vscode-settings-checkboxBackground** - undefined _(default: #313131)_\n- **--vscode-settings-dropdownBackground** - undefined _(default: #313131)_\n- **--vscode-settings-dropdownForeground** - undefined _(default: #cccccc)_\n- **--vscode-settings-dropdownListBorder** - undefined _(default: #454545)_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_\n- **--vscode-foreground** - undefined _(default: #cccccc)_\n- **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-inputValidation-errorBackground** - undefined _(default: #5a1d1d)_\n- **--vscode-inputValidation-errorBorder** - undefined _(default: #be1100)_\n- **--vscode-list-activeSelectionBackground** - undefined _(default: #04395e)_\n- **--vscode-list-activeSelectionForeground** - undefined _(default: #ffffff)_\n- **--vscode-list-focusOutline** - undefined _(default: #0078d4)_\n- **--vscode-list-focusHighlightForeground** - undefined _(default: #2aaaff)_\n- **--vscode-list-highlightForeground** - undefined _(default: #2aaaff)_\n- **--vscode-list-hoverBackground** - undefined _(default: #2a2d2e)_\n- **--vscode-list-hoverForeground** - undefined _(default: #ffffff)_",
|
|
@@ -628,6 +628,15 @@
|
|
|
628
628
|
"attributes": [],
|
|
629
629
|
"references": []
|
|
630
630
|
},
|
|
631
|
+
{
|
|
632
|
+
"name": "vscode-tabs",
|
|
633
|
+
"description": "\n---\n\n\n### **Events:**\n - **vsc-select**\n- **vsc-tabs-select** - Dispatched when the active tab is changed\n\n### **Slots:**\n - _default_ - Default slot. It is used for tab panels.\n- **header** - Slot for tab headers.\n- **addons** - Right aligned area in the header.\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-settings-headerBorder** - undefined _(default: undefined)_\n- **--vscode-panel-background** - undefined _(default: undefined)_",
|
|
634
|
+
"attributes": [
|
|
635
|
+
{ "name": "panel", "description": "Panel-like look", "values": [] },
|
|
636
|
+
{ "name": "selected-index", "values": [] }
|
|
637
|
+
],
|
|
638
|
+
"references": []
|
|
639
|
+
},
|
|
631
640
|
{
|
|
632
641
|
"name": "vscode-textarea",
|
|
633
642
|
"description": "Multi-line text input.\n\nWhen 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**\n- **vsc-change**\n- **vsc-input**\n- **input**\n\n### **CSS Properties:**\n - **--vscode-scrollbar-shadow** - undefined _(default: #000000)_\n- **--vscode-settings-textInputBackground** - undefined _(default: #313131)_\n- **--vscode-settings-textInputBorder** - undefined _(default: transparent)_\n- **--vscode-settings-textInputForeground** - undefined _(default: #cccccc)_\n- **--vscode-input-placeholderForeground** - undefined _(default: #989898)_\n- **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-editor-background** - undefined _(default: #1f1f1f)_\n- **--vscode-editor-foreground** - undefined _(default: #cccccc)_\n- **--vscode-editor-font-family** - undefined _(default: monospace)_\n- **--vscode-editor-font-size** - undefined _(default: 14px)_\n- **--vscode-editor-font-weight** - undefined _(default: normal)_\n- **--vscode-editor-inlineValuesForeground** - undefined _(default: rgba(255, 255, 255, 0.5))_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_\n- **--vscode-scrollbarSlider-background** - undefined _(default: rgba(121, 121, 121, 0.4))_\n- **--vscode-scrollbarSlider-hoverBackground** - undefined _(default: rgba(100, 100, 100, 0.7))_\n- **--vscode-scrollbarSlider-activeBackground** - undefined _(default: rgba(191, 191, 191, 0.4))_",
|
|
@@ -667,15 +676,6 @@
|
|
|
667
676
|
],
|
|
668
677
|
"references": []
|
|
669
678
|
},
|
|
670
|
-
{
|
|
671
|
-
"name": "vscode-tabs",
|
|
672
|
-
"description": "\n---\n\n\n### **Events:**\n - **vsc-select**\n- **vsc-tabs-select** - Dispatched when the active tab is changed\n\n### **Slots:**\n - _default_ - Default slot. It is used for tab panels.\n- **header** - Slot for tab headers.\n- **addons** - Right aligned area in the header.\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-settings-headerBorder** - undefined _(default: undefined)_\n- **--vscode-panel-background** - undefined _(default: undefined)_",
|
|
673
|
-
"attributes": [
|
|
674
|
-
{ "name": "panel", "description": "Panel-like look", "values": [] },
|
|
675
|
-
{ "name": "selected-index", "values": [] }
|
|
676
|
-
],
|
|
677
|
-
"references": []
|
|
678
|
-
},
|
|
679
679
|
{
|
|
680
680
|
"name": "vscode-textfield",
|
|
681
681
|
"description": "A simple inline textfield\n\nWhen 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 - **vsc-input**\n- **change**\n- **vsc-change**\n- **input**\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Check the component's validity state when built-in validation is used.\nBuilt-in validation is triggered when any validation-related attribute is set. Validation-related\nattributes are: `max, maxlength, min, minlength, pattern, required, step`.\nSee this [the MDN reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity) for more details.\n\n### **Slots:**\n - **content-before** - A slot before the editable area but inside of the component. It is used to place icons.\n- **content-after** - A slot after the editable area but inside of the component. It is used to place icons.\n\n### **CSS Properties:**\n - **--vscode-settings-textInputBackground** - undefined _(default: #313131)_\n- **--vscode-settings-textInputBorder** - undefined _(default: var(--vscode-settings-textInputBackground, #3c3c3c))_\n- **--vscode-settings-textInputForeground** - undefined _(default: #cccccc)_\n- **--vscode-settings-textInputBackground** - undefined _(default: #313131)_\n- **--vscode-focusBorder** - undefined _(default: #0078d4)_\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-inputValidation-errorBorder** - undefined _(default: #be1100)_\n- **--vscode-inputValidation-errorBackground** - undefined _(default: #5a1d1d)_\n- **--vscode-input-placeholderForeground** - undefined _(default: #989898)_\n- **--vscode-button-background** - undefined _(default: #0078d4)_\n- **--vscode-button-foreground** - undefined _(default: #ffffff)_\n- **--vscode-button-hoverBackground** - undefined _(default: #026ec1)_",
|
|
@@ -736,13 +736,37 @@
|
|
|
736
736
|
},
|
|
737
737
|
{
|
|
738
738
|
"name": "vscode-tree",
|
|
739
|
-
"description": "\n---\n",
|
|
739
|
+
"description": "\n---\n\n\n### **Methods:**\n - **expandAll()** - Expands all folders.\n- **collapseAll()** - Collapses all folders.",
|
|
740
740
|
"attributes": [
|
|
741
|
-
{
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
741
|
+
{
|
|
742
|
+
"name": "hide-arrows",
|
|
743
|
+
"description": "Although arrows are always visible in the Tree component by default in VSCode, some icon sets\n(e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it\npossible to mimic that behavior.",
|
|
744
|
+
"values": []
|
|
745
|
+
},
|
|
746
|
+
{
|
|
747
|
+
"name": "expand-mode",
|
|
748
|
+
"description": "Controls how tree folders are expanded when clicked. This property is designed to use\nthe `workbench.tree.expandMode` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {ExpandMode} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = ExpandMode.singleClick;\n```",
|
|
749
|
+
"values": [{ "name": "singleClick" }, { "name": "doubleClick" }]
|
|
750
|
+
},
|
|
751
|
+
{
|
|
752
|
+
"name": "indent",
|
|
753
|
+
"description": "Controls the indentation in pixels. This property is designed to use the\n`workbench.tree.indent` setting.",
|
|
754
|
+
"values": []
|
|
755
|
+
},
|
|
756
|
+
{
|
|
757
|
+
"name": "indent-guides",
|
|
758
|
+
"description": "Controls whether the tree should render indent guides. This property is\ndesigned to use the `workbench.tree.renderIndentGuides` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {IndentGuides} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = IndentGuides.onHover;\n```",
|
|
759
|
+
"values": [
|
|
760
|
+
{ "name": "none" },
|
|
761
|
+
{ "name": "onHover" },
|
|
762
|
+
{ "name": "always" }
|
|
763
|
+
]
|
|
764
|
+
},
|
|
765
|
+
{
|
|
766
|
+
"name": "multi-select",
|
|
767
|
+
"description": "Allows selecting multiple items.",
|
|
768
|
+
"values": []
|
|
769
|
+
}
|
|
746
770
|
],
|
|
747
771
|
"references": []
|
|
748
772
|
},
|