@vscode-elements/elements 1.13.2-pre.1 → 1.14.1-pre.0

package/dist/vscode-toolbar-button/vscode-toolbar-button.styles.js

@@ -0,0 +1,77 @@
+import { css } from 'lit';
+import defaultStyles from '../includes/default.styles.js';
+const styles = [
+    defaultStyles,
+    css `
+    :host {
+      display: inline-flex;
+    }
+
+    button {
+      align-items: center;
+      background-color: transparent;
+      border: 0;
+      border-radius: 5px;
+      color: var(--vscode-foreground, #cccccc);
+      cursor: pointer;
+      display: flex;
+      outline-offset: -1px;
+      outline-width: 1px;
+      padding: 0;
+      user-select: none;
+    }
+
+    button:focus-visible {
+      outline-color: var(--vscode-focusBorder, #0078d4);
+      outline-style: solid;
+    }
+
+    button:hover {
+      background-color: var(
+        --vscode-toolbar-hoverBackground,
+        rgba(90, 93, 94, 0.31)
+      );
+      outline-style: dashed;
+      outline-color: var(--vscode-toolbar-hoverOutline, transparent);
+    }
+
+    button:active {
+      background-color: var(
+        --vscode-toolbar-activeBackground,
+        rgba(99, 102, 103, 0.31)
+      );
+    }
+
+    button.checked {
+      background-color: var(
+        --vscode-inputOption-activeBackground,
+        rgba(36, 137, 219, 0.51)
+      );
+      outline-color: var(--vscode-inputOption-activeBorder, #2488db);
+      outline-style: solid;
+      color: var(--vscode-inputOption-activeForeground, #ffffff);
+    }
+
+    button.checked vscode-icon {
+      color: var(--vscode-inputOption-activeForeground, #ffffff);
+    }
+
+    vscode-icon {
+      display: block;
+      padding: 3px;
+    }
+
+    slot:not(.empty) {
+      align-items: center;
+      display: flex;
+      height: 22px;
+      padding: 0 5px 0 2px;
+    }
+
+    slot.textOnly:not(.empty) {
+      padding: 0 5px;
+    }
+  `,
+];
+export default styles;
+//# sourceMappingURL=vscode-toolbar-button.styles.js.map

package/dist/vscode-toolbar-button/vscode-toolbar-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-toolbar-button.styles.js","sourceRoot":"","sources":["../../src/vscode-toolbar-button/vscode-toolbar-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      display: inline-flex;\n    }\n\n    button {\n      align-items: center;\n      background-color: transparent;\n      border: 0;\n      border-radius: 5px;\n      color: var(--vscode-foreground, #cccccc);\n      cursor: pointer;\n      display: flex;\n      outline-offset: -1px;\n      outline-width: 1px;\n      padding: 0;\n      user-select: none;\n    }\n\n    button:focus-visible {\n      outline-color: var(--vscode-focusBorder, #0078d4);\n      outline-style: solid;\n    }\n\n    button:hover {\n      background-color: var(\n        --vscode-toolbar-hoverBackground,\n        rgba(90, 93, 94, 0.31)\n      );\n      outline-style: dashed;\n      outline-color: var(--vscode-toolbar-hoverOutline, transparent);\n    }\n\n    button:active {\n      background-color: var(\n        --vscode-toolbar-activeBackground,\n        rgba(99, 102, 103, 0.31)\n      );\n    }\n\n    button.checked {\n      background-color: var(\n        --vscode-inputOption-activeBackground,\n        rgba(36, 137, 219, 0.51)\n      );\n      outline-color: var(--vscode-inputOption-activeBorder, #2488db);\n      outline-style: solid;\n      color: var(--vscode-inputOption-activeForeground, #ffffff);\n    }\n\n    button.checked vscode-icon {\n      color: var(--vscode-inputOption-activeForeground, #ffffff);\n    }\n\n    vscode-icon {\n      display: block;\n      padding: 3px;\n    }\n\n    slot:not(.empty) {\n      align-items: center;\n      display: flex;\n      height: 22px;\n      padding: 0 5px 0 2px;\n    }\n\n    slot.textOnly:not(.empty) {\n      padding: 0 5px;\n    }\n  `,\n];\n\nexport default styles;\n"]}

package/dist/vscode-toolbar-container/index.d.ts

@@ -0,0 +1,2 @@
+export { VscodeToolbarContainer } from './vscode-toolbar-container.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/vscode-toolbar-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vscode-toolbar-container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,+BAA+B,CAAC"}

package/dist/vscode-toolbar-container/index.js

@@ -0,0 +1,2 @@
+export { VscodeToolbarContainer } from './vscode-toolbar-container.js';
+//# sourceMappingURL=index.js.map

package/dist/vscode-toolbar-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vscode-toolbar-container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,+BAA+B,CAAC","sourcesContent":["export {VscodeToolbarContainer} from './vscode-toolbar-container.js';\n"]}

package/dist/vscode-toolbar-container/vscode-toolbar-container.d.ts

@@ -0,0 +1,17 @@
+import { TemplateResult } from 'lit';
+import { VscElement } from '../includes/VscElement.js';
+/**
+ * Toolbar container
+ *
+ * @tag vscode-toolbar-container
+ */
+export declare class VscodeToolbarContainer extends VscElement {
+    static styles: import("lit").CSSResultGroup;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vscode-toolbar-container': VscodeToolbarContainer;
+    }
+}
+//# sourceMappingURL=vscode-toolbar-container.d.ts.map

package/dist/vscode-toolbar-container/vscode-toolbar-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-toolbar-container.d.ts","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AACzC,OAAO,EAAgB,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGpE;;;;GAIG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,OAAgB,MAAM,+BAAU;IAEvB,MAAM,IAAI,cAAc;CAGlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,sBAAsB,CAAC;KACpD;CACF"}

package/dist/vscode-toolbar-container/vscode-toolbar-container.js

@@ -0,0 +1,25 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { customElement, VscElement } from '../includes/VscElement.js';
+import styles from './vscode-toolbar-container.styles.js';
+/**
+ * Toolbar container
+ *
+ * @tag vscode-toolbar-container
+ */
+let VscodeToolbarContainer = class VscodeToolbarContainer extends VscElement {
+    render() {
+        return html ` <slot></slot> `;
+    }
+};
+VscodeToolbarContainer.styles = styles;
+VscodeToolbarContainer = __decorate([
+    customElement('vscode-toolbar-container')
+], VscodeToolbarContainer);
+export { VscodeToolbarContainer };
+//# sourceMappingURL=vscode-toolbar-container.js.map

package/dist/vscode-toolbar-container/vscode-toolbar-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-toolbar-container.js","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAE1D;;;;GAIG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAG3C,MAAM;QACb,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAJe,6BAAM,GAAG,MAAM,AAAT,CAAU;AADrB,sBAAsB;IADlC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,sBAAsB,CAMlC","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-toolbar-container.styles.js';\n\n/**\n * Toolbar container\n *\n * @tag vscode-toolbar-container\n */\n@customElement('vscode-toolbar-container')\nexport class VscodeToolbarContainer extends VscElement {\n  static override styles = styles;\n\n  override render(): TemplateResult {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-toolbar-container': VscodeToolbarContainer;\n  }\n}\n"]}

package/dist/vscode-toolbar-container/vscode-toolbar-container.styles.d.ts

@@ -0,0 +1,4 @@
+import { CSSResultGroup } from 'lit';
+declare const styles: CSSResultGroup;
+export default styles;
+//# sourceMappingURL=vscode-toolbar-container.styles.d.ts.map

package/dist/vscode-toolbar-container/vscode-toolbar-container.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-toolbar-container.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,QAAA,MAAM,MAAM,EAAE,cASb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/vscode-toolbar-container/vscode-toolbar-container.styles.js

@@ -0,0 +1,14 @@
+import { css } from 'lit';
+import defaultStyles from '../includes/default.styles.js';
+const styles = [
+    defaultStyles,
+    css `
+    :host {
+      gap: 4px;
+      display: flex;
+      align-items: center;
+    }
+  `,
+];
+export default styles;
+//# sourceMappingURL=vscode-toolbar-container.styles.js.map

package/dist/vscode-toolbar-container/vscode-toolbar-container.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-toolbar-container.styles.js","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;GAMF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      gap: 4px;\n      display: flex;\n      align-items: center;\n    }\n  `,\n];\n\nexport default styles;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vscode-elements/elements",
-  "version": "1.13.2-pre.1",
+  "version": "1.14.1-pre.0",
   "description": "Webcomponents for creating Visual Studio Code extensions",
   "main": "dist/main.js",
   "module": "dist/main.js",
@@ -24,10 +24,10 @@
     "prettier:fix": "prettier . --write",
     "analyze": "wireit",
     "serve": "wireit",
-    "start": "wireit",
+    "start": "concurrently --raw \"tsc --watch --preserveWatchOutput\" \"wds --watch\"",
     "test": "wireit",
     "test:coverage": "wireit",
-    "test:watch": "wtr --watch",
+    "test:watch": "concurrently --raw \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
     "checksize": "npm run build && cat dist/bundled.js | gzip -9 | wc -c",
     "icons": "node scripts/generateIconList.js",
     "vscode-data": "wireit"
@@ -76,13 +76,6 @@
       "command": "wds --watch",
       "service": true
     },
-    "start": {
-      "command": "wds --watch",
-      "dependencies": [
-        "build:watch"
-      ],
-      "service": true
-    },
     "test": {
       "command": "wtr",
       "dependencies": [
@@ -143,17 +136,17 @@
     "@bendera/wds-plugin-directory-index": "^0.4.0",
     "@custom-elements-manifest/analyzer": "^0.10.4",
     "@eslint/eslintrc": "^3.3.0",
-    "@eslint/js": "^9.21.0",
+    "@eslint/js": "^9.22.0",
     "@esm-bundle/chai": "^4.3.4-fix.0",
     "@open-wc/testing": "^4.0.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-terser": "^0.4.4",
-    "@types/chai": "^4.3.20",
+    "@types/chai": "4.3.20",
     "@types/mocha": "^10.0.10",
-    "@types/node": "^22.13.5",
-    "@typescript-eslint/eslint-plugin": "^8.25.0",
-    "@typescript-eslint/parser": "^8.25.0",
+    "@types/node": "^22.13.10",
+    "@typescript-eslint/eslint-plugin": "^8.26.0",
+    "@typescript-eslint/parser": "^8.26.0",
     "@vscode-elements/webview-playground": "^1.6.0",
     "@vscode/codicons": "^0.0.36",
     "@web/dev-server": "^0.4.6",
@@ -166,21 +159,22 @@
     "@web/test-runner-playwright": "^0.11.0",
     "@webcomponents/webcomponentsjs": "^2.8.0",
     "chokidar": "^4.0.3",
+    "concurrently": "^9.1.2",
     "custom-element-vs-code-integration": "^1.5.0",
     "deepmerge": "^4.3.1",
     "dotenv": "^16.4.7",
     "eslint-plugin-lit": "^1.15.0",
     "eslint-plugin-wc": "^2.2.1",
     "mocha": "^11.1.0",
-    "prettier": "^3.5.2",
+    "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
-    "rollup": "^4.34.8",
+    "rollup": "^4.35.0",
     "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-visualizer": "^5.14.0",
     "semver": "^7.7.1",
     "sinon": "^19.0.2",
     "ts-lit-plugin": "^2.0.2",
-    "typescript": "^5.7.3",
+    "typescript": "^5.8.2",
     "wireit": "^0.14.11"
   }
 }

package/vscode.css-custom-data.json

@@ -99,6 +99,7 @@
     { "name": "--vscode-menu-selectionBackground", "values": [] },
     { "name": "--vscode-menu-selectionForeground", "values": [] },
     { "name": "--vscode-menu-separatorBackground", "values": [] },
+    { "name": "--vscode-foreground", "values": [] },
     {
       "name": "--label-width",
       "description": "The width of the label in horizontal mode",
@@ -139,12 +140,15 @@
     { "name": "--vscode-settings-dropdownBorder", "values": [] },
     { "name": "--vscode-settings-checkboxBackground", "values": [] },
     { "name": "--vscode-settings-dropdownBackground", "values": [] },
+    { "name": "--vscode-settings-dropdownForeground", "values": [] },
     { "name": "--vscode-settings-dropdownListBorder", "values": [] },
     { "name": "--vscode-focusBorder", "values": [] },
     { "name": "--vscode-foreground", "values": [] },
     { "name": "--vscode-font-family", "values": [] },
     { "name": "--vscode-font-size", "values": [] },
     { "name": "--vscode-font-weight", "values": [] },
+    { "name": "--vscode-inputValidation-errorBackground", "values": [] },
+    { "name": "--vscode-inputValidation-errorBorder", "values": [] },
     { "name": "--vscode-list-activeSelectionBackground", "values": [] },
     { "name": "--vscode-list-activeSelectionForeground", "values": [] },
     { "name": "--vscode-list-focusOutline", "values": [] },
@@ -152,21 +156,16 @@
     { "name": "--vscode-list-highlightForeground", "values": [] },
     { "name": "--vscode-list-hoverBackground", "values": [] },
     { "name": "--vscode-list-hoverForeground", "values": [] },
-    { "name": "--vscode-list-hoverBackground", "values": [] },
-    { "name": "--vscode-settings-textInputBackground", "values": [] },
-    { "name": "--vscode-list-hoverBackground", "values": [] },
+    { "name": "--vscode-progressBar-background", "values": [] },
     { "name": "--vscode-font-family", "values": [] },
     { "name": "--vscode-font-size", "values": [] },
     { "name": "--vscode-font-weight", "values": [] },
-    {
-      "name": "--vsc-foreground-translucent",
-      "description": "Label font color. 90% transparency version of `--vscode-foreground` by default.",
-      "values": []
-    },
     { "name": "--vscode-settings-checkboxBackground", "values": [] },
     { "name": "--vscode-settings-checkboxBorder", "values": [] },
     { "name": "--vscode-settings-checkboxForeground", "values": [] },
     { "name": "--vscode-focusBorder", "values": [] },
+    { "name": "--vscode-inputValidation-errorBackground", "values": [] },
+    { "name": "--vscode-inputValidation-errorBorder", "values": [] },
     {
       "name": "--min-thumb-height",
       "description": "Scrollbar thumb minimum height",
@@ -186,21 +185,22 @@
     { "name": "--vscode-settings-dropdownBorder", "values": [] },
     { "name": "--vscode-settings-checkboxBackground", "values": [] },
     { "name": "--vscode-settings-dropdownBackground", "values": [] },
+    { "name": "--vscode-settings-dropdownForeground", "values": [] },
     { "name": "--vscode-settings-dropdownListBorder", "values": [] },
     { "name": "--vscode-focusBorder", "values": [] },
     { "name": "--vscode-foreground", "values": [] },
     { "name": "--vscode-font-family", "values": [] },
     { "name": "--vscode-font-size", "values": [] },
     { "name": "--vscode-font-weight", "values": [] },
+    { "name": "--vscode-inputValidation-errorBackground", "values": [] },
+    { "name": "--vscode-inputValidation-errorBorder", "values": [] },
     { "name": "--vscode-list-activeSelectionBackground", "values": [] },
     { "name": "--vscode-list-activeSelectionForeground", "values": [] },
     { "name": "--vscode-list-focusOutline", "values": [] },
-    { "name": "--vscode-list-highlightForeground", "values": [] },
     { "name": "--vscode-list-focusHighlightForeground", "values": [] },
+    { "name": "--vscode-list-highlightForeground", "values": [] },
     { "name": "--vscode-list-hoverBackground", "values": [] },
     { "name": "--vscode-list-hoverForeground", "values": [] },
-    { "name": "--vscode-list-hoverBackground", "values": [] },
-    { "name": "--vscode-settings-textInputBackground", "values": [] },
     { "name": "--hover-border", "values": [] },
     { "name": "--vscode-foreground", "values": [] },
     { "name": "--vscode-panelTitle-inactiveForeground", "values": [] },

package/vscode.html-custom-data.json

@@ -143,7 +143,7 @@
     },
     {
       "name": "vscode-context-menu",
-      "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: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-menu-background** - undefined _(default: undefined)_\n- **--vscode-menu-border** - undefined _(default: undefined)_\n- **--vscode-menu-foreground** - undefined _(default: undefined)_\n- **--vscode-widget-shadow** - undefined _(default: undefined)_",
+      "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))_",
       "attributes": [
         {
           "name": "prevent-close",
@@ -156,7 +156,7 @@
     },
     {
       "name": "vscode-context-menu-item",
-      "description": "\n---\n\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-menu-background** - undefined _(default: undefined)_\n- **--vscode-menu-selectionBorder** - undefined _(default: var(--vscode-menu-selectionBackground))_\n- **--vscode-menu-foreground** - undefined _(default: undefined)_\n- **--vscode-menu-selectionBackground** - undefined _(default: undefined)_\n- **--vscode-menu-selectionForeground** - undefined _(default: undefined)_\n- **--vscode-menu-separatorBackground** - undefined _(default: undefined)_",
+      "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)_",
       "attributes": [
         { "name": "label", "values": [] },
         { "name": "keybinding", "values": [] },
@@ -168,7 +168,7 @@
     },
     {
       "name": "vscode-divider",
-      "description": "\n---\n",
+      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-foreground** - undefined _(default: #cccccc)_",
       "attributes": [
         {
           "name": "role",
@@ -209,7 +209,7 @@
     },
     {
       "name": "vscode-icon",
-      "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: undefined)_\n- **--vscode-toolbar-hoverBackground** - Hover state background color in `active-icon` mode _(default: undefined)_\n- **--vscode-toolbar-activeBackground** - Active state background color in `active-icon` mode _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_",
+      "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)_",
       "attributes": [
         {
           "name": "label",
@@ -252,7 +252,7 @@
     },
     {
       "name": "vscode-multi-select",
-      "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: undefined)_\n- **--vscode-badge-foreground** - undefined _(default: undefined)_\n- **--vscode-settings-dropdownBorder** - undefined _(default: undefined)_\n- **--vscode-settings-checkboxBackground** - undefined _(default: undefined)_\n- **--vscode-settings-dropdownBackground** - undefined _(default: undefined)_\n- **--vscode-settings-dropdownListBorder** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-foreground** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionBackground** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionForeground** - undefined _(default: undefined)_\n- **--vscode-list-focusOutline** - undefined _(default: undefined)_\n- **--vscode-list-focusHighlightForeground** - undefined _(default: undefined)_\n- **--vscode-list-highlightForeground** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-list-hoverForeground** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-settings-textInputBackground** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_",
+      "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)_",
       "attributes": [
         {
           "name": "invalid",
@@ -319,7 +319,7 @@
     },
     {
       "name": "vscode-progress-ring",
-      "description": "\n---\n",
+      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-progressBar-background** - undefined _(default: #0078d4)_",
       "attributes": [
         { "name": "aria-label", "values": [] },
         { "name": "aria-live", "values": [] },
@@ -329,7 +329,7 @@
     },
     {
       "name": "vscode-radio",
-      "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 - **vsc-change**\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: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vsc-foreground-translucent** - Label font color. 90% transparency version of `--vscode-foreground` by default. _(default: undefined)_\n- **--vscode-settings-checkboxBackground** - undefined _(default: undefined)_\n- **--vscode-settings-checkboxBorder** - undefined _(default: undefined)_\n- **--vscode-settings-checkboxForeground** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_",
+      "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 - **vsc-change**\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)_",
       "attributes": [
         {
           "name": "name",
@@ -365,7 +365,7 @@
     },
     {
       "name": "vscode-scrollable",
-      "description": "\n---\n\n\n### **CSS Properties:**\n - **--min-thumb-height** - Scrollbar thumb minimum height _(default: 20px)_\n- **--vscode-scrollbar-shadow** - undefined _(default: undefined)_\n- **--vscode-scrollbarSlider-background** - undefined _(default: undefined)_\n- **--vscode-scrollbarSlider-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-scrollbarSlider-activeBackground** - undefined _(default: undefined)_",
+      "description": "\n---\n\n\n### **CSS Properties:**\n - **--min-thumb-height** - Scrollbar thumb minimum height _(default: 20px)_\n- **--vscode-scrollbar-shadow** - undefined _(default: #000000)_\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))_",
       "attributes": [
         { "name": "shadow", "values": [] },
         { "name": "scrolled", "values": [] },
@@ -376,7 +376,7 @@
     },
     {
       "name": "vscode-single-select",
-      "description": "Allows to select an item from multiple 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: undefined)_\n- **--vscode-badge-foreground** - undefined _(default: undefined)_\n- **--vscode-settings-dropdownBorder** - undefined _(default: undefined)_\n- **--vscode-settings-checkboxBackground** - undefined _(default: undefined)_\n- **--vscode-settings-dropdownBackground** - undefined _(default: undefined)_\n- **--vscode-settings-dropdownListBorder** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-foreground** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionBackground** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionForeground** - undefined _(default: undefined)_\n- **--vscode-list-focusOutline** - undefined _(default: undefined)_\n- **--vscode-list-highlightForeground** - undefined _(default: undefined)_\n- **--vscode-list-focusHighlightForeground** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-list-hoverForeground** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-settings-textInputBackground** - undefined _(default: undefined)_",
+      "description": "Allows to select an item from multiple 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)_",
       "attributes": [
         {
           "name": "invalid",
@@ -662,6 +662,23 @@
       ],
       "references": []
     },
+    {
+      "name": "vscode-toolbar-button",
+      "description": "Toolbar button\n---\n\n\n### **Events:**\n - **change**",
+      "attributes": [
+        { "name": "icon", "values": [] },
+        { "name": "label", "values": [] },
+        { "name": "toggleable", "values": [] },
+        { "name": "checked", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "vscode-toolbar-container",
+      "description": "Toolbar container\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "vscode-tree",
       "description": "\n---\n\n\n### **Events:**\n - **vsc-run-action** - Dispatched when an action icon is clicked.\n- **vsc-select** - Dispatched when an item is selected.\n- **vsc-tree-select** - Dispatched when an item is selected.\n- **vsc-tree-action** - Dispatched when an action icon is clicked.\n\n### **Methods:**\n - **closeAll(): _void_** - Closes all opened tree items recursively.\n- **deselectAll()** - Deselects all selected items.\n- **getItemByPath(path: _number[]_): __** - Returns a reference to a TreeItem object by path.\n\n### **CSS Properties:**\n - **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-list-hoverForeground** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveSelectionBackground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveSelectionForeground** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionBackground** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionForeground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveSelectionIconForeground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveFocusBackground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveFocusOutline** - undefined _(default: undefined)_\n- **--vscode-list-focusOutline** - undefined _(default: undefined)_\n- **--vscode-tree-inactiveIndentGuidesStroke** - undefined _(default: undefined)_\n- **--vscode-tree-indentGuidesStroke** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **text-content** - undefined\n- **description** - undefined\n- **counter-badge-decoration** - undefined\n- **filled-circle-decoration** - undefined\n- **caption-decoration** - undefined\n- **decorations** - Container of decorations",