Smaller icon in form input field.

Author: koculu

frontend/purestack.studio/components/_nav.json

@@ -1,9 +1,6 @@
 {
   "pageLinks": true,
-  "sequence": [
-    "index.mdx",
-    "guides"
-  ],
+  "sequence": ["index.mdx", "guides"],
   "items": [
     {
       "id": "guides",

frontend/purestack.studio/siteConfig.json

@@ -48,7 +48,7 @@
     }
   },
   "consent": {
-    "enabled": false,
+    "enabled": true,
     "policyVersion": "2026-09-15",
     "categories": [
       {

packages/ts-components/src/standard/form/formStyle.ts

@@ -83,6 +83,13 @@ function registerFormFieldStyles(theme: ThemeMode, palette: ThemePalette) {
   styleBuilder
     .select('.form-block__input-icon', theme)
     .color(palette.current.text.subtle)
+  // Size the icon from the field's text, not from the surrounding page, so it
+  // stays in proportion with the value and placeholder beside it.
+  styleBuilder
+    .select('.icon.form-block__input-icon', theme)
+    .fontSize(palette.font.size.sm)
+    .width('1.4em')
+    .height('1.4em')
   styleBuilder
     .select(
       '.form-block__input-shell > .form-block__input-icon:first-child',

packages/ts-ssg/sample-content/siteConfig.json

@@ -38,7 +38,7 @@
     "enabled": false
   },
   "consent": {
-    "enabled": false
+    "enabled": true
   },
   "pagefind": {
     "enabled": true