BCS Academies React shared components
npm install academies-uiFirst, install dependencies:
``bash`
pnpm install
Then, start storybook dev server:
`bash`
pnpm dev
To build package run:
`bash`
pnpm build
To test package locally use pnpm link:
`bash`run in test project directory
pnpm link /path/to/uikit/dir
To publish package bump version in package.json, then run:
`bash`
pnpm publish
UI-kit requires react and styled-components to be installed.
Import fonts stylesheet:
`ts`
import 'academies-ui/fonts.css';
Components can be imported through named or default exports:
`ts`
import { Games, Footer } from 'academies-ui';
import Games, { GameProps } from 'academies-ui/Countdown';
import Footer from 'academies-ui/Footer';
CHANGELOGS
- Component: Footer: add logic for hide documentLinks;
- Component: LanguageSwitcher: fix links for landings;
- Component: LanguageSwitcher: fix links;
- Component: LanguageSwitcher: add language switcher;
- Component: Footer: fix font sizes for links;
- Component: Games: fix types for games;
- Component: Fix small bugs in many components;
- Component: Benefits: add benefits block;
- Component: News: fix margin wrapper;
- Component: News: fix storybook params;
- Component: News: fix details news url;
- Component: News: add export news component;
- Component: Fix styles for footer;
- Component: News block;
- Component: Floating Menu;
- Component: Header: update header styles;
- Component: Header: add missing exports to header;
- Component: Header;
- Component: Infrastructure - add new prop 'icons', Games - add badge hover effect;
- Component: Fixed Infrastructure export;
- Component: Infrastructure;
- Component: Games - updated light theme items background;
- Component: Games - updated score display condition;
- Components: Games, Footer`;