@vscode-elements/elements 2.0.0-pre.3 → 2.0.0

package/dist/vscode-tree-item/vscode-tree-item.styles.d.ts.map

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

package/dist/vscode-tree-item/vscode-tree-item.styles.js

@@ -17,23 +17,31 @@ const styles = [
       user-select: none;
     }
 
+    ::slotted(vscode-icon) {
+      display: block;
+    }
+
     .root {
       display: block;
     }
 
     .wrapper {
       align-items: flex-start;
+      color: var(--vscode-foreground, #cccccc);
       display: flex;
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: var(--vscode-font-weight);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
       outline-offset: -1px;
       padding-right: 12px;
     }
 
     .wrapper:hover {
-      background-color: var(--vscode-list-hoverBackground);
-      color: var(--vscode-list-hoverForeground);
+      background-color: var(--vscode-list-hoverBackground, #2a2d2e);
+      color: var(
+        --vscode-list-hoverForeground,
+        var(--vscode-foreground, #cccccc)
+      );
     }
 
     :host([selected]) .wrapper {
@@ -52,7 +60,7 @@ const styles = [
     :host(:focus) .wrapper.active {
       outline-color: var(
         --vscode-list-focusAndSelectionOutline,
-        var(--vscode-list-focusOutline)
+        var(--vscode-list-focusOutline, #0078d4)
       );
       outline-style: solid;
       outline-width: 1px;
@@ -70,7 +78,7 @@ const styles = [
 
     .arrow-container svg {
       display: block;
-      fill: var(--vscode-icon-foreground);
+      fill: var(--vscode-icon-foreground, #cccccc);
     }
 
     .arrow-container.icon-rotated svg {
@@ -84,7 +92,9 @@ const styles = [
     .icon-container {
       align-items: center;
       display: flex;
-      height: 22px;
+      margin-bottom: 3px;
+      margin-top: 3px;
+      overflow: hidden;
     }
 
     .icon-container slot {
@@ -92,7 +102,9 @@ const styles = [
     }
 
     .icon-container.has-icon {
+      height: 16px;
       margin-right: 6px;
+      width: 16px;
     }
 
     .children {
@@ -100,7 +112,10 @@ const styles = [
     }
 
     .children.guide:before {
-      background-color: var(--vscode-tree-inactiveIndentGuidesStroke);
+      background-color: var(
+        --vscode-tree-inactiveIndentGuidesStroke,
+        rgba(88, 88, 88, 0.4)
+      );
       content: '';
       display: none;
       height: 100%;
@@ -117,7 +132,7 @@ const styles = [
 
     .children.guide.highlighted-guide:before {
       display: var(--internal-highlightedIndentGuideDisplay);
-      background-color: var(--vscode-tree-indentGuidesStroke);
+      background-color: var(--vscode-tree-indentGuidesStroke, #585858);
     }
 
     .content {

package/dist/vscode-tree-item/vscode-tree-item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-tree-item.styles.js","sourceRoot":"","sources":["../../src/vscode-tree-item/vscode-tree-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,GAAG,EAAC,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAEvD,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoIF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {CSSResultGroup, css} from 'lit';\nimport defaultStyles from '../includes/default.styles';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      --hover-outline-color: transparent;\n      --hover-outline-style: solid;\n      --hover-outline-width: 0;\n\n      --selected-outline-color: transparent;\n      --selected-outline-style: solid;\n      --selected-outline-width: 0;\n\n      cursor: pointer;\n      display: block;\n      user-select: none;\n    }\n\n    .root {\n      display: block;\n    }\n\n    .wrapper {\n      align-items: flex-start;\n      display: flex;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\n      outline-offset: -1px;\n      padding-right: 12px;\n    }\n\n    .wrapper:hover {\n      background-color: var(--vscode-list-hoverBackground);\n      color: var(--vscode-list-hoverForeground);\n    }\n\n    :host([selected]) .wrapper {\n      color: var(--internal-selectionForeground);\n      background-color: var(--internal-selectionBackground);\n    }\n\n    :host([selected]) ::slotted(vscode-icon) {\n      color: var(--internal-selectionForeground);\n    }\n\n    :host(:focus) {\n      outline: none;\n    }\n\n    :host(:focus) .wrapper.active {\n      outline-color: var(\n        --vscode-list-focusAndSelectionOutline,\n        var(--vscode-list-focusOutline)\n      );\n      outline-style: solid;\n      outline-width: 1px;\n    }\n\n    .arrow-container {\n      align-items: center;\n      display: var(--vsc-tree-item-arrow-display);\n      height: 22px;\n      justify-content: center;\n      padding-left: 8px;\n      padding-right: 6px;\n      width: 16px;\n    }\n\n    .arrow-container svg {\n      display: block;\n      fill: var(--vscode-icon-foreground);\n    }\n\n    .arrow-container.icon-rotated svg {\n      transform: rotate(90deg);\n    }\n\n    :host([selected]) .arrow-container svg {\n      fill: var(--internal-selectionIconForeground);\n    }\n\n    .icon-container {\n      align-items: center;\n      display: flex;\n      height: 22px;\n    }\n\n    .icon-container slot {\n      display: block;\n    }\n\n    .icon-container.has-icon {\n      margin-right: 6px;\n    }\n\n    .children {\n      position: relative;\n    }\n\n    .children.guide:before {\n      background-color: var(--vscode-tree-inactiveIndentGuidesStroke);\n      content: '';\n      display: none;\n      height: 100%;\n      left: var(--indentation-guide-left);\n      pointer-events: none;\n      position: absolute;\n      width: 1px;\n      z-index: 1;\n    }\n\n    .children.guide.default-guide:before {\n      display: var(--internal-defaultIndentGuideDisplay);\n    }\n\n    .children.guide.highlighted-guide:before {\n      display: var(--internal-highlightedIndentGuideDisplay);\n      background-color: var(--vscode-tree-indentGuidesStroke);\n    }\n\n    .content {\n      line-height: 22px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    :host([branch]) ::slotted(vscode-tree-item) {\n      display: none;\n    }\n\n    :host([branch][open]) ::slotted(vscode-tree-item) {\n      display: block;\n    }\n  `,\n];\n\nexport default styles;\n"]}
+{"version":3,"file":"vscode-tree-item.styles.js","sourceRoot":"","sources":["../../src/vscode-tree-item/vscode-tree-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,GAAG,EAAC,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAEvD,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmJF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {CSSResultGroup, css} from 'lit';\nimport defaultStyles from '../includes/default.styles';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      --hover-outline-color: transparent;\n      --hover-outline-style: solid;\n      --hover-outline-width: 0;\n\n      --selected-outline-color: transparent;\n      --selected-outline-style: solid;\n      --selected-outline-width: 0;\n\n      cursor: pointer;\n      display: block;\n      user-select: none;\n    }\n\n    ::slotted(vscode-icon) {\n      display: block;\n    }\n\n    .root {\n      display: block;\n    }\n\n    .wrapper {\n      align-items: flex-start;\n      color: var(--vscode-foreground, #cccccc);\n      display: flex;\n      font-family: var(--vscode-font-family, sans-serif);\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, normal);\n      outline-offset: -1px;\n      padding-right: 12px;\n    }\n\n    .wrapper:hover {\n      background-color: var(--vscode-list-hoverBackground, #2a2d2e);\n      color: var(\n        --vscode-list-hoverForeground,\n        var(--vscode-foreground, #cccccc)\n      );\n    }\n\n    :host([selected]) .wrapper {\n      color: var(--internal-selectionForeground);\n      background-color: var(--internal-selectionBackground);\n    }\n\n    :host([selected]) ::slotted(vscode-icon) {\n      color: var(--internal-selectionForeground);\n    }\n\n    :host(:focus) {\n      outline: none;\n    }\n\n    :host(:focus) .wrapper.active {\n      outline-color: var(\n        --vscode-list-focusAndSelectionOutline,\n        var(--vscode-list-focusOutline, #0078d4)\n      );\n      outline-style: solid;\n      outline-width: 1px;\n    }\n\n    .arrow-container {\n      align-items: center;\n      display: var(--vsc-tree-item-arrow-display);\n      height: 22px;\n      justify-content: center;\n      padding-left: 8px;\n      padding-right: 6px;\n      width: 16px;\n    }\n\n    .arrow-container svg {\n      display: block;\n      fill: var(--vscode-icon-foreground, #cccccc);\n    }\n\n    .arrow-container.icon-rotated svg {\n      transform: rotate(90deg);\n    }\n\n    :host([selected]) .arrow-container svg {\n      fill: var(--internal-selectionIconForeground);\n    }\n\n    .icon-container {\n      align-items: center;\n      display: flex;\n      margin-bottom: 3px;\n      margin-top: 3px;\n      overflow: hidden;\n    }\n\n    .icon-container slot {\n      display: block;\n    }\n\n    .icon-container.has-icon {\n      height: 16px;\n      margin-right: 6px;\n      width: 16px;\n    }\n\n    .children {\n      position: relative;\n    }\n\n    .children.guide:before {\n      background-color: var(\n        --vscode-tree-inactiveIndentGuidesStroke,\n        rgba(88, 88, 88, 0.4)\n      );\n      content: '';\n      display: none;\n      height: 100%;\n      left: var(--indentation-guide-left);\n      pointer-events: none;\n      position: absolute;\n      width: 1px;\n      z-index: 1;\n    }\n\n    .children.guide.default-guide:before {\n      display: var(--internal-defaultIndentGuideDisplay);\n    }\n\n    .children.guide.highlighted-guide:before {\n      display: var(--internal-highlightedIndentGuideDisplay);\n      background-color: var(--vscode-tree-indentGuidesStroke, #585858);\n    }\n\n    .content {\n      line-height: 22px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    :host([branch]) ::slotted(vscode-tree-item) {\n      display: none;\n    }\n\n    :host([branch][open]) ::slotted(vscode-tree-item) {\n      display: block;\n    }\n  `,\n];\n\nexport default styles;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vscode-elements/elements",
-  "version": "2.0.0-pre.3",
+  "version": "2.0.0",
   "description": "Web components for creating Visual Studio Code extensions",
   "main": "dist/main.js",
   "module": "dist/main.js",

package/vscode.css-custom-data.json

@@ -102,49 +102,49 @@
     { "name": "--vscode-font-size", "values": [] },
     { "name": "--vscode-font-weight", "values": [] },
     { "name": "--vscode-menu-background", "values": [] },
-    { "name": "--vscode-menu-selectionBorder", "values": [] },
+    { "name": "--vscode-menu-border", "values": [] },
     { "name": "--vscode-menu-foreground", "values": [] },
-    { "name": "--vscode-menu-selectionBackground", "values": [] },
-    { "name": "--vscode-menu-selectionForeground", "values": [] },
-    { "name": "--vscode-menu-separatorBackground", "values": [] },
+    { "name": "--vscode-widget-shadow", "values": [] },
     { "name": "--vscode-font-family", "values": [] },
     { "name": "--vscode-font-size", "values": [] },
     { "name": "--vscode-font-weight", "values": [] },
     { "name": "--vscode-menu-background", "values": [] },
-    { "name": "--vscode-menu-border", "values": [] },
+    { "name": "--vscode-menu-selectionBorder", "values": [] },
     { "name": "--vscode-menu-foreground", "values": [] },
-    { "name": "--vscode-widget-shadow", "values": [] },
+    { "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",
+      "name": "--vsc-foreground-translucent",
+      "description": "Default text color. 90% transparency version of `--vscode-foreground` by default.",
       "values": []
     },
+    { "name": "--vscode-icon-foreground", "values": [] },
     {
-      "name": "--label-right-margin",
-      "description": "The right margin of the label in horizontal mode",
+      "name": "--vscode-toolbar-hoverBackground",
+      "description": "Hover state background color in `active-icon` mode",
       "values": []
     },
     {
-      "name": "--vsc-foreground-translucent",
-      "description": "Default text color. 90% transparency version of `--vscode-foreground` by default.",
+      "name": "--vscode-toolbar-activeBackground",
+      "description": "Active state background color in `active-icon` mode",
       "values": []
     },
+    { "name": "--vscode-focusBorder", "values": [] },
     { "name": "--vscode-font-family", "values": [] },
     { "name": "--vscode-font-size", "values": [] },
     { "name": "--vscode-foreground", "values": [] },
-    { "name": "--vscode-icon-foreground", "values": [] },
     {
-      "name": "--vscode-toolbar-hoverBackground",
-      "description": "Hover state background color in `active-icon` mode",
+      "name": "--label-width",
+      "description": "The width of the label in horizontal mode",
       "values": []
     },
     {
-      "name": "--vscode-toolbar-activeBackground",
-      "description": "Active state background color in `active-icon` mode",
+      "name": "--label-right-margin",
+      "description": "The right margin of the label in horizontal mode",
       "values": []
     },
-    { "name": "--vscode-focusBorder", "values": [] },
     {
       "name": "--dropdown-z-index",
       "description": "workaround for dropdown z-index issues",
@@ -181,7 +181,6 @@
     { "name": "--vscode-focusBorder", "values": [] },
     { "name": "--vscode-inputValidation-errorBackground", "values": [] },
     { "name": "--vscode-inputValidation-errorBorder", "values": [] },
-    { "name": "--min-thumb-height", "description": "", "values": [] },
     { "name": "--vscode-scrollbar-shadow", "values": [] },
     { "name": "--vscode-scrollbarSlider-background", "values": [] },
     { "name": "--vscode-scrollbarSlider-hoverBackground", "values": [] },
@@ -215,22 +214,16 @@
     { "name": "--separator-border", "values": [] },
     { "name": "--vscode-editorWidget-border", "values": [] },
     { "name": "--vscode-sash-hoverBorder", "values": [] },
+    { "name": "--vscode-focusBorder", "values": [] },
     { "name": "--vscode-foreground", "values": [] },
-    { "name": "--vscode-panelTitle-inactiveForeground", "values": [] },
-    { "name": "--vscode-panelTitle-activeForeground", "values": [] },
     { "name": "--vscode-panelTitle-activeBorder", "values": [] },
+    { "name": "--vscode-panelTitle-activeForeground", "values": [] },
+    { "name": "--vscode-panelTitle-inactiveForeground", "values": [] },
     { "name": "--vscode-focusBorder", "values": [] },
-    { "name": "--vscode-settings-headerForeground", "values": [] },
     { "name": "--vscode-panel--background", "values": [] },
-    { "name": "--vscode-focusBorder", "values": [] },
-    { "name": "--border", "values": [] },
-    { "name": "--foreground", "values": [] },
-    { "name": "--resize-hover-border", "values": [] },
-    { "name": "--tinted-row-background", "values": [] },
-    { "name": "--header-background", "values": [] },
-    { "name": "--font-size", "values": [] },
-    { "name": "--font-family", "values": [] },
+    { "name": "--vscode-editorGroup-border", "values": [] },
     { "name": "--vscode-keybindingTable-rowsBackground", "values": [] },
+    { "name": "--vscode-sash-hoverBorder", "values": [] },
     { "name": "--vscode-editorGroup-border", "values": [] },
     { "name": "--vscode-foreground", "values": [] },
     { "name": "--vscode-font-family", "values": [] },
@@ -284,7 +277,18 @@
     { "name": "--vscode-input-placeholderForeground", "values": [] },
     { "name": "--vscode-button-background", "values": [] },
     { "name": "--vscode-button-foreground", "values": [] },
-    { "name": "--vscode-button-hoverBackground", "values": [] }
+    { "name": "--vscode-button-hoverBackground", "values": [] },
+    { "name": "--vscode-font-family", "values": [] },
+    { "name": "--vscode-font-size", "values": [] },
+    { "name": "--vscode-font-weight", "values": [] },
+    { "name": "--vscode-foreground", "values": [] },
+    { "name": "--vscode-icon-foreground", "values": [] },
+    { "name": "--vscode-list-focusAndSelectionOutline", "values": [] },
+    { "name": "--vscode-list-focusOutline", "values": [] },
+    { "name": "--vscode-list-hoverBackground", "values": [] },
+    { "name": "--vscode-list-hoverForeground", "values": [] },
+    { "name": "--vscode-tree-inactiveIndentGuidesStroke", "values": [] },
+    { "name": "--vscode-tree-indentGuidesStroke", "values": [] }
   ],
   "pseudoElements": [
     {

package/vscode.html-custom-data.json

@@ -21,7 +21,7 @@
     },
     {
       "name": "vscode-button",
-      "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)_",
+      "description": "Clickable element that are used to trigger actions.\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)_",
       "attributes": [
         { "name": "autofocus", "values": [] },
         {
@@ -83,7 +83,7 @@
     },
     {
       "name": "vscode-checkbox",
-      "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)_",
+      "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- **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)_",
       "attributes": [
         {
           "name": "name",
@@ -139,30 +139,19 @@
           "description": "Component heading text",
           "values": []
         },
+        { "name": "heading", "description": "Heading text.", "values": [] },
         {
           "name": "description",
-          "description": "Less prominent text than the title in the header",
+          "description": "Less prominent text in the header.",
           "values": []
         },
         { "name": "open", "values": [] }
       ],
       "references": []
     },
-    {
-      "name": "vscode-context-menu-item",
-      "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": [] },
-        { "name": "value", "values": [] },
-        { "name": "separator", "values": [] },
-        { "name": "tabindex", "values": [] }
-      ],
-      "references": []
-    },
     {
       "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: 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))_",
+      "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))_",
       "attributes": [
         {
           "name": "prevent-close",
@@ -173,6 +162,18 @@
       ],
       "references": []
     },
+    {
+      "name": "vscode-context-menu-item",
+      "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": [] },
+        { "name": "value", "values": [] },
+        { "name": "separator", "values": [] },
+        { "name": "tabindex", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "vscode-divider",
       "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-foreground** - undefined _(default: #cccccc)_",
@@ -189,22 +190,7 @@
       "description": "\n---\n",
       "attributes": [
         { "name": "responsive", "values": [] },
-        { "name": "breakpoint", "values": [] },
-        {
-          "name": "data",
-          "values": [
-            { "name": "{[key: string]: string" },
-            { "name": "string[]}" }
-          ]
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "vscode-form-group",
-      "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)_",
-      "attributes": [
-        { "name": "variant", "values": [{ "name": "FormGroupVariant" }] }
+        { "name": "breakpoint", "values": [] }
       ],
       "references": []
     },
@@ -214,16 +200,6 @@
       "attributes": [],
       "references": []
     },
-    {
-      "name": "vscode-label",
-      "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)_",
-      "attributes": [
-        { "name": "for", "values": [] },
-        { "name": "id", "values": [] },
-        { "name": "required", "values": [] }
-      ],
-      "references": []
-    },
     {
       "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: #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)_",
@@ -257,9 +233,27 @@
       ],
       "references": []
     },
+    {
+      "name": "vscode-label",
+      "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)_",
+      "attributes": [
+        { "name": "for", "values": [] },
+        { "name": "id", "values": [] },
+        { "name": "required", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "vscode-form-group",
+      "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)_",
+      "attributes": [
+        { "name": "variant", "values": [{ "name": "FormGroupVariant" }] }
+      ],
+      "references": []
+    },
     {
       "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: #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)_",
+      "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 - **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",
@@ -342,7 +336,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: 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)_",
+      "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)_",
       "attributes": [
         {
           "name": "name",
@@ -378,7 +372,7 @@
     },
     {
       "name": "vscode-scrollable",
-      "description": "\n---\n\n\n### **CSS Properties:**\n - **--min-thumb-height** -  _(default: undefined)_\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))_",
+      "description": "\n---\n\n\n### **CSS Properties:**\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": "always-visible",
@@ -414,18 +408,13 @@
           "name": "scroll-pos",
           "description": "Scroll position.",
           "values": []
-        },
-        {
-          "name": "scroll-max",
-          "description": "The maximum amount of the `scrollPos`.",
-          "values": []
         }
       ],
       "references": []
     },
     {
       "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: #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)_",
+      "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 - **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",
@@ -525,7 +514,7 @@
     },
     {
       "name": "vscode-tab-header",
-      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-foreground** - undefined _(default: undefined)_\n- **--vscode-panelTitle-inactiveForeground** - undefined _(default: undefined)_\n- **--vscode-panelTitle-activeForeground** - undefined _(default: undefined)_\n- **--vscode-panelTitle-activeBorder** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-settings-headerForeground** - undefined _(default: undefined)_",
+      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-focusBorder** - undefined _(default: #0078d4)_\n- **--vscode-foreground** - undefined _(default: #cccccc)_\n- **--vscode-panelTitle-activeBorder** - undefined _(default: #0078d4)_\n- **--vscode-panelTitle-activeForeground** - undefined _(default: #cccccc)_\n- **--vscode-panelTitle-inactiveForeground** - undefined _(default: #9d9d9d)_",
       "attributes": [
         { "name": "active", "values": [] },
         { "name": "panel", "description": "Panel-like look", "values": [] }
@@ -534,7 +523,7 @@
     },
     {
       "name": "vscode-tab-panel",
-      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-panel--background** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_",
+      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-focusBorder** - undefined _(default: #0078d4)_\n- **--vscode-panel--background** - undefined _(default: #181818)_",
       "attributes": [
         { "name": "hidden", "values": [] },
         { "name": "panel", "description": "Panel-like look", "values": [] }
@@ -543,7 +532,7 @@
     },
     {
       "name": "vscode-table",
-      "description": "\n---\n\n\n### **CSS Properties:**\n - **--border** - undefined _(default: var(--vscode-editorGroup-border))_\n- **--foreground** - undefined _(default: var(--vscode-foreground))_\n- **--resize-hover-border** - undefined _(default: var(--vscode-sash-hoverBorder))_\n- **--tinted-row-background** - undefined _(default: var(--vscode-keybindingTable-rowsBackground))_\n- **--header-background** - undefined _(default: var(--vscode-keybindingTable-headerBackground))_\n- **--font-size** - undefined _(default: var(--vscode-font-size))_\n- **--font-family** - undefined _(default: var(--vscode-font-family))_",
+      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-editorGroup-border** - undefined _(default: rgba(255, 255, 255, 0.09))_\n- **--vscode-keybindingTable-rowsBackground** - undefined _(default: rgba(204, 204, 204, 0.04))_\n- **--vscode-sash-hoverBorder** - undefined _(default: #0078d4)_",
       "attributes": [
         { "name": "resizable", "values": [] },
         { "name": "responsive", "values": [] },
@@ -589,13 +578,13 @@
     },
     {
       "name": "vscode-table-body",
-      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-keybindingTable-rowsBackground** - undefined _(default: undefined)_",
+      "description": "\n---\n",
       "attributes": [],
       "references": []
     },
     {
       "name": "vscode-table-cell",
-      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-editorGroup-border** - undefined _(default: undefined)_\n- **--vscode-foreground** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_",
+      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-editorGroup-border** - undefined _(default: rgba(255, 255, 255, 0.09))_\n- **--vscode-foreground** - undefined _(default: #cccccc)_\n- **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_",
       "attributes": [
         {
           "name": "column-label",
@@ -612,25 +601,25 @@
     },
     {
       "name": "vscode-table-header",
-      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-keybindingTable-headerBackground** - Table header background _(default: undefined)_",
+      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-keybindingTable-headerBackground** - Table header background _(default: rgba(204, 204, 204, 0.04))_",
       "attributes": [],
       "references": []
     },
     {
       "name": "vscode-table-header-cell",
-      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-foreground** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_",
+      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-foreground** - undefined _(default: #cccccc)_\n- **--vscode-font-family** - undefined _(default: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_",
       "attributes": [],
       "references": []
     },
     {
       "name": "vscode-table-row",
-      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-editorGroup-border** - undefined _(default: undefined)_",
+      "description": "\n---\n\n\n### **CSS Properties:**\n - **--vscode-editorGroup-border** - undefined _(default: rgba(255, 255, 255, 0.09))_",
       "attributes": [],
       "references": []
     },
     {
       "name": "vscode-tabs",
-      "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)_",
+      "description": "\n---\n\n\n### **Events:**\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: sans-serif)_\n- **--vscode-font-size** - undefined _(default: 13px)_\n- **--vscode-font-weight** - undefined _(default: normal)_\n- **--vscode-settings-headerBorder** - undefined _(default: #2b2b2b)_\n- **--vscode-panel-background** - undefined _(default: #181818)_",
       "attributes": [
         { "name": "panel", "description": "Panel-like look", "values": [] },
         { "name": "selected-index", "values": [] }
@@ -639,7 +628,7 @@
     },
     {
       "name": "vscode-textarea",
-      "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))_",
+      "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- **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))_",
       "attributes": [
         {
           "name": "autocomplete",
@@ -678,7 +667,7 @@
     },
     {
       "name": "vscode-textfield",
-      "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)_",
+      "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 - **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)_",
       "attributes": [
         {
           "name": "autocomplete",
@@ -736,18 +725,18 @@
     },
     {
       "name": "vscode-tree",
-      "description": "\n---\n\n\n### **Methods:**\n - **expandAll()** - Expands all folders.\n- **collapseAll()** - Collapses all folders.",
+      "description": "\n---\n\n\n### **Methods:**\n - **expandAll()** - Expands all folders.\n- **collapseAll()** - Collapses all folders.\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-icon-foreground** - undefined _(default: #cccccc)_\n- **--vscode-list-focusAndSelectionOutline** - undefined _(default: #0078d4)_\n- **--vscode-list-focusOutline** - undefined _(default: #0078d4)_\n- **--vscode-list-hoverBackground** - undefined _(default: #2a2d2e)_\n- **--vscode-list-hoverForeground** - undefined _(default: #cccccc)_\n- **--vscode-tree-inactiveIndentGuidesStroke** - undefined _(default: rgba(88, 88, 88, 0.4))_\n- **--vscode-tree-indentGuidesStroke** - undefined _(default: #585858)_",
       "attributes": [
-        {
-          "name": "hide-arrows",
-          "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.",
-          "values": []
-        },
         {
           "name": "expand-mode",
           "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```",
           "values": [{ "name": "singleClick" }, { "name": "doubleClick" }]
         },
+        {
+          "name": "hide-arrows",
+          "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.",
+          "values": []
+        },
         {
           "name": "indent",
           "description": "Controls the indentation in pixels. This property is designed to use the\n`workbench.tree.indent` setting.",