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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vscode-elements/elements",
-  "version": "2.0.0-pre.1",
-  "description": "Webcomponents for creating Visual Studio Code extensions",
+  "version": "2.0.0-pre.3",
+  "description": "Web components for creating Visual Studio Code extensions",
   "main": "dist/main.js",
   "module": "dist/main.js",
   "type": "module",
@@ -24,13 +24,16 @@
     "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\"",
+    "wtr:watch": "wtr --watch",
     "checksize": "npm run build && cat dist/bundled.js | gzip -9 | wc -c",
     "icons": "node scripts/generateIconList.js",
-    "vscode-data": "wireit"
+    "vscode-data": "wireit",
+    "ncu": "ncu -u",
+    "prepare": "npx playwright install chromium --only-shell"
   },
   "wireit": {
     "analyze": {
@@ -76,13 +79,6 @@
       "command": "wds --watch",
       "service": true
     },
-    "start": {
-      "command": "wds --watch",
-      "dependencies": [
-        "build:watch"
-      ],
-      "service": true
-    },
     "test": {
       "command": "wtr",
       "dependencies": [
@@ -129,58 +125,62 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/bendera/vscode-webview-elements.git"
+    "url": "git+https://github.com/vscode-elements/elements.git"
   },
   "bugs": {
-    "url": "https://github.com/bendera/vscode-webview-elements/issues"
+    "url": "https://github.com/vscode-elements/elements/issues"
   },
-  "homepage": "https://bendera.github.io/vscode-webview-elements",
+  "homepage": "https://vscode-elements.github.io",
   "dependencies": {
+    "@lit/context": "^1.1.3",
     "lit": "^3.2.1"
   },
   "devDependencies": {
-    "@awmottaz/prettier-plugin-void-html": "^1.7.0",
-    "@bendera/wds-plugin-directory-index": "^0.4.0",
+    "@awmottaz/prettier-plugin-void-html": "^1.8.0",
+    "@bendera/wds-plugin-directory-index": "^0.5.0",
     "@custom-elements-manifest/analyzer": "^0.10.4",
-    "@eslint/eslintrc": "^3.2.0",
-    "@eslint/js": "^9.18.0",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.23.0",
     "@esm-bundle/chai": "^4.3.4-fix.0",
     "@open-wc/testing": "^4.0.0",
-    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.1",
     "@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.10.5",
-    "@typescript-eslint/eslint-plugin": "^8.19.1",
-    "@typescript-eslint/parser": "^8.19.1",
-    "@vscode-elements/webview-playground": "^1.4.0",
-    "@vscode/codicons": "^0.0.36",
+    "@types/node": "^22.14.0",
+    "@typescript-eslint/eslint-plugin": "^8.29.0",
+    "@typescript-eslint/parser": "^8.29.0",
+    "@vscode-elements/webview-playground": "^1.6.0",
+    "@vscode/codicons": "^0.0.38",
     "@web/dev-server": "^0.4.6",
-    "@web/dev-server-esbuild": "^1.0.3",
+    "@web/dev-server-esbuild": "^1.0.4",
     "@web/dev-server-legacy": "^2.1.1",
     "@web/dev-server-rollup": "^0.6.4",
-    "@web/test-runner": "^0.19.0",
+    "@web/test-runner": "^0.20.0",
     "@web/test-runner-commands": "^0.9.0",
     "@web/test-runner-mocha": "^0.9.0",
     "@web/test-runner-playwright": "^0.11.0",
     "@webcomponents/webcomponentsjs": "^2.8.0",
     "chokidar": "^4.0.3",
-    "custom-element-vs-code-integration": "^1.4.1",
+    "concurrently": "^9.1.2",
+    "custom-element-vs-code-integration": "^1.5.0",
+    "custom-elements-manifest-deprecator": "^1.2.0",
     "deepmerge": "^4.3.1",
-    "dotenv": "^16.4.7",
-    "eslint-plugin-lit": "^1.15.0",
-    "eslint-plugin-wc": "^2.2.0",
-    "mocha": "^11.0.1",
-    "prettier": "^3.4.2",
+    "dotenv": "^17.0.0",
+    "eslint-plugin-lit": "^2.0.0",
+    "eslint-plugin-wc": "^3.0.0",
+    "mocha": "^11.1.0",
+    "npm-check-updates": "^18.0.0",
+    "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
-    "rollup": "^4.30.1",
+    "rollup": "^4.39.0",
     "rollup-plugin-filesize": "^10.0.0",
-    "rollup-plugin-visualizer": "^5.14.0",
-    "semver": "^7.6.3",
-    "sinon": "^19.0.2",
+    "rollup-plugin-visualizer": "^6.0.0",
+    "semver": "^7.7.1",
+    "sinon": "^21.0.0",
     "ts-lit-plugin": "^2.0.2",
-    "typescript": "^5.7.3",
-    "wireit": "^0.14.9"
+    "typescript": "^5.8.2",
+    "wireit": "^0.14.11"
   }
 }

package/vscode.css-custom-data.json

@@ -43,18 +43,31 @@
     { "name": "--vscode-button-secondaryBackground", "values": [] },
     { "name": "--vscode-button-secondaryHoverBackground", "values": [] },
     { "name": "--vscode-focusBorder", "values": [] },
-    { "name": "--vscode-font-family", "values": [] },
-    { "name": "--vscode-font-size", "values": [] },
-    { "name": "--vscode-font-weight", "values": [] },
+    { "name": "--vscode-button-background", "values": [] },
+    { "name": "--vscode-button-foreground", "values": [] },
+    { "name": "--vscode-button-border", "values": [] },
+    { "name": "--vscode-button-hoverBackground", "values": [] },
     {
-      "name": "--vsc-foreground-translucent",
-      "description": "Label font color. 90% transparency version of `--vscode-foreground` by default.",
+      "name": "--vscode-font-family",
+      "description": "A sans-serif font type depends on the host OS.",
       "values": []
     },
+    { "name": "--vscode-font-size", "values": [] },
+    { "name": "--vscode-font-weight", "values": [] },
+    { "name": "--vscode-button-secondaryForeground", "values": [] },
+    { "name": "--vscode-button-secondaryBackground", "values": [] },
+    { "name": "--vscode-button-secondaryHoverBackground", "values": [] },
+    { "name": "--vscode-focusBorder", "values": [] },
+    { "name": "--vscode-font-family", "values": [] },
+    { "name": "--vscode-font-size", "values": [] },
+    { "name": "--vscode-font-weight", "values": [] },
+    { "name": "--vscode-foreground", "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": "--vscode-sideBar-background",
       "description": "Background color",
@@ -89,18 +102,19 @@
     { "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-font-family", "values": [] },
     { "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-foreground", "values": [] },
     {
       "name": "--label-width",
       "description": "The width of the label in horizontal mode",
@@ -116,6 +130,9 @@
       "description": "Default text color. 90% transparency version of `--vscode-foreground` by default.",
       "values": []
     },
+    { "name": "--vscode-font-family", "values": [] },
+    { "name": "--vscode-font-size", "values": [] },
+    { "name": "--vscode-foreground", "values": [] },
     { "name": "--vscode-icon-foreground", "values": [] },
     {
       "name": "--vscode-toolbar-hoverBackground",
@@ -128,9 +145,6 @@
       "values": []
     },
     { "name": "--vscode-focusBorder", "values": [] },
-    { "name": "--vscode-font-family", "values": [] },
-    { "name": "--vscode-font-size", "values": [] },
-    { "name": "--vscode-foreground", "values": [] },
     {
       "name": "--dropdown-z-index",
       "description": "workaround for dropdown z-index issues",
@@ -141,12 +155,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": [] },
@@ -154,26 +171,17 @@
     { "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": "--min-thumb-height",
-      "description": "Scrollbar thumb minimum height",
-      "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": [] },
@@ -188,22 +196,25 @@
     { "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": "--separator-border", "values": [] },
+    { "name": "--vscode-editorWidget-border", "values": [] },
+    { "name": "--vscode-sash-hoverBorder", "values": [] },
     { "name": "--vscode-foreground", "values": [] },
     { "name": "--vscode-panelTitle-inactiveForeground", "values": [] },
     { "name": "--vscode-panelTitle-activeForeground", "values": [] },
@@ -273,34 +284,12 @@
     { "name": "--vscode-input-placeholderForeground", "values": [] },
     { "name": "--vscode-button-background", "values": [] },
     { "name": "--vscode-button-foreground", "values": [] },
-    { "name": "--vscode-button-hoverBackground", "values": [] },
-    { "name": "--vscode-focusBorder", "values": [] },
-    { "name": "--vscode-font-family", "values": [] },
-    { "name": "--vscode-font-size", "values": [] },
-    { "name": "--vscode-font-weight", "values": [] },
-    { "name": "--vscode-list-hoverForeground", "values": [] },
-    { "name": "--vscode-list-hoverBackground", "values": [] },
-    { "name": "--vscode-list-inactiveSelectionBackground", "values": [] },
-    { "name": "--vscode-list-inactiveSelectionForeground", "values": [] },
-    { "name": "--vscode-list-activeSelectionBackground", "values": [] },
-    { "name": "--vscode-list-activeSelectionForeground", "values": [] },
-    { "name": "--vscode-list-inactiveSelectionIconForeground", "values": [] },
-    { "name": "--vscode-list-inactiveFocusBackground", "values": [] },
-    { "name": "--vscode-list-inactiveFocusOutline", "values": [] },
-    { "name": "--vscode-list-focusOutline", "values": [] },
-    { "name": "--vscode-tree-inactiveIndentGuidesStroke", "values": [] },
-    { "name": "--vscode-tree-indentGuidesStroke", "values": [] }
+    { "name": "--vscode-button-hoverBackground", "values": [] }
   ],
   "pseudoElements": [
     {
       "name": "::part(body)",
       "description": "Container for the toggleable content of the component. The container's overflow content is hidden by default. This CSS part can serve as an escape hatch to modify this behavior."
-    },
-    { "name": "::part(text-content)" },
-    { "name": "::part(description)" },
-    { "name": "::part(counter-badge-decoration)" },
-    { "name": "::part(filled-circle-decoration)" },
-    { "name": "::part(caption-decoration)" },
-    { "name": "::part(decorations)", "description": "Container of decorations" }
+    }
   ]
 }