Fix helptext alignment inheriting (#2367)

Author: snowystinger

packages/@adobe/spectrum-css-temp/components/helptext/index.css

@@ -31,6 +31,7 @@
 
 .spectrum-HelpText {
   display: flex;
+  text-align: start;
   font-size: var(--spectrum-helptext-neutral-texticon-text-size);
   .spectrum-HelpText-validationIcon {
     margin-inline-end: var(--spectrum-helptext-neutral-texticon-icon-gap);

packages/@react-spectrum/label/stories/HelpText.stories.tsx

@@ -122,6 +122,15 @@ storiesOf('HelpText', module)
   .add(
     'description and custom description',
     () => renderCustomDescription({description: 'Password must be at least 8 characters.'})
+  )
+  .add(
+    'container with text alignment set',
+    () => (
+      <Flex direction="column" gap="size-200" UNSAFE_style={{textAlign: 'center'}}>
+        <TextField label="Password" description="Enter a single digit number." />
+        <TextField label="Password 2" errorMessage="Create a password with at least 8 characters." validationState="invalid" />
+      </Flex>
+    )
   );
 
 function render(props: SpectrumTextFieldProps = {}) {