chore: restructuring design system react component code into folders

packages/design-system-react/jest.config.js

@@ -14,6 +14,9 @@ module.exports = merge(baseConfig, {
   // The display name when running multiple projects
   displayName,
 
+  // Add coverage ignore patterns
+  coveragePathIgnorePatterns: ['index.ts'],
+
   // An object that configures minimum threshold enforcement for coverage results
   coverageThreshold: {
     global: {

packages/design-system-react/src/components/button/index.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button';

packages/design-system-react/src/components/index.ts

@@ -0,0 +1,5 @@
+export { Text, TextVariant } from './text';
+export type { TextProps } from './text';
+
+export { Button } from './button';
+export type { ButtonProps } from './button';

packages/design-system-react/src/Text.tsx → packages/design-system-react/src/components/text/Text.tsx

@@ -16,7 +16,7 @@ export enum TextVariant {
   BodyXs = 'body-xs',
 }
 
-interface TextProps {
+export interface TextProps {
   variant: TextVariant;
   children: React.ReactNode;
   className?: string;

packages/design-system-react/src/components/text/index.ts

@@ -0,0 +1,2 @@
+export { Text, TextVariant } from './Text';
+export type { TextProps } from './Text';

packages/design-system-react/src/index.ts

@@ -1,2 +1 @@
-export { Button } from './Button';
-export { Text } from './Text';
+export * from './components';