Improve symbol spacing in InputCurrency

.github/workflows/gh-pages.yaml

@@ -18,17 +18,17 @@ jobs:
 
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: pnpm 🧰
-        uses: pnpm/action-setup@v3
+        uses: pnpm/action-setup@v5
         with:
-          version: 9
+          version: 10
 
       - name: Node 🧰
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
-          node-version: 20.x
+          node-version: 22.x
           cache: 'pnpm'
 
       - name: Install 📦

.github/workflows/pkg-pr-new.yaml

@@ -19,17 +19,17 @@ jobs:
 
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
         with:
           persist-credentials: false
 
       - name: pnpm 🧰
-        uses: pnpm/action-setup@v3
+        uses: pnpm/action-setup@v5
         with:
-          version: 9.x
+          version: 10
 
       - name: Node 🧰
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: 22.x
 

.github/workflows/publish.yaml

@@ -14,17 +14,17 @@ jobs:
 
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: pnpm 🧰
-        uses: pnpm/action-setup@v4
+        uses: pnpm/action-setup@v5
         with:
           version: 10
 
       - name: Node 🧰
         uses: actions/setup-node@v5
         with:
-          node-version: 20.x
+          node-version: 22.x
           registry-url: https://registry.npmjs.org
           cache: 'pnpm'
 

.github/workflows/release.yaml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: Create a draft GitHub release 🎁
         uses: softprops/action-gh-release@v2

.github/workflows/test.yaml

@@ -15,17 +15,17 @@ jobs:
 
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: pnpm 🧰
-        uses: pnpm/action-setup@v3
+        uses: pnpm/action-setup@v5
         with:
-          version: 9
+          version: 10
 
       - name: Node 🧰
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
-          node-version: 20.x
+          node-version: 22.x
           cache: 'pnpm'
 
       - name: Install 📦

packages/app-elements/src/ui/forms/InputCurrency/InputCurrency.tsx

@@ -141,7 +141,8 @@ export const InputCurrency = forwardRef<HTMLInputElement, InputCurrencyProps>(
               "block w-full pr-4 py-2.5 text-sm",
               {
                 "pl-4": hideCurrencySymbol === true,
-                "pl-8": hideCurrencySymbol !== true,
+                [getSymbolPaddingCSS(currency.symbol)]:
+                  hideCurrencySymbol !== true,
               },
               "rounded outline-0",
               getFeedbackStyle(feedback),
@@ -208,6 +209,20 @@ export const InputCurrency = forwardRef<HTMLInputElement, InputCurrencyProps>(
 
 InputCurrency.displayName = "InputCurrency"
 
+/**
+ * Returns the left-padding class for the input based on the currency symbol length.
+ **/
+function getSymbolPaddingCSS(symbol: string): string {
+  switch (symbol.length) {
+    case 3:
+      return "pl-12"
+    case 2:
+      return "pl-10"
+    default:
+      return "pl-8"
+  }
+}
+
 /**
  * Prepare the initial value for the component internal state.
  **/