diff --git a/.github/workflows/gh-pages.yaml b/.github/workflows/gh-pages.yaml index 92d052dd..6b0e5f52 100644 --- a/.github/workflows/gh-pages.yaml +++ b/.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 📦 diff --git a/.github/workflows/pkg-pr-new.yaml b/.github/workflows/pkg-pr-new.yaml index 407efc35..f13848f9 100644 --- a/.github/workflows/pkg-pr-new.yaml +++ b/.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 diff --git a/.github/workflows/publish.yaml b/.github/workflows/publish.yaml index ee2b4ee0..1b986ef6 100644 --- a/.github/workflows/publish.yaml +++ b/.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' diff --git a/.github/workflows/release.yaml b/.github/workflows/release.yaml index 16cea01d..019a3d20 100644 --- a/.github/workflows/release.yaml +++ b/.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 diff --git a/.github/workflows/test.yaml b/.github/workflows/test.yaml index 3ecf6c91..7ea5af40 100644 --- a/.github/workflows/test.yaml +++ b/.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 📦 diff --git a/packages/app-elements/src/ui/forms/InputCurrency/InputCurrency.tsx b/packages/app-elements/src/ui/forms/InputCurrency/InputCurrency.tsx index e6aebaa9..647f332d 100644 --- a/packages/app-elements/src/ui/forms/InputCurrency/InputCurrency.tsx +++ b/packages/app-elements/src/ui/forms/InputCurrency/InputCurrency.tsx @@ -141,7 +141,8 @@ export const InputCurrency = forwardRef( "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( 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. **/