open-index/open-npm huggingface dataset:
npm package: @preply/ds-media-logos
Description: > SVG Logo library.
Latest version: 0.34.0

# `@preply/ds-media-logos`

> SVG Logo library.

## Using the Design System in your application or library?

Follow the instructions in [@preply/ds-workspace](../../README.md).

**tl;dr:**

```tsx
import PreplyLogo from `@preply/ds-media-logos/dist/preply-mono.svg`;

<PreplyLogo aria-hidden="true" focusable="false" />;
```

## Contributing

Reach out to [#design-system-public](https://preply.slack.com/archives/C024EAEHP6V) if you think you can help and keep an eye on [DS Confluence](https://preply.atlassian.net/wiki/spaces/DS/overview) for more docs, guides, work in progress, decisions, the works.

## Development

Just a placeholder for now.

- `yarn clean` - deletes `dist/` folder.
- `yarn build` - copies all SVG to `dist/` folder.

Later:

- linting SVGs for size and patterns.
- optimization and reports.

## Tooling

Details about tools and configurations in [@preply/ds-workspace](../../README.md).

## Dependencies

**Do NOT add any dependencies.** When we work on linting and optimization of assets we should consider whether to add `devDependencies` in the root of the project or locally.
npm package: @preply/ds-runtime
Description: > Runtime instrumentation for validation, deprecations and insights.
Latest version: 0.93.0

# `@preply/ds-runtime`

> Runtime instrumentation for validation, deprecations and insights.

## Using the Design System in your application or library?

Follow the instructions in [@preply/ds-workspace](../../README.md).

## Contributing

Reach out to [#design-system-public](https://preply.slack.com/archives/C024EAEHP6V) if you think you can help and keep an eye on [DS Confluence](https://preply.atlassian.net/wiki/spaces/DS/overview) for more docs, guides, work in progress, decisions, the works.

## Development

You probably want to execute `yarn dev` and/or `yarn docs` in the root, as per instructions in [@preply/ds-workspace](../../README.md).

For quicker - and more focused - feedback, you can also directly use the scripts in this package directory, but make sure you have first executed `yarn build` in root, or that you have the root `yarn dev` script running in the background.

## Tooling

Details about tools and configurations in [@preply/ds-workspace](../../README.md).

### Compilation

This package is compiled as a single module.

## Dependencies

- pure/vanilla no dependencies on React or other frameworks
- Internally, depends only on `@preply/ds-core-types`

:warning: do not add runtime dependencies on any other DS packages. For instance, adding a dependency on `@preply/ds-core` led to [DES-766: fix runtime crashing in all environments. ](https://preply.atlassian.net/browse/DES-766)
npm package: @preply/ds-theme-cluck-ui
Description: > Theme `cluck-ui` (2022)
Latest version: 0.34.0

# `@preply/ds-theme-cluck-ui`

> Theme `cluck-ui` (2022)

## Using the Design System in your application or library?

Follow the instructions in [@preply/ds-workspace](../../README.md).

**tl;dr:**

```tsx
import { theme as preplyUI } from `@preply/ds-theme-preply-ui`;
```

## Development

You probably want to execute `yarn dev` and/or `yarn docs` in the root, as per instructions in [@preply/ds-workspace](../../README.md).

## Tooling

Details about tools and configurations in [@preply/ds-workspace](../../README.md).

## Dependencies

**Note:** `@preply/ds-***` are declared both as direct and peer dependencies:

- to ensure `rollup` excludes them from the bundle.
- to ensure Lerna honours build sequence (does not do so for peer dependencies).

### Peer dependencies

- `@preply/ds-web-core` - Web support and context providers (React + CSS modules).
- `@preply/ds-core` - Platform agnostic types, tokens and utils.
npm package: @preply/ds-theme-tokyo-ui-b2b
Description: > Theme `tokyo-ui-b2b` (2022)
Latest version: 0.68.1

# `@preply/ds-theme-tokyo-ui-b2b`

> Theme `tokyo-ui-b2b` (2022)

## Using the Design System in your application or library?

Follow the instructions in [@preply/ds-workspace](../../README.md).

**tl;dr:**

```tsx
import { theme as preplyUI } from `@preply/ds-theme-preply-ui`;
```

## Development

You probably want to execute `yarn dev` and/or `yarn docs` in the root, as per instructions in [@preply/ds-workspace](../../README.md).

## Tooling

Details about tools and configurations in [@preply/ds-workspace](../../README.md).

## Dependencies

**Note:** `@preply/ds-***` are declared both as direct and peer dependencies:

- to ensure `rollup` excludes them from the bundle.
- to ensure Lerna honours build sequence (does not do so for peer dependencies).

### Peer dependencies

- `@preply/ds-web-core` - Web support and context providers (React + CSS modules).
- `@preply/ds-core` - Platform agnostic types, tokens and utils.