additions

src/remix-app/assets/icons/Logo/Logo.tsx

@@ -35,31 +35,6 @@ const styles = stylex.create({
   },
 });
 
-/* const Logo = ({ style }: BaseIconProps) => (
-  <svg
-    {...stylex.props(iconStyles.baseIcon, styles.base, style)}
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 83 173.354"
-  >
-    <g id="Group_2" data-name="Group 2" transform="translate(158 436.177)">
-      <line {...stylex.props(styles.line)} y2="40" transform="translate(-156.5 -405.5)" />
-      <line {...stylex.props(styles.line)} y2="40" transform="translate(-116.5 -405.5)" />
-      <line {...stylex.props(styles.line)} y2="40" transform="translate(-76.5 -405.5)" />
-      <line {...stylex.props(styles.line)} y2="40" transform="translate(-76.5 -333.5)" />
-      <line {...stylex.props(styles.line)} y2="40" transform="translate(-116.5 -333.5)" />
-      <line {...stylex.props(styles.line)} y2="40" transform="translate(-156.5 -333.5)" />
-      <line {...stylex.props(styles.line)} x1="40" y2="29.469" transform="translate(-116.5 -293.5)" />
-      <line {...stylex.props(styles.line)} x1="40" y2="29.469" transform="translate(-156.5 -434.969)" />
-      <line {...stylex.props(styles.line)} x2="40" y2="29.469" transform="translate(-156.5 -293.5)" />
-      <line {...stylex.props(styles.line)} x2="40" y2="29.469" transform="translate(-116.5 -434.969)" />
-      <line {...stylex.props(styles.line)} x2="40" y2="32" transform="translate(-156.5 -365.5)" />
-      <line {...stylex.props(styles.line)} x2="40" y2="32" transform="translate(-116.5 -365.5)" />
-      <line {...stylex.props(styles.line)} x1="20" y2="16" transform="translate(-96.5 -365.5)" />
-      <line {...stylex.props(styles.line)} x1="20" y2="16" transform="translate(-156.5 -349.5)" />
-    </g>
-  </svg>
-); */
-
 const Logo = ({ style }: BaseIconProps) => (
   <svg
     {...stylex.props(iconStyles.baseIcon, styles.base, style)}

src/remix-app/components/a11y/A11yText.stories.tsx

@@ -0,0 +1,28 @@
+import Button from '../button/Button';
+
+import A11yText from './A11yText';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  tags: ['!dev'],
+  render: ({ children }) => (
+    <Button>
+      <span aria-hidden>Interact with me with a screen reader! 👀</span>
+      <A11yText>{children}</A11yText>
+    </Button>
+  ),
+};
+
+const meta = {
+  title: 'Accessibility/A11yText',
+  component: A11yText,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+  args: { children: 'Hello! You found my secret acessible message, good work!' },
+} satisfies Meta<typeof A11yText>;
+export default meta;