@vscode-elements/elements 1.12.0 → 1.13.0

package/custom-elements.json

@@ -24,7 +24,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'"
+              "default": "'1.13.0'"
             },
             {
               "kind": "field",
@@ -83,6 +83,14 @@
             "text": "number"
           },
           "default": "320"
+        },
+        {
+          "kind": "function",
+          "name": "getDefaultFontStack"
+        },
+        {
+          "kind": "function",
+          "name": "getDefaultEditorFontStack"
         }
       ],
       "exports": [
@@ -101,6 +109,22 @@
             "name": "DEFUALT_INPUT_WIDGET_WIDTH",
             "module": "src/includes/helpers.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "getDefaultFontStack",
+          "declaration": {
+            "name": "getDefaultFontStack",
+            "module": "src/includes/helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getDefaultEditorFontStack",
+          "declaration": {
+            "name": "getDefaultEditorFontStack",
+            "module": "src/includes/helpers.ts"
+          }
         }
       ]
     },
@@ -282,7 +306,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { background-color: var(--vscode-badge-background); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground); display: inline-block; font-family: var(--vscode-font-family); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) { border-radius: 11px; box-sizing: border-box; height: 18px; line-height: 1; padding: 3px 5px; } :host([variant='activity-bar-counter']) { background-color: var(--vscode-activityBarBadge-background); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } `, ]"
+          "default": "[ defaultStyles, css` :host { background-color: var(--vscode-badge-background, #616161); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground, #f8f8f8); display: inline-block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground, #ffffff); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } :host([variant='tab-header-counter']) { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 10px; color: var(--vscode-activityBarBadge-foreground, #ffffff); line-height: 10px; min-height: 16px; min-width: 16px; padding: 3px 5px; } `, ]"
         }
       ],
       "exports": [
@@ -306,23 +330,33 @@
           "name": "VscodeBadge",
           "cssProperties": [
             {
-              "name": "--vscode-font-family"
+              "description": "A sans-serif font type depends on the host OS.",
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
+            },
+            {
+              "name": "--vscode-contrastBorder",
+              "default": "transparent"
             },
             {
               "description": "default and counter variant background color",
-              "name": "--vscode-badge-background"
+              "name": "--vscode-badge-background",
+              "default": "#616161"
             },
             {
               "description": "default and counter variant foreground color",
-              "name": "--vscode-badge-foreground"
+              "name": "--vscode-badge-foreground",
+              "default": "#f8f8f8"
             },
             {
               "description": "activity bar variant background color",
-              "name": "--vscode-activityBarBadge-background"
+              "name": "--vscode-activityBarBadge-background",
+              "default": "#0078d4"
             },
             {
               "description": "activity bar variant foreground color",
-              "name": "--vscode-activityBarBadge-foreground"
+              "name": "--vscode-activityBarBadge-foreground",
+              "default": "#ffffff"
             }
           ],
           "members": [
@@ -330,7 +364,7 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "'default' | 'counter' | 'activity-bar-counter'"
+                "text": "| 'default'\n    | 'counter'\n    | 'activity-bar-counter'\n    | 'tab-header-counter'"
               },
               "default": "'default'",
               "attribute": "variant",
@@ -343,7 +377,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -367,7 +401,7 @@
             {
               "name": "variant",
               "type": {
-                "text": "'default' | 'counter' | 'activity-bar-counter'"
+                "text": "| 'default'\n    | 'counter'\n    | 'activity-bar-counter'\n    | 'tab-header-counter'"
               },
               "default": "'default'",
               "fieldName": "variant"
@@ -410,7 +444,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { background-color: var(--vscode-button-background); border-color: var( --vscode-button-border, var(--vscode-button-background) ); border-style: solid; border-radius: 2px; border-width: 1px; color: var(--vscode-button-foreground); cursor: pointer; display: inline-block; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); line-height: 22px; overflow: hidden; padding: 1px 13px; user-select: none; white-space: nowrap; } :host([secondary]) { color: var(--vscode-button-secondaryForeground); background-color: var(--vscode-button-secondaryBackground); border-color: var( --vscode-button-border, var(--vscode-button-secondaryBackground) ); } :host([disabled]) { cursor: default; opacity: 0.4; pointer-events: none; } :host(:hover) { background-color: var(--vscode-button-hoverBackground); } :host([disabled]:hover) { background-color: var(--vscode-button-background); } :host([secondary]:hover) { background-color: var(--vscode-button-secondaryHoverBackground); } :host([secondary][disabled]:hover) { background-color: var(--vscode-button-secondaryBackground); } :host(:focus), :host(:active) { outline: none; } :host(:focus) { background-color: var(--vscode-button-hoverBackground); outline: 1px solid var(--vscode-focusBorder); outline-offset: 2px; } :host([disabled]:focus) { background-color: var(--vscode-button-background); outline: 0; } :host([secondary]:focus) { background-color: var(--vscode-button-secondaryHoverBackground); } :host([secondary][disabled]:focus) { background-color: var(--vscode-button-secondaryBackground); } ::slotted(*) { display: inline-block; margin-left: 4px; margin-right: 4px; } ::slotted(*:first-child) { margin-left: 0; } ::slotted(vscode-icon) { color: inherit; } .wrapper { align-items: center; box-sizing: border-box; display: flex; justify-content: center; position: relative; width: 100%; } slot { align-items: center; display: flex; height: 100%; } .icon { color: inherit; display: block; margin-right: 3px; } .icon-after { color: inherit; display: block; margin-left: 3px; } `, ]"
+          "default": "[ defaultStyles, css` :host { background-color: var(--vscode-button-background, #0078d4); border-color: var( --vscode-button-border, var(--vscode-button-background, rgba(255, 255, 255, 0.07)) ); border-style: solid; border-radius: 2px; border-width: 1px; color: var(--vscode-button-foreground, #ffffff); cursor: pointer; display: inline-block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 22px; overflow: hidden; padding: 1px 13px; user-select: none; white-space: nowrap; } :host([secondary]) { color: var(--vscode-button-secondaryForeground, #cccccc); background-color: var(--vscode-button-secondaryBackground, #313131); border-color: var( --vscode-button-border, var(--vscode-button-secondaryBackground, rgba(255, 255, 255, 0.07)) ); } :host([disabled]) { cursor: default; opacity: 0.4; pointer-events: none; } :host(:hover) { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([disabled]:hover) { background-color: var(--vscode-button-background, #0078d4); } :host([secondary]:hover) { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:hover) { background-color: var(--vscode-button-secondaryBackground, #313131); } :host(:focus), :host(:active) { outline: none; } :host(:focus) { background-color: var(--vscode-button-hoverBackground, #026ec1); outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: 2px; } :host([disabled]:focus) { background-color: var(--vscode-button-background, #0078d4); outline: 0; } :host([secondary]:focus) { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:focus) { background-color: var(--vscode-button-secondaryBackground, #313131); } ::slotted(*) { display: inline-block; margin-left: 4px; margin-right: 4px; } ::slotted(*:first-child) { margin-left: 0; } ::slotted(vscode-icon) { color: inherit; } .wrapper { align-items: center; box-sizing: border-box; display: flex; justify-content: center; position: relative; width: 100%; } slot { align-items: center; display: flex; height: 100%; } .icon { color: inherit; display: block; margin-right: 3px; } .icon-after { color: inherit; display: block; margin-left: 3px; } `, ]"
         }
       ],
       "exports": [
@@ -434,38 +468,49 @@
           "name": "VscodeButton",
           "cssProperties": [
             {
-              "name": "--vscode-button-background"
+              "name": "--vscode-button-background",
+              "default": "#0078d4"
             },
             {
-              "name": "--vscode-button-foreground"
+              "name": "--vscode-button-foreground",
+              "default": "#ffffff"
             },
             {
               "name": "--vscode-button-border",
-              "default": "var(--vscode-button-background)"
+              "default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))"
             },
             {
-              "name": "--vscode-button-hoverBackground"
+              "name": "--vscode-button-hoverBackground",
+              "default": "#026ec1"
             },
             {
-              "name": "--vscode-font-family"
+              "description": "A sans-serif font type depends on the host OS.",
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "name": "--vscode-font-size"
+              "name": "--vscode-font-size",
+              "default": "13px"
             },
             {
-              "name": "--vscode-font-weight"
+              "name": "--vscode-font-weight",
+              "default": "normal"
             },
             {
-              "name": "--vscode-button-secondaryForeground"
+              "name": "--vscode-button-secondaryForeground",
+              "default": "#cccccc"
             },
             {
-              "name": "--vscode-button-secondaryBackground"
+              "name": "--vscode-button-secondaryBackground",
+              "default": "#313131"
             },
             {
-              "name": "--vscode-button-secondaryHoverBackground"
+              "name": "--vscode-button-secondaryHoverBackground",
+              "default": "#3c3c3c"
             },
             {
-              "name": "--vscode-focusBorder"
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             }
           ],
           "members": [
@@ -674,7 +719,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1219,7 +1264,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1442,7 +1487,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1638,7 +1683,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1964,7 +2009,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2166,7 +2211,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2305,7 +2350,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2526,7 +2571,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2661,7 +2706,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2769,7 +2814,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2970,7 +3015,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -3193,7 +3238,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4290,7 +4335,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4588,7 +4633,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4738,7 +4783,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -5208,7 +5253,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -5530,7 +5575,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -5924,7 +5969,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -6982,7 +7027,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -7371,7 +7416,7 @@
               "name": "fixedPane",
               "description": "The size of the fixed pane will not change when the component is resized.",
               "type": {
-                "text": "FixedPaneType"
+                "text": "'start' | 'end' | 'none'"
               },
               "attribute": "fixed-pane"
             },
@@ -7599,7 +7644,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -7667,7 +7712,7 @@
               "name": "fixed-pane",
               "description": "The size of the fixed pane will not change when the component is resized.",
               "type": {
-                "text": "FixedPaneType"
+                "text": "'start' | 'end' | 'none'"
               },
               "fieldName": "fixedPane"
             }
@@ -7804,7 +7849,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -7939,7 +7984,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8127,6 +8172,39 @@
               "attribute": "responsive",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "bordered",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Both rows and columns are separated by borders.",
+              "attribute": "bordered",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "borderedColumns",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Columns are separated by borders.",
+              "attribute": "bordered-columns",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "borderedRows",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Rows are separated by borders.",
+              "attribute": "bordered-rows",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "breakpoint",
@@ -8167,13 +8245,24 @@
             },
             {
               "kind": "field",
-              "name": "compact",
+              "name": "zebra",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "For internal use only",
-              "attribute": "compact",
+              "description": "Zebra stripes, even rows are tinted.",
+              "attribute": "zebra",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "zebraOdd",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Zebra stripes, odd rows are tinted.",
+              "attribute": "zebra-odd",
               "reflects": true
             },
             {
@@ -8632,7 +8721,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8654,55 +8743,47 @@
           ],
           "attributes": [
             {
+              "name": "resizable",
               "type": {
-                "text": "Boolean"
-              },
-              "description": "Zebra stripes, even rows are tinted.",
-              "name": "zebra"
-            },
-            {
-              "type": {
-                "text": "Boolean"
-              },
-              "description": "Zebra stripes, odd rows are tinted.",
-              "name": "zebra-odd"
-            },
-            {
-              "type": {
-                "text": "Boolean"
+                "text": "boolean"
               },
-              "description": "Rows are separated by borders",
-              "name": "bordered-rows"
+              "default": "false",
+              "fieldName": "resizable"
             },
             {
+              "name": "responsive",
               "type": {
-                "text": "Boolean"
+                "text": "boolean"
               },
-              "description": "Columns are separated by borders",
-              "name": "bordered-columns"
+              "default": "false",
+              "fieldName": "responsive"
             },
             {
+              "name": "bordered",
               "type": {
-                "text": "Boolean"
+                "text": "boolean"
               },
-              "description": "Rows and columns are separated by borders",
-              "name": "bordered"
+              "default": "false",
+              "description": "Both rows and columns are separated by borders.",
+              "fieldName": "bordered"
             },
             {
-              "name": "resizable",
+              "name": "bordered-columns",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "resizable"
+              "description": "Columns are separated by borders.",
+              "fieldName": "borderedColumns"
             },
             {
-              "name": "responsive",
+              "name": "bordered-rows",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "responsive"
+              "description": "Rows are separated by borders.",
+              "fieldName": "borderedRows"
             },
             {
               "name": "breakpoint",
@@ -8738,13 +8819,22 @@
               "fieldName": "delayedResizing"
             },
             {
-              "name": "compact",
+              "name": "zebra",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "For internal use only",
-              "fieldName": "compact"
+              "description": "Zebra stripes, even rows are tinted.",
+              "fieldName": "zebra"
+            },
+            {
+              "name": "zebra-odd",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Zebra stripes, odd rows are tinted.",
+              "fieldName": "zebraOdd"
             }
           ],
           "superclass": {
@@ -8819,7 +8909,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8941,7 +9031,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -9054,7 +9144,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -9152,7 +9242,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -9244,7 +9334,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -9496,7 +9586,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -10007,7 +10097,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -10230,7 +10320,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { align-items: center; background-color: var(--vscode-settings-textInputBackground); border-color: var( --vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground) ); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground); display: inline-flex; max-width: 100%; position: relative; width: 320px; } :host([focused]) { border-color: var(--vscode-focusBorder); } :host([invalid]), :host(:invalid) { border-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([invalid]) input, :host(:invalid) input { background-color: var(--vscode-inputValidation-errorBackground); } ::slotted([slot='content-before']) { display: block; margin-left: 2px; } ::slotted([slot='content-after']) { display: block; margin-right: 2px; } slot[name='content-before'], slot[name='content-after'] { align-items: center; display: flex; } input { background-color: var(--vscode-settings-textInputBackground); border: 0; box-sizing: border-box; color: var(--vscode-settings-textInputForeground); display: block; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); line-height: 18px; outline: none; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; padding-top: 3px; width: 100%; } input:read-only:not([type='file']) { cursor: not-allowed; } input::placeholder { color: var(--vscode-input-placeholderForeground); opacity: 1; } input[type='file'] { line-height: 24px; padding-bottom: 0; padding-left: 2px; padding-top: 0; } input[type='file']::file-selector-button { background-color: var(--vscode-button-background); border: 0; border-radius: 2px; color: var(--vscode-button-foreground); cursor: pointer; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); line-height: 20px; padding: 0 14px; } input[type='file']::file-selector-button:hover { background-color: var(--vscode-button-hoverBackground); } `, ]"
+          "default": "[ defaultStyles, css` :host { align-items: center; background-color: var(--vscode-settings-textInputBackground, #313131); border-color: var( --vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground, #3c3c3c) ); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: inline-flex; max-width: 100%; position: relative; width: 320px; } :host([focused]) { border-color: var(--vscode-focusBorder, #0078d4); } :host([invalid]), :host(:invalid) { border-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([invalid]) input, :host(:invalid) input { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); } ::slotted([slot='content-before']) { display: block; margin-left: 2px; } ::slotted([slot='content-after']) { display: block; margin-right: 2px; } slot[name='content-before'], slot[name='content-after'] { align-items: center; display: flex; } input { background-color: var(--vscode-settings-textInputBackground, #313131); border: 0; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, 'normal'); line-height: 18px; outline: none; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; padding-top: 3px; width: 100%; } input:read-only:not([type='file']) { cursor: not-allowed; } input::placeholder { color: var(--vscode-input-placeholderForeground, #989898); opacity: 1; } input[type='file'] { line-height: 24px; padding-bottom: 0; padding-left: 2px; padding-top: 0; } input[type='file']::file-selector-button { background-color: var(--vscode-button-background, #0078d4); border: 0; border-radius: 2px; color: var(--vscode-button-foreground, #ffffff); cursor: pointer; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, 'normal'); line-height: 20px; padding: 0 14px; } input[type='file']::file-selector-button:hover { background-color: var(--vscode-button-hoverBackground, #026ec1); } `, ]"
         }
       ],
       "exports": [
@@ -10254,37 +10344,61 @@
           "name": "VscodeTextfield",
           "cssProperties": [
             {
-              "name": "--vscode-settings-textInputBackground"
+              "name": "--vscode-settings-textInputBackground",
+              "default": "#313131"
             },
             {
-              "name": "--vscode-settings-textInputBorder"
+              "name": "--vscode-settings-textInputBorder",
+              "default": "var(--vscode-settings-textInputBackground, #3c3c3c)"
             },
             {
-              "name": "--vscode-settings-textInputForeground"
+              "name": "--vscode-settings-textInputForeground",
+              "default": "#cccccc"
             },
             {
-              "name": "--vscode-focusBorder"
+              "name": "--vscode-settings-textInputBackground",
+              "default": "#313131"
             },
             {
-              "name": "--vscode-font-family"
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             },
             {
-              "name": "--vscode-font-size"
+              "description": "A sans-serif font type depends on the host OS.",
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "name": "--vscode-font-weight"
+              "name": "--vscode-font-size",
+              "default": "13px"
             },
             {
-              "name": "--vscode-input-placeholderForeground"
+              "name": "--vscode-font-weight",
+              "default": "normal"
+            },
+            {
+              "name": "--vscode-inputValidation-errorBorder",
+              "default": "#be1100"
+            },
+            {
+              "name": "--vscode-inputValidation-errorBackground",
+              "default": "#5a1d1d"
+            },
+            {
+              "name": "--vscode-input-placeholderForeground",
+              "default": "#989898"
             },
             {
-              "name": "--vscode-button-background"
+              "name": "--vscode-button-background",
+              "default": "#0078d4"
             },
             {
-              "name": "--vscode-button-foreground"
+              "name": "--vscode-button-foreground",
+              "default": "#ffffff"
             },
             {
-              "name": "--vscode-button-hoverBackground"
+              "name": "--vscode-button-hoverBackground",
+              "default": "#026ec1"
             }
           ],
           "slots": [
@@ -10643,7 +10757,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -11384,7 +11498,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -11557,7 +11671,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -12529,7 +12643,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.12.0'",
+              "default": "'1.13.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"