Fix LabeledValue contextual help alignment for side label (#3568)

* align label and contextualhelp for side position

* Revert "align label and contextualhelp for side position"

This reverts commit 6a4e8a0.

* fix alignment

* add chromatic story

Co-authored-by: Robert Snow <[email protected]>

Author: reidbarber

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

@@ -214,6 +214,11 @@ governing permissions and limitations under the License.
 
   &.spectrum-Field--positionSide {
     align-items: first baseline;
+    
+    .spectrum-Field-contextualHelp {
+      position: relative;
+      top: var(--spectrum-global-dimension-size-40);
+    }
   }
 
   &.spectrum-Field--positionTop {

packages/@react-spectrum/labeledvalue/chromatic/LabeledValue.chromatic.tsx

@@ -133,3 +133,18 @@ export let WithContextualHelp: LabeledValueStory = {
   },
   name: 'contextual help'
 };
+
+export let LabelPostionSideWithContextualHelp: LabeledValueStory = {
+  args: {
+    label: 'Test',
+    value: 25,
+    labelPosition: 'side',
+    contextualHelp: (
+      <ContextualHelp>
+        <Heading>What is a segment?</Heading>
+        <Content>Segments identify who your visitors are, what devices and services they use, where they navigated from, and much more.</Content>
+      </ContextualHelp>
+    )
+  },
+  name: 'contextual help, labelPosition: side'
+};