@vscode-elements/elements 1.12.0 → 1.13.1

package/vscode.html-custom-data.json

@@ -4,14 +4,16 @@
   "tags": [
     {
       "name": "vscode-badge",
-      "description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.\n---\n\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-badge-background** - default and counter variant background color _(default: undefined)_\n- **--vscode-badge-foreground** - default and counter variant foreground color _(default: undefined)_\n- **--vscode-activityBarBadge-background** - activity bar variant background color _(default: undefined)_\n- **--vscode-activityBarBadge-foreground** - activity bar variant foreground color _(default: undefined)_",
+      "description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.\n---\n\n\n### **CSS Properties:**\n - **--vscode-font-family** - A sans-serif font type depends on the host OS. _(default: sans-serif)_\n- **--vscode-contrastBorder** - undefined _(default: transparent)_\n- **--vscode-badge-background** - default and counter variant background color _(default: #616161)_\n- **--vscode-badge-foreground** - default and counter variant foreground color _(default: #f8f8f8)_\n- **--vscode-activityBarBadge-background** - activity bar variant background color _(default: #0078d4)_\n- **--vscode-activityBarBadge-foreground** - activity bar variant foreground color _(default: #ffffff)_",
       "attributes": [
         {
           "name": "variant",
           "values": [
+            { "name": "" },
             { "name": "default" },
             { "name": "counter" },
-            { "name": "activity-bar-counter" }
+            { "name": "activity-bar-counter" },
+            { "name": "tab-header-counter" }
           ]
         }
       ],
@@ -19,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: undefined)_\n- **--vscode-button-foreground** - undefined _(default: undefined)_\n- **--vscode-button-border** - undefined _(default: var(--vscode-button-background))_\n- **--vscode-button-hoverBackground** - 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-button-secondaryForeground** - undefined _(default: undefined)_\n- **--vscode-button-secondaryBackground** - undefined _(default: undefined)_\n- **--vscode-button-secondaryHoverBackground** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_",
+      "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)_",
       "attributes": [
         { "name": "autofocus", "values": [] },
         {
@@ -461,7 +463,7 @@
         {
           "name": "fixed-pane",
           "description": "The size of the fixed pane will not change when the component is resized.",
-          "values": [{ "name": "FixedPaneType" }]
+          "values": [{ "name": "start" }, { "name": "end" }, { "name": "none" }]
         }
       ],
       "references": []
@@ -488,33 +490,23 @@
       "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))_",
       "attributes": [
+        { "name": "resizable", "values": [] },
+        { "name": "responsive", "values": [] },
         {
-          "name": "zebra",
-          "description": "Zebra stripes, even rows are tinted.",
-          "values": [{ "name": "Boolean" }]
-        },
-        {
-          "name": "zebra-odd",
-          "description": "Zebra stripes, odd rows are tinted.",
-          "values": [{ "name": "Boolean" }]
-        },
-        {
-          "name": "bordered-rows",
-          "description": "Rows are separated by borders",
-          "values": [{ "name": "Boolean" }]
+          "name": "bordered",
+          "description": "Both rows and columns are separated by borders.",
+          "values": []
         },
         {
           "name": "bordered-columns",
-          "description": "Columns are separated by borders",
-          "values": [{ "name": "Boolean" }]
+          "description": "Columns are separated by borders.",
+          "values": []
         },
         {
-          "name": "bordered",
-          "description": "Rows and columns are separated by borders",
-          "values": [{ "name": "Boolean" }]
+          "name": "bordered-rows",
+          "description": "Rows are separated by borders.",
+          "values": []
         },
-        { "name": "resizable", "values": [] },
-        { "name": "responsive", "values": [] },
         { "name": "breakpoint", "values": [] },
         {
           "name": "columns",
@@ -528,8 +520,13 @@
         },
         { "name": "delayed-resizing", "values": [] },
         {
-          "name": "compact",
-          "description": "For internal use only",
+          "name": "zebra",
+          "description": "Zebra stripes, even rows are tinted.",
+          "values": []
+        },
+        {
+          "name": "zebra-odd",
+          "description": "Zebra stripes, odd rows are tinted.",
           "values": []
         }
       ],
@@ -626,7 +623,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: undefined)_\n- **--vscode-settings-textInputBorder** - undefined _(default: undefined)_\n- **--vscode-settings-textInputForeground** - undefined _(default: undefined)_\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-input-placeholderForeground** - undefined _(default: undefined)_\n- **--vscode-button-background** - undefined _(default: undefined)_\n- **--vscode-button-foreground** - undefined _(default: undefined)_\n- **--vscode-button-hoverBackground** - undefined _(default: undefined)_",
+      "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)_",
       "attributes": [
         {
           "name": "autocomplete",