@htmlbricks/hb-searchbar 0.67.0 → 0.68.1

package/manifest.json

@@ -228,7 +228,44 @@
     }
   },
   "styleSetup": {
-    "vars": [],
+    "vars": [
+      {
+        "name": "--hb-searchbar-host-background",
+        "valueType": "string",
+        "defaultValue": "color-mix(in srgb, var(--bulma-background) 88%, var(--bulma-border) 12%)",
+        "description": "Set on the host to override resting :host background (defaults are assigned in the shadow stylesheet)."
+      },
+      {
+        "name": "--hb-searchbar-host-background-focus",
+        "valueType": "string",
+        "defaultValue": "color-mix(in srgb, var(--bulma-primary) 10%, var(--bulma-background))",
+        "description": "Set on the host to override :host background while the input/textarea is focused."
+      },
+      {
+        "name": "--hb-searchbar-input-strip-background",
+        "valueType": "string",
+        "defaultValue": "color-mix(in srgb, var(--bulma-background) 72%, var(--bulma-border) 28%)",
+        "description": "Background of the input/textarea row at rest (default is darker than the dropdown list)."
+      },
+      {
+        "name": "--hb-searchbar-dropdown-panel-background",
+        "valueType": "string",
+        "defaultValue": "color-mix(in srgb, var(--bulma-scheme-main) 62%, var(--bulma-background) 38%)",
+        "description": "Background of the open dropdown panel (default mixes scheme-main with background for lower contrast)."
+      },
+      {
+        "name": "--hb-searchbar-input-glass-blur",
+        "valueType": "string",
+        "defaultValue": "24px",
+        "description": "Backdrop blur radius for the frosted layer behind the input when focused."
+      },
+      {
+        "name": "--hb-searchbar-input-glass-saturate",
+        "valueType": "number",
+        "defaultValue": "1.45",
+        "description": "Backdrop saturate() factor for that layer."
+      }
+    ],
     "parts": [
       {
         "name": "dropdown-menu",
@@ -237,6 +274,14 @@
       {
         "name": "search-input",
         "description": "The search input"
+      },
+      {
+        "name": "search-input-glass",
+        "description": "Frosted glass layer behind the field (visible when the input/textarea is focused)"
+      },
+      {
+        "name": "search-submit",
+        "description": "The clickable search (magnifier) control"
       }
     ]
   },
@@ -740,7 +785,7 @@
       }
     }
   ],
-  "iifeIntegrity": "sha384-k8fukIOPq3inSLWQfouX/Saq3Oze8KRXtYxcQXjXuRFeoWAwObQ9N/J8p41xAUXI",
+  "iifeIntegrity": "sha384-ta/GXrCiX02bHz5vQ+wGwF+ib8ukyhk9iMp35ulAcGSY+jzHc2jscsduSJ7E88OG",
   "dependencies": [],
   "screenshots": [],
   "licenses": [
@@ -761,5 +806,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-searchbar",
-  "version": "0.67.0"
+  "version": "0.68.1"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-searchbar",
-  "version": "0.67.0",
+  "version": "0.68.1",
   "contributors": [],
   "description": "Search field with optional dropdown `searchlist` (id, text, icons, badges, tags, URLs). Configure `value`, `initial_value`, `searchlabel`, `textarea`, `minlength`, `disable_preview`, and CSS parts for the input and menu. Dispatches `search` and `clear`.",
   "licenses": [