KeyValueInputs AddRowButton - Translate strings (HDS-6114)

[KristinLBradley]

📌 Summary

If merged, this PR translates previously hard-coded strings in the KeyValueInputs AddRowButton.

🔗 External links

• Jira ticket: HDS-6114

---

👀 Component checklist

• Percy was checked for any visual regression
• A changelog entry was added via Changesets if needed (see templates here)

💬 Please consider using conventional comments when reviewing this PR.

📋 PCI review checklist

• If applicable, I've documented a plan to revert these changes if they require more than reverting the pull request.
• If applicable, I've worked with GRC to document the impact of any changes to security controls.
  Examples of changes to controls include access controls, encryption, logging, etc.
• If applicable, I've worked with GRC to ensure compliance due to a significant change to the in-scope PCI environment.
  Examples include changes to operating systems, ports, protocols, services, cryptography-related components, PII processing code, etc.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
hds-showcase	Ready	Preview	Mar 11, 2026 9:32pm
hds-website	Ready	Preview	Mar 11, 2026 9:32pm

[MelSumner]

@KristinLBradley (question) do you think that there should be a test for this, confirming that it does what we think it does?

[KristinLBradley]

I'm not finding other examples of tests for things like this so far. But maybe we should be adding tests? I can ask in the next eng sync, thanks.

[KristinLBradley]

Btw, currently we just test that the value of this is not empty. Would it be better to test that it has the default value?

/integration/components/hds/form/key-value-inputs/add-row-button-test.gts

test('it should provide an `aria-description` attribute', async function (assert) {
  await render(
    <template>
      <HdsFormKeyValueInputsAddRowButton
        id="test-form-key-value-add-row-button"
      />
    </template>,
  );
  assert
    .dom('#test-form-key-value-add-row-button')
    .hasAttribute(
      'aria-description',
      /.+/,
      'aria-description should not be empty',
    );
});

[MelSumner]

I think "not empty" is fine since it can be customized. But you could have another test that ensures the default is the fallback. 🤔

[KristinLBradley]

I went ahead and updated the test to instead check for the default value. Please let me know if it looks ok now or if I should change/add anything else. Thanks!

[KristinLBradley]

@shleewhite tagging you too just to let you know about the latest update I pushed.

[MelSumner]