Merge pull request #406 from element-hq/t3chguy/fix-imageless-avatar-button

Author: t3chguy

playwright/visual.test.ts-snapshots/Avatar-No-Image-Fallback-Button-1-chromium-linux.png

@@ -51,6 +51,8 @@ button.avatar:disabled {
   overflow: hidden;
 }
 
+/* Additional selector for button to raise selector above button.avatar */
+button.avatar-imageless,
 .avatar-imageless {
   /* In the future we'd prefer to pass the HEX code as the data attr
      and use `attr(data-color)` to avoid the style declaration from below

playwright/visual.test.ts-snapshots/Avatar-No-Image-Fallback-Button-1-contrast-linux.png

@@ -53,6 +53,14 @@ export const NoImageFallback: Story = {
   },
 };
 
+export const NoImageFallbackButton: Story = {
+  tags: ["axe-exclude"],
+  args: {
+    ...NoImageFallback.args,
+    ...Button.args,
+  },
+};
+
 export const LargeNoImageFallback: Story = {
   args: {
     src: "",