chore: restructure project into yarn workspaces, remove next

packages/design-system/atoms/collapse/Collapse.stories.tsx

@@ -0,0 +1,13 @@
+import { SmallTitle } from '@roleypoly/design-system/atoms/typography';
+import { Collapse } from './Collapse';
+
+export default {
+    title: 'Atoms/Collapse',
+    component: Collapse,
+};
+
+export const collapse = (args) => (
+    <SmallTitle>
+        Hello, <Collapse {...args}>small</Collapse> world!
+    </SmallTitle>
+);

packages/design-system/atoms/collapse/Collapse.tsx

@@ -0,0 +1,10 @@
+import styled, { css } from 'styled-components';
+import { onSmallScreen } from '../breakpoints';
+
+export const Collapse = styled.span<{ preventCollapse?: boolean }>`
+    ${(props) =>
+        !props.preventCollapse &&
+        onSmallScreen(css`
+            display: none;
+        `)}
+`;

packages/design-system/atoms/collapse/index.ts

@@ -0,0 +1 @@
+export * from './Collapse';