Use more text selector types for add-on configuration (#12303)

hassio/src/addon-view/config/hassio-addon-config.ts

@@ -55,6 +55,8 @@ const ADDON_YAML_SCHEMA = DEFAULT_SCHEMA.extend([
   }),
 ]);
 
+const MASKED_FIELDS = ["password", "secret", "token"];
+
 @customElement("hassio-addon-config")
 class HassioAddonConfig extends LitElement {
   @property({ attribute: false }) public addon!: HassioAddonDetails;
@@ -113,7 +115,14 @@ class HassioAddonConfig extends LitElement {
             : {
                 name: entry.name,
                 required: entry.required,
-                selector: { text: { type: "text" } },
+                selector: {
+                  text: {
+                    type:
+                      entry.format || MASKED_FIELDS.includes(entry.name)
+                        ? "password"
+                        : "text",
+                  },
+                },
               }
           : entry.type === "boolean"
           ? {