fix(HTL-124104): ftc attrs

Author: PhilWelsh

packages/core/src/Box/Box.tsx

@@ -94,6 +94,7 @@ export type BoxProps = Omit<BorderRadiusProps, 'borderRadius'> &
  * @public
  */
 export const Box: React.FC<BoxProps> = styled.div.attrs((props) => ({
+  ...props,
   ...borderRadiusAttrs(props),
   ...boxShadowAttrs(props),
 }))`

packages/core/src/Button/Button.stories.tsx

@@ -62,6 +62,16 @@ export const Playground: ButtonStory = {
   },
 }
 
+export const Attrs: ButtonStory = {
+  render: () => (
+    <StoryStage>
+      <Button size='extraLarge' gv-criticalpath='true'>
+        Extra Large
+      </Button>
+    </StoryStage>
+  ),
+}
+
 export const Size: ButtonStory = {
   render: () => (
     <StoryStage>

packages/core/src/Button/Button.tsx

@@ -339,6 +339,7 @@ const StyledButton: React.FC<StyledButtonProps> = styled.button.attrs((props) =>
     width,
     height,
     'aria-label': ariaLabel || title,
+    ...props,
     ...paddingProps,
   }
 })`