feat(Accordion): changes in project structure and emotion labels enabled

packages/react-components/src/components/Accordion/Accordion.tsx

@@ -7,7 +7,7 @@ import { useAnimations, useHeightResizer } from '../../hooks';
 import { Icon } from '../Icon';
 import { Heading, Text, TTextSize } from '../Typography';
 
-import { AccordionMultilineElement } from './components/AccordionMultilineElement';
+import { AccordionMultilineElement } from './components';
 import { getLabel } from './helpers';
 import { useAccordion } from './hooks';
 import * as styles from './styles';

packages/react-components/src/components/Accordion/components/AccordionAnimatedLabel.spec.tsx → packages/react-components/src/components/Accordion/components/AccordionAnimatedLabel/AccordionAnimatedLabel.spec.tsx

@@ -1,6 +1,6 @@
 import { render } from 'test-utils';
 
-import { IAccordionAnimatedLabelProps } from '../types';
+import { IAccordionAnimatedLabelProps } from '../../types';
 
 import { AccordionAnimatedLabel } from './AccordionAnimatedLabel';
 

packages/react-components/src/components/Accordion/components/AccordionAnimatedLabel.tsx → packages/react-components/src/components/Accordion/components/AccordionAnimatedLabel/AccordionAnimatedLabel.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
-import { useAnimations } from '../../../hooks';
-import { IAccordionAnimatedLabelProps } from '../types';
+import { useAnimations } from '../../../../hooks';
+import { IAccordionAnimatedLabelProps } from '../../types';
 
 import * as styles from './styles';
 
@@ -35,7 +35,7 @@ export const AccordionAnimatedLabel: React.FC<IAccordionAnimatedLabelProps> = ({
   }, [isOpen, isOpenMounted, isClosedMounted]);
 
   return (
-    <div className={styles.animatedLabelBaseStyles(containerHeight)}>
+    <div className={styles.baseStyles(containerHeight)}>
       {isOpenMounted && (
         <div ref={openRef} className={styles.element(isOpenVisible)}>
           {open}

packages/react-components/src/components/Accordion/components/styles.ts → packages/react-components/src/components/Accordion/components/AccordionAnimatedLabel/styles.ts

@@ -1,19 +1,8 @@
 import { css } from '@emotion/css';
 
-import { SpacingToken, TransitionDurationToken } from '../../../foundations';
+import { TransitionDurationToken } from '../../../../foundations';
 
-export const multilineBaseStyles = css`
-  transition: inherit;
-  height: 100%;
-  overflow: hidden;
-`;
-
-export const inner = css`
-  padding: 0 var(${SpacingToken.Spacing12}) var(${SpacingToken.Spacing5})
-    var(${SpacingToken.Spacing5});
-`;
-
-export const animatedLabelBaseStyles = (containerHeight?: number) => css`
+export const baseStyles = (containerHeight?: number) => css`
   display: flex;
   position: relative;
   align-items: center;

packages/react-components/src/components/Accordion/components/AccordionMultilineElement.tsx → packages/react-components/src/components/Accordion/components/AccordionMultilineElement/AccordionMultilineElement.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { useAnimations, useHeightResizer } from '../../../hooks';
+import { useAnimations, useHeightResizer } from '../../../../hooks';
 
 import * as styles from './styles';
 
@@ -21,7 +21,7 @@ export const AccordionMultilineElement: React.FC<
 
   return (
     <div
-      className={styles.multilineBaseStyles}
+      className={styles.baseStyles}
       style={{ maxHeight: isVisible ? size : 0 }}
       ref={multilineRef}
     >

packages/react-components/src/components/Accordion/components/AccordionMultilineElement/styles.ts

@@ -0,0 +1,14 @@
+import { css } from '@emotion/css';
+
+import { SpacingToken } from '../../../../foundations';
+
+export const baseStyles = css`
+  transition: inherit;
+  height: 100%;
+  overflow: hidden;
+`;
+
+export const inner = css`
+  padding: 0 var(${SpacingToken.Spacing12}) var(${SpacingToken.Spacing5})
+    var(${SpacingToken.Spacing5});
+`;

packages/react-components/src/components/Accordion/components/index.ts

@@ -0,0 +1,2 @@
+export { AccordionAnimatedLabel } from './AccordionAnimatedLabel/AccordionAnimatedLabel';
+export { AccordionMultilineElement } from './AccordionMultilineElement/AccordionMultilineElement';

packages/react-components/src/components/Accordion/helpers.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { AccordionAnimatedLabel } from './components/AccordionAnimatedLabel';
+import { AccordionAnimatedLabel } from './components';
 
 import type { AccordionLabel } from './types';