<a class='Link'>Ссылка</a>
<a class='Link Block-Elem'>Ссылка</a>

.Block-Elem { color: red }
.Link { color: blue }

.Link { color: blue }
.Block-Elem { color: red }

// Block1
import { withSizeL } from '../Link/_size/Link_size_l'
import { withSizeM } from '../Link/_size/Link_size_m'

// Block2
import { withSizeM } from '../Link/_size/Link_size_m'
import { withSizeL } from '../Link/_size/Link_size_l'

// Block3
import { Block1 } from '../Block1/Block1'
import { Block2 } from '../Block2/Block2'

.Block {
  &-Elem {}
}

// Block_view_main.css
.Block_view_main.Block_pressed {}

// Block_view_action.css
.Block_view_action.Block_pressed {}

./index.ts
./Button.tsx
./Button/_size/index.ts
./Button/_size/Button_size_l.tsx
./Button/_size/Button_size_xl.tsx

// ./Button/_size/index.ts
export * from './Button_size_l'
export * from './Button_size_xl'

// ./Button/index.ts
export * from './Button'
export * from './Button/_size'

import { Button as ButtonBase, withSizeL, withSizeXL } from '../Button'

import { Button as ButtonBase, withSizeL, withSizeXL } from '../Button/@desktop'
import { Button as ButtonBase, withSizeL, withSizeXL } from '../Button/@phone'