Merge pull request #10 from Cardinal-Cryptography/SD-20-update-file-structure

Author: rAskVAL

.storybook/preview.tsx

@@ -1,6 +1,6 @@
 import { Preview } from '@storybook/react';
 
-import Providers from '../src/domains/common/providers/Providers';
+import Providers from '../src/domains/misc/components/Providers';
 
 // TODO: Add after chromatic setup
 // MotionGlobalConfig.skipAnimations = isChromatic();

.storybook/utils/ComponentsGrid.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-import { vars } from '../../src/domains/common/styles/utils';
+import vars from '../../src/domains/styling/utils/vars';
 
 export default styled.div<{ $columnsCount: number }>`
   display: grid;

eslint.config.js

@@ -138,7 +138,7 @@ export default tseslint.config(
           },
         ],
         patterns: [{
-          regex: 'src/(?!(domains/.*/(components|utils|assets|hooks|providers|types|styles)/.*))',
+          regex: 'src/(?!(domains/.*/(components|utils|assets|types)/.*))',
           message: 'Organize modules in predefined groups under domains.',
         }, {
           /*

scripts/generateIcons.ts

@@ -5,7 +5,7 @@ import { fileURLToPath } from 'url';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const rootDir = path.resolve(__dirname, '..');
-const iconsDir = path.join(rootDir, 'src/domains/common/components/CIcon/icons');
+const iconsDir = path.join(rootDir, 'src/domains/misc/components/CIcon/icons');
 
 if (!fs.existsSync(iconsDir)) {
   console.error(`Icons directory not found: ${iconsDir}`);
@@ -40,7 +40,7 @@ export type IconName = keyof typeof icons;
 `;
 
   fs.writeFileSync(
-    path.join(rootDir, 'src/domains/common/components/CIcon/icons.ts'),
+    path.join(rootDir, 'src/domains/misc/components/CIcon/icons.ts'),
     content
   );
 

src/App.tsx

@@ -1,5 +1,5 @@
-import Layout from 'src/domains/common/components/Layout';
-import Providers from 'src/domains/common/providers/Providers';
+import Layout from 'src/domains/misc/components/Layout';
+import Providers from 'src/domains/misc/components/Providers';
 
 const App = () => (
   <Providers>

src/domains/common/styles/utils/index.ts

@@ -1,9 +1,9 @@
 import { ComponentProps, forwardRef, ReactNode } from 'react';
 import styled, { css, RuleSet } from 'styled-components';
 
-import CIcon, { type IconName } from 'src/domains/common/components/CIcon';
-import { transitionTime, typography } from 'src/domains/common/styles/tokens';
-import { vars } from 'src/domains/common/styles/utils';
+import CIcon, { type IconName } from 'src/domains/misc/components/CIcon';
+import { transitionTime, typography } from 'src/domains/styling/utils/tokens';
+import vars from 'src/domains/styling/utils/vars';
 
 type Size = 'large' | 'medium' | 'small' | 'extra-small' | 'tiny';
 type Variant = 'primary' | 'secondary' | 'outline' | 'subtle' | 'transparent' | 'danger';