fsd-wrapper v1.0.0

Подключаем в проект

"dependencies": {
  "shared-fsd": "^x.x.x",
}

Импортируем нужные части

import { Layout } from '@rr-components/shared-fsd/widgets/basic-layout';
import { asyncWait } from '@rr-components/shared-fsd/shared/utils/misc';

для полноценной работы нужно в приложение еще импортировать дефолтные стили и стилевые компоненты из библиотеки компонентов

@forward '@rr-components/common/src/scss/fonts/index.scss';
@forward '@rr-components/common/src/scss/styles/index.scss';
@use '@rr-components/common/src/scss/tokens' as t;
@use '@rr-components/common/src/scss/functions' as f;
@use '@rr-components/common/src/scss/mixins' as m;

:root {
  --container-width: calc(#{f.rem(1200)} + (var(--inline-padding) * 2));
  --container-width-sm: calc(#{f.rem(940)} + (var(--inline-padding) * 2));
  --rem: calc(0.0625 * 1rem);

  --header-height: #{f.rem(80)};

  scroll-padding-top: var(--header-height);

  @media (min-width: f.breakpoint(md)) {
    --header-height: #{f.rem(104)};
  }
}

html,
body {
  scroll-behavior: smooth;
}

body {
  padding-top: var(--header-height);
  background-color: t.$color-body-light;
}

#app,
body,
html {
  height: 100%;
}

Публикация изменений проекта

• заходим в терминал по пути src\fsd
• обновляем версию в package.json по этому пути
• выполняем команду npm publish