Use localization patterns for trailing periods

[geospatialem]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

Remaining effort from #7708 for hardcoded strings WRT trailing periods should be pulled into t9n bundles or use a formatting utility.

calcite-design-system/packages/calcite-components/src/components/stepper-item/stepper-item.tsx

Line 228 in fc2c720

{this.numbered ? <div class="stepper-item-number">{this.renderNumbers()}.</div> : null}

Expected Behavior

Coming soon, ultimately avoid hardcoded strings

cc @jcfranco @annierm18

Reproduction Sample

https://codepen.io/jcfranco/pen/RwEpwbL?editors=100

Reproduction Steps

1. Open codepen
2. Look at console to see the hardcoded assistive text

Note that the sample is specific to one component, the descriptive hardcoded values are depicted in the summary above.

Reproduction Version

1.8.0

Relevant Info

#7708

Regression?

No response

Priority impact

impact - p3 - not time sensitive

Impact

No response

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/calcite-ui-icons
• @esri/eslint-plugin-calcite-components

Esri team

Calcite (dev)

[macandcheese]

Specifically for Stepper Item - we may be able to re-design this to avoid this period altogether - AFAIK it is only stylistic - we can probably do a small adjustment and place the localized number in an avatar or other UI. cc @SkyeSeitz @ashetland

[jcfranco]

@macandcheese That would be great!

[macandcheese]

Breakout issue: #10893

[annierm18]

Response from the Translation team:

"Now we see how they structure it, it should be fine to hard code it. Please make sure to test Arabic and Hebrew closely to check the order is correct."

In summary, it is okay to hardcode the trailing period in this instance. This means the "." string does not need to be put in the translation bundles. Just make sure to test with RTL languages.

[jcfranco]

Based on ☝️, we can close this one. Thanks, @annierm18!