Increase specificity so that ActionGroup collapsed text only icons don't render extra padding (#6284)

* Increase specificity so for ActionGroup with overflowMode="collapse" and buttonLabelBehavior="hide"

* Add chromatic story

Author: LFDanLu

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

@@ -230,7 +230,7 @@ a.spectrum-ActionButton {
     padding-inline-end: var(--spectrum-actionbutton-icon-padding-x);
   }
 
-  .spectrum-ActionGroup-itemIcon {
+  .spectrum-ActionGroup-itemIcon.spectrum-ActionGroup-itemIcon {
     padding-inline-end: 0;
   }
 }

packages/@react-spectrum/actiongroup/chromatic/ActionGroup.chromatic.tsx

@@ -314,6 +314,13 @@ DisabledKeys.story = {
   name: 'disabledKeys'
 };
 
+export const OverflowAndHide = () =>
+  render({overflowMode: 'collapse', buttonLabelBehavior: 'hide', selectionMode: 'multiple'}, dataItems);
+
+OverflowAndHide.story = {
+  name: 'overflowMode: collapse, buttonLabelBehavior: hide'
+};
+
 function render(props, items) {
   return (
     <Flex rowGap="size-300" margin="size-100" width="100%" direction="column">