open-index/open-npm huggingface dataset:
npm package: @lmc-eu/jobs-design-tokens
Description: Design tokens for Jobs Design System
Latest version: 1.13.0

# Jobs Design Tokens

[![Code Quality Checks][ccc-badge]][ccc-action]
[![@lmc-eu/spirit-design-tokens][npm-badge]][npm-pkg]

Design tokens for Jobs.cz brand. Based on [Spirit Design Tokens][spirit-dt]. Automatically generated from [Figma][figma] using [Supernova][supernova].

## Contributing

Changes from [Figma][figma] are imported and parsed using [Supernova][supernova], which is generating pull-requests using [Spirit SCSS Exporter][spirit-scss-exporter]. The pull-request with updated design tokens needs to be labeled and checked before merge.

Version bumping is done using semantic versioning. The version type is determined by pull-request labels. Please use `BC` for major changes, `feature` for minor changes, and `bug` for patches.

Package publishing is done automatically using Github Actions by merging the pull-request into the main branch.

[ccc-badge]: https://github.com/lmc-eu/jobs-design-tokens/actions/workflows/test.yaml/badge.svg?branch=main
[ccc-action]: https://github.com/lmc-eu/jobs-design-tokens/actions
[npm-badge]: https://img.shields.io/npm/v/%40lmc-eu/jobs-design-tokens.svg?style=flat-square
[npm-pkg]: https://www.npmjs.com/package/@lmc-eu/jobs-design-tokens
[figma]: https://figma.com
[supernova]: https://www.supernova.io/
[spirit-dt]: https://github.com/lmc-eu/spirit-design-system/tree/main/packages/design-tokens
[spirit-scss-exporter]: https://github.com/lmc-eu/exporter-spirit-scss
npm package: @lmc-eu/jobs-email-components
Description: Email components for mjml jobs email templates.
Latest version: 0.22.0

# @lmc-eu/jobs-email-components

> Email components for mjml and Jobs email templates.

## Install

```shell
yarn add @lmc-eu/jobs-email-components
```

or

```shell
npm install --save @lmc-eu/jobs-email-components
```

## Development

Start local development start with `yarn install`.

Run `yarn start` to build mjml componenst, for first build mjml components, styles and templates.

For development components you need run `yarn dev`.

Run `yarn build:template` to build mjml template.

## License

See the [LICENSE](LICENSE.md) file for information.
npm package: @lmc-eu/jobs-icons
Description: Icons for Jobs Design System
Latest version: 0.17.0

# @lmc-eu/jobs-icons

> Icons of Jobs Design System.

## Install

```shell
yarn add @lmc-eu/jobs-icons
```

or

```shell
npm install --save @lmc-eu/jobs-icons
```

## Usage

### SVG files

You can use SVG files directly from `@lmc-eu/jobs-icons/svg` directory by importing them or copying them to your app structure.

### React

You can import SVG files directly from `@lmc-eu/jobs-icons/svg` directory in React components using a library like [React SVGR](https://react-svgr.com/).

Example configuration for Webpack:

```js
rules.unshift({
  test: /\.svg$/,
  enforce: 'pre',
  use: ['@svgr/webpack'],
});
```

```jsx
import Warning from '@lmc-eu/jobs-icons/svg/warning.svg';

<Warning />;
```

Or you can import React components directly from `@lmc-eu/jobs-icons/react`.

⚠️ Beware of naming, as all React component does, they are named using **PascalCase** and `Icon` suffix.

```jsx
import { WarningIcon } from '@lmc-eu/jobs-icons/react';
// or
import WarningIcon from '@lmc-eu/jobs-icons/react/WarningIcon';

<WarningIcon />;
```

### Icons paths

Alternatively you can use an `icons` object which consists of an icon name and SVG content. Thus you can fabricate your icon yourself.

```jsx
import icons from '@lmc-eu/jobs-icons/icons';

export const Icon = ({ name, , size }) => {
  return (
    <svg
      fill="currentColor"
      width={size}
      height={size}
      dangerouslySetInnerHTML={{ __html: icons[name] }}
    />
  );
};
```