open-index/open-npm huggingface dataset:
npm package: @sembanski/venus
Description: Fast and optimized metadata extractor for images and videos from buffers. Perfect for React and Next.js applications.
Author: ZyRox
Latest version: 1.0.1

# Venus

Fast and optimized metadata extractor for images and videos from buffers.

## Installation

```bash
bun install @sembanski/venus
```

## Usage

### Images

```typescript
import { extractMetadata } from '@sembanski/venus';
import fs from 'fs';

const buffer = fs.readFileSync('./image.jpg');
const metadata = await extractMetadata(buffer, 'image');

console.log(metadata);
// {
//   type: 'image',
//   format: 'jpeg',
//   width: 1920,
//   height: 1080,
//   size: 245000,
//   hasAlpha: false,
//   ...
// }
```

### Videos

```typescript
import { extractMetadata } from '@sembanski/venus';
import fs from 'fs';

const buffer = fs.readFileSync('./video.mp4');
const metadata = await extractMetadata(buffer, 'video');

console.log(metadata);
// {
//   type: 'video',
//   format: 'mp4',
//   duration: 120.5,
//   width: 1920,
//   height: 1080,
//   bitrate: 5000000,
//   fps: 30,
//   codec: 'h264',
//   hasAudio: true,
//   ...
// }
```

## API

### `extractMetadata(buffer, type)`

Extract metadata from a media buffer.

**Parameters:**
- `buffer` (Buffer) - Media data
- `type` (string) - Either `'image'` or `'video'`

**Returns:** `Promise<Metadata>`

## Supported Formats

**Images:** JPEG, PNG, WebP, GIF, AVIF, TIFF

**Videos:** MP4, WebM, MOV, WAV, MKV

## License

MIT © 2026 ZyRox
npm package: @semcore/animation
Description: Semrush Animation Component
Author: UI-kit team
Latest version: 16.0.7

# @semcore/animation (DEPRECATED)

## This package is deprecated. Use `@semcore/base-components`.

[![version](https://img.shields.io/npm/v/@semcore/animation.svg)](https://www.npmjs.com/@semcore/animation)
[![downloads](https://img.shields.io/npm/dt/@semcore/animation.svg)](https://www.npmjs.com/package/@semcore/animation)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

[//]: # '### 📖 [Component documentation](https://developer.semrush.com/intergalactic/components/animation/)'

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/animation
```



## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/app-center-js-sdk
Description: Semrush App Center JS SDK
Author: Semrush. Mango team
Latest version: 0.0.7

# Semrush App center JS SDK

## References

- Learn more about [Semrush](https://www.semrush.com) and [Semrush App Center](https://www.semrush.com/apps/docs/appcenter-overview)
- Learn more about our SDK in [our documentation](https://www.semrush.com/apps/docs/js-sdk-reference/overview)
npm package: @semcore/babel-plugin-react-semcore
Description: Utility for `@semcore` component's styles manipulations.
Latest version: 4.9.0

# babel-plugin-react-semcorebabel-plugin-react-semcore

Utility for `@semcore` component's styles manipulations.

## Install

pnpm:

```shell
$ pnpm add @semcore/babel-plugin-react-semcore -D
```

## Usage

Webpack:

```javascript
{
    test: /\.js$/,
    include: /\/node_modules\/semcore\//,
    enforce: 'pre',
    use: {
        loader: require.resolve('babel-loader'),
        options: {
            babelrc: false, // optional, include if u use .babelrc
            configFile: false, // optional, include if u use babel.config.js, doesnt affect babelrc option https://babeljs.io/docs/en/options#configfile
            plugins: [['babel-plugin-react-semcore', {
              ...pluginOptions
            }]]
        },
    },
}
```

## Options

| Option   | Type                            | Description                                                                                                                      |
| -------- | ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- |
| theme    | `string` or `string[]`          | This option applies theme to `@semcore` components.                                                                              |
npm package: @semcore/breakpoints
Description: Semrush Breakpoints Component
Author: UI-kit team
Latest version: 16.0.11

# @semcore/breakpoints (DEPRECATED)

## This package is deprecated. Use `@semcore/base-components`.

[![version](https://img.shields.io/npm/v/@semcore/breakpoints.svg)](https://www.npmjs.com/@semcore/breakpoints)
[![downloads](https://img.shields.io/npm/dt/@semcore/breakpoints.svg)](https://www.npmjs.com/package/@semcore/breakpoints)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

### 📖 [Component documentation](https://developer.semrush.com/intergalactic/data-display/chart-showcase/)

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/breakpoints
```



## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS)
and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at
the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/chart
Description: Semrush Chart Component
Author: UI-kit team
Latest version: 5.3.37

# @semcore/chart

[![version](https://img.shields.io/npm/v/@semcore/chart.svg)](https://www.npmjs.com/@semcore/chart)
[![downloads](https://img.shields.io/npm/dt/@semcore/chart.svg)](https://www.npmjs.com/package/@semcore/chart)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic design system

### 📖 [Component documentation](https://developer.semrush.com/intergalactic/components/chart/)

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/ui
```

## Usage

```jsx
import {
  Brush,
  CartesianAxis,
  Cell,
  Cross,
  Curve,
  Customized,
  Dot,
  ErrorBar,
  Funnel,
  FunnelChart,
  Label,
  LabelList,
  Layer,
  PolarAngleAxis,
  PolarGrid,
  PolarRadiusAxis,
  Polygon,
  Radar,
  RadialBar,
  Rectangle,
  ReferenceDot,
  ResponsiveContainer,
  Sankey,
  Scatter,
  Sector,
  Surface,
  Symbols,
  Text,
  Trapezoid,
  ZAxis,
} from '@semcore/ui/chart';
```

<details>
  <summary>Alternative installation and use</summary>

**We do not recommend this usage path due to possible dependency and update issues.**

### Install

You can only install one package from the design system

```sh
npm install @semcore/chart @semcore/core
```

`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
of the components that is discussed below. There should only be one version of the package in the project._

### Usage

You can use the package the same way but without `/ui/` in the import path.

```jsx
import {
  Brush,
  CartesianAxis,
  Cell,
  Cross,
  Curve,
  Customized,
  Dot,
  ErrorBar,
  Funnel,
  FunnelChart,
  Label,
  LabelList,
  Layer,
  PolarAngleAxis,
  PolarGrid,
  PolarRadiusAxis,
  Polygon,
  Radar,
  RadialBar,
  Rectangle,
  ReferenceDot,
  ResponsiveContainer,
  Sankey,
  Scatter,
  Sector,
  Surface,
  Symbols,
  Text,
  Trapezoid,
  ZAxis,
} from '@semcore/chart';
```

</details>

## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/email
Description: > 🚨 Current `@semcore/email` package is deprecated and not recommend for use. New major version is planned and will be released one day.
Author: UI-kit team
Latest version: 1.0.2

> 🚨 Current `@semcore/email` package is deprecated and not recommend for use. New major version is planned and will be released one day.

This article will guide you through creating an email template with components included in the Semcore library. In the end, you will get HTML code that you can copy and paste to your email client.

## Setting up the project

1. Create a new directory for your project and navigate to it.

2. [Download the semcore/email package](https://download-directory.github.io/?url=https://github.com/semrush/intergalactic/tree/master/semcore/email) and place all the files to your project directory.

3. Install dependencies:

   ```
   npm install
   ```

4. Create a directory for your email template. Replace `template_name` with the name of your template:

   ```bash
   mkdir src/template_name/examples
   ```

5. Create an HTML page for your template:

   ```bash
   touch src/template_name/examples/index.html
   ```

   This is where the code of your template will live.

6. If you need additional CSS styles, create a stylesheet file and add your styles there:

   ```bash
   touch src/template_name/index.css
   ```

## Including `@semcore/email` styles

To use `@semcore/email` styles in your template, add `@semcore/email/lib/core/index.css` to your `index.css` file. This will include all available styles. You can also include styles of specific components, for example `@semcore/email/lib/button/index.css`.

To use CSS variables, include `@semcore/email/lib/core/var.css` in your `index.css` file.

## Using styles in the base template

All styles are included in the template `@semcore/email/lib/core/base.html` (example: `<link rel="stylesheet" href="../../../lib/core/index.css" />`);

To include your styles, link an external stylesheet, or put the styles in the `<style>` tag. You can use both options in one block.

```html
<block name="head">
  <!--You can use either a stylesheet or the <style> tag, or both-->
  <link rel="stylesheet" href="YOUR STYLES" />
  <style>
    YOUR STYLES
  </style>
</block>
```

or

```htmlqq
<block name="content">
  <style>
    YOUR STYLES
  </style>
</block>
```

## Using variables in HTML code

You can use both internal and external variables in your HTML code.

- Internal variables:

  ```html
  <p>{{text}}</p>
  <script locals>
    module.exports = {
      text: 'Hello',
    };
  </script>
  ```

- External variables:

  ```html
  <p>
    <raw>{{text}}</raw>
  </p>
  ```

## Rendering the template

To test your template in the browser, run:

```bash
npm run watch;
npm run serve
```

To build the email template ready for production, run:

```bash
npm run build
```

This command will render your email template to the file `.tmp/template-name/examples/index.html`. Copy and paste the code to your email client. Your emails will shine!
npm package: @semcore/flex-box
Description: Semrush FlexBox Component
Author: UI-kit team
Latest version: 16.0.11

# @semcore/flex-box (DEPRECATED)

## This package is deprecated. Use `@semcore/base-components`.

[![version](https://img.shields.io/npm/v/@semcore/flex-box.svg)](https://www.npmjs.com/@semcore/flex-box)
[![downloads](https://img.shields.io/npm/dt/@semcore/flex-box.svg)](https://www.npmjs.com/package/@semcore/flex-box)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

### 📖 [Component documentation](https://developer.semrush.com/intergalactic/layout/box-system/)

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/flex-box
```



## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/format-text
Description: Semrush FormatText Component
Author: UI-kit team
Latest version: 16.1.1

# @semcore/format-text (DEPRECATED)

## This package is deprecated. Use `@semcore/typography`.

[![version](https://img.shields.io/npm/v/@semcore/format-text.svg)](https://www.npmjs.com/@semcore/format-text)
[![downloads](https://img.shields.io/npm/dt/@semcore/format-text.svg)](https://www.npmjs.com/package/@semcore/format-text)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

### 📖 [Component documentation](intergalactic/style/typography/typography-api/#formattext)

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/format-text
```



## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/grid
Description: Semrush Grid Component
Author: UI-kit team
Latest version: 16.0.11

# @semcore/grid (DEPRECATED)

## This package is deprecated. Use `@semcore/base-components`.

[![version](https://img.shields.io/npm/v/@semcore/grid.svg)](https://www.npmjs.com/@semcore/grid)
[![downloads](https://img.shields.io/npm/dt/@semcore/grid.svg)](https://www.npmjs.com/package/@semcore/grid)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

### 📖 [Component documentation](https://developer.semrush.com/intergalactic/layout/grid-system/)

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/grid
```



## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/neighbor-location
Description: Semrush NeighborLocation Component
Author: UI-kit team
Latest version: 16.0.11

# @semcore/neighbor-location (DEPRECATED)

## This package is deprecated. Use `@semcore/base-components`.

[![version](https://img.shields.io/npm/v/@semcore/neighbor-location.svg)](https://www.npmjs.com/@semcore/neighbor-location)
[![downloads](https://img.shields.io/npm/dt/@semcore/neighbor-location.svg)](https://www.npmjs.com/package/@semcore/neighbor-location)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

### 📖 [Component documentation](https://developer.semrush.com/intergalactic/utils/neighbor-location/)

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/neighbor-location
```



## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/notice-global
Description: Semrush NoticeGlobal Component
Author: UI-kit team
Latest version: 16.1.13

# @semcore/flex-box (DEPRECATED)

# @semcore/notice-global (DEPRECATED)

## This package is deprecated and will be deleted in v.17.

[![version](https://img.shields.io/npm/v/@semcore/notice-global.svg)](https://www.npmjs.com/@semcore/notice-global)
[![downloads](https://img.shields.io/npm/dt/@semcore/notice-global.svg)](https://www.npmjs.com/package/@semcore/notice-global)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

### 📖 [Component documentation](https://developer.semrush.com/intergalactic/components/notice-global/)

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/notice-global
```



## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS)
and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at
the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/outside-click
Description: Semrush OutsideClick Component
Author: UI-kit team
Latest version: 16.0.11

# @semcore/outside-click (DEPRECATED)

## This package is deprecated. Use `@semcore/base-components`.

[![version](https://img.shields.io/npm/v/@semcore/outside-click.svg)](https://www.npmjs.com/@semcore/outside-click)
[![downloads](https://img.shields.io/npm/dt/@semcore/outside-click.svg)](https://www.npmjs.com/package/@semcore/outside-click)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

[//]: # '### 📖 [Component documentation](https://developer.semrush.com/intergalactic/components/outside-click/)'

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/outside-click
```



## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS)
and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at
the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/popper
Description: Semrush Popper Component
Author: UI-kit team
Latest version: 16.0.11

# @semcore/popper (DEPRECATED)

## This package is deprecated. Use `@semcore/base-components`.

[![version](https://img.shields.io/npm/v/@semcore/popper.svg)](https://www.npmjs.com/@semcore/popper)
[![downloads](https://img.shields.io/npm/dt/@semcore/popper.svg)](https://www.npmjs.com/package/@semcore/popper)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

### 📖 [Component documentation](https://developer.semrush.com/intergalactic/utils/popper/)

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/popper
```



## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS)
and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at
the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/portal
Description: Semrush Portal Component
Author: UI-kit team
Latest version: 16.0.11

# @semcore/portal (DEPRECATED)

## This package is deprecated. Use `@semcore/base-components`.

[![version](https://img.shields.io/npm/v/@semcore/portal.svg)](https://www.npmjs.com/@semcore/portal)
[![downloads](https://img.shields.io/npm/dt/@semcore/portal.svg)](https://www.npmjs.com/package/@semcore/portal)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

### 📖 [Component documentation](https://developer.semrush.com/intergalactic/utils/portal/)

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/portal
```



## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/process-css-unplugin
Description: Intergalactic CSS processor plugin.
Author: UI-Kit team
Latest version: 2.0.0

# @semcore/process-css-unplugin

[![version](https://img.shields.io/npm/v/@semcore/process-css-unplugin.svg)](https://www.npmjs.com/@semcore/process-css-unplugin)
[![downloads](https://img.shields.io/npm/dt/@semcore/process-css-unplugin.svg)](https://www.npmjs.com/package/@semcore/process-css-unplugin)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This plugin is part of the Intergalactic Design System

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/process-css-unplugin
```

## Options

```ts
type Options = {
  virtualFilePrefix?: string; // Defines the prefix for a virtual CSS file.
  isolationSuffix?: string; // Defines new isolation suffix for CSS classes.
}
```

## Usage

### Vite

```js
import { defineConfig } from 'vite';
import { processCssVitePlugin } from '@semcore/process-css-unplugin';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    processCssVitePlugin({
      virtualFilesPrefix: 'myprefix', // Optional
      isolationSuffix: '_my-team_', // Optional
    }),
  ],
});
```

### Webpack

```js
import { processCssWebpackPlugin } from '@semcore/process-css-unplugin';

module.exports = {
  // ...
  plugins: [
    processCssWebpackPlugin({
      virtualFilesPrefix: 'myprefix', // Optional
      isolationSuffix: '_my-team_', // Optional
    }),
  ],
  // ...
};

## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/project-create
Description: Semrush ProjectCreate Component
Author: UI-kit team
Latest version: 5.1.26

# @semcore/project-create

[![version](https://img.shields.io/npm/v/@semcore/project-create.svg)](https://www.npmjs.com/@semcore/project-create)
[![downloads](https://img.shields.io/npm/dt/@semcore/project-create.svg)](https://www.npmjs.com/package/@semcore/project-create)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic design system

### 📖 [Component documentation](https://developer.semrush.com/intergalactic/patterns/project-create/)

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/ui
```

## Usage

```jsx
import ProjectCreate from '@semcore/ui/project-create';
```

<details>
  <summary>Alternative installation and use</summary>

**We do not recommend this usage path due to possible dependency and update issues.**

### Install

You can only install one package from the design system

```sh
npm install @semcore/project-create @semcore/core
```

`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
of the components that is discussed below. There should only be one version of the package in the project._

### Usage

You can use the package the same way but without `/ui/` in the import path.

```jsx
import ProjectCreate from '@semcore/project-create';
```

</details>

## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/scroll-area
Description: Semrush ScrollArea Component
Author: UI-kit team
Latest version: 16.0.11

# @semcore/scroll-area (DEPRECATED)

## This package is deprecated. Use `@semcore/base-components`.

[![version](https://img.shields.io/npm/v/@semcore/scroll-area.svg)](https://www.npmjs.com/@semcore/scroll-area)
[![downloads](https://img.shields.io/npm/dt/@semcore/scroll-area.svg)](https://www.npmjs.com/package/@semcore/scroll-area)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

### 📖 [Component documentation](https://developer.semrush.com/intergalactic/components/scroll-area/)

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/scroll-area
```



## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/sticky
Description: Semrush Sticky Component
Author: UI-kit team
Latest version: 16.0.11

# @semcore/sticky (DEPRECATED)

[![version](https://img.shields.io/npm/v/@semcore/sticky.svg)](https://www.npmjs.com/@semcore/sticky)
[![downloads](https://img.shields.io/npm/dt/@semcore/sticky.svg)](https://www.npmjs.com/package/@semcore/sticky)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/sticky
```



## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semcore/stylelint-plugin
Description: Semrush Intergalactic stylelint plugin
Author: UI-kit team
Latest version: 1.1.0

# @semcore/stylelint-plugin

[![version](https://img.shields.io/npm/v/@semcore/stylelint-plugin.svg)](https://www.npmjs.com/@semcore/stylelint-plugin)
[![downloads](https://img.shields.io/npm/dt/@semcore/stylelint-plugin.svg)](https://www.npmjs.com/package/@semcore/stylelint-plugin)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)

> This component is part of the Intergalactic Design System

### 📖 [Component documentation](https://developer.semrush.com/intergalactic/style/design-tokens/design-tokens#stylelint-plugin)

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

The stylelint plugin help developers avoid mistakes in design token names.

## Install

```sh
npm install @semcore
```

## Usage

```json
// .stylelintrc.json
{
  "extends": ["stylelint-config-standard"],
  "plugins": ["@semcore/stylelint-plugin"],
  "rules": {
		"intergalactic/design-tokens": true
	}
}
```

### Available options

- `include` - adds custom design tokens to the list of allowed tokens.
- `exclude` - removes design tokens from the list of allowed tokens.
- `tokensSource` - path to the file with design tokens. Default is `node_modules/@semcore/core/lib/theme/themes/default.mjs`.
- `tokensPrefix` - design tokens (default is `--intergalactic-`). Only CSS variables with this prefix are considered as design tokens.

## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
npm package: @semcore/super-publisher
Description: Package is purposed to make monorepo publishing easer.
Latest version: 1.1.0

# super-publisher

Package is purposed to make monorepo publishing easer.

## Getting started

### Installing

`yarn add -D super-publisher`

### Usage

`yarn super-publisher`

### Конфигурация

`.publisher.ts`

```ts
import { chosePackagesTask } from './node_modules/super-publisher/tasks/chosePackages';
import { lintTask } from './node_modules/super-publisher/tasks/prettier';
import { testTask } from './node_modules/super-publisher/tasks/jest';
import { showGitDiffTask } from './node_modules/super-publisher/tasks/showGitDiff';
import { choseNextVersionTask } from './node_modules/super-publisher/tasks/choseNextVersion';
import { npmVersionTask } from './node_modules/super-publisher/tasks/npmVersion';
import { gitCommitTask } from './node_modules/super-publisher/tasks/gitCommit';
import { gitPushTask } from './node_modules/super-publisher/tasks/gitPush';
import { npmPublishTask } from './node_modules/super-publisher/tasks/npmPublish';

export const publisherConfigFactory = async (args) => {
  const cwd = await chosePackages(args.root);
  await lint(cwd);
  await test({ rootDir: cwd });
  await showGitDiff();
  const nextNameNpmVersion = await choseNextVersion(glob.sync('package.json', { cwd })[0]);
  const nextNpmVersion = await npmVersion(nextNameNpmVersion);
  await gitCommit(nextNpmVersion);
  await gitPush();
  await npmPublish(cwd);
};
```

## Creating custom tasks

See `./tasks/*.ts` for examples.
npm package: @semcore/theme
Description: Semrush Theme package
Author: UI-kit team
Latest version: 0.0.0-prerelease.0

# @semcore/theme

[![version](https://img.shields.io/npm/v/@semcore/theme.svg)](https://www.npmjs.com/@semcore/theme)
[![downloads](https://img.shields.io/npm/dt/@semcore/theme.svg)](https://www.npmjs.com/package/@semcore/theme)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)

> This component is part of the Intergalactic Design System

[//]: # '### 📖 [Component documentation](https://developer.semrush.com/intergalactic/components/theme/)'

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install @semcore/theme
```

## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS)
and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at
the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
npm package: @semcore/utils
Description: Semrush Utils Component
Author: UI-kit team
Latest version: 4.48.5

# @semcore/utils

[![version](https://img.shields.io/npm/v/@semcore/utils.svg)](https://www.npmjs.com/@semcore/utils)
[![downloads](https://img.shields.io/npm/dt/@semcore/utils.svg)](https://www.npmjs.com/package/@semcore/utils)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)

> This component is part of the Intergalactic Design System

[//]: # '### 📖 [Component documentation](https://developer.semrush.com/intergalactic/components/utils/)'

### 🏠 [Design system](https://developer.semrush.com/intergalactic/)

## Install

```sh
npm install intergalactic
```

## Usage

```jsx
import UtilName from 'intergalactic/utils/lib/{util_name}';
```

<details>
  <summary>Alternative installation and use</summary>

**We do not recommend this usage path due to possible dependency and update issues.**

### Install

You can only install one package from the design system

```sh
npm install @semcore/utils @semcore/core
```

`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
of the components that is discussed below. There should only be one version of the package in the project._

### Usage

You can use the package the same way but without `/ui/` in the import path.

```jsx
import UtilName from '@semcore/utils/lib/{util_name}';
```

</details>

## 👤 Author

[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS)
and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at
the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
npm package: @semi-bot/e99test
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/e99test   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
ID: 16592
Operator: e99p1ant

## Compatibility

Compatible with Semi Foundation Version 2.64.0 or newer.
    
## Version Release Note
    
Hello!
    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme-
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-theme-   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
    
## Compatibility

Compatible with Semi Foundation Version 2.20.0 or newer.
    
## Version Release Note
    
搜索
    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme--
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-theme--   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
    
## Compatibility

Compatible with Semi Foundation Version 2.38.0-beta.0 or newer.
    
## Version Release Note
    

    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme---
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-theme---   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
ID: 22948
Operator: Amber-7777

## Compatibility

Compatible with Semi Foundation Version 2.80.0 or newer.
    
## Version Release Note
    
测试版本
    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme---semi-amber-5
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-theme---semi-amber-5   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
    
## Compatibility

Compatible with Semi Foundation Version 2.45.0-beta.0 or newer.
    
## Version Release Note
    

    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme---semi-color-primary
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-theme---semi-color-primary   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
    
## Compatibility

Compatible with Semi Foundation Version 2.37.0 or newer.
    
## Version Release Note
    

    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme--1.0
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-theme--1.0   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
ID: 19885
Operator: 用户1837403632410

## Compatibility

Compatible with Semi Foundation Version 2.71.0 or newer.
    
## Version Release Note
    

    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme--2
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-theme--2   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
ID: 23968
Operator: 用户496972831490

## Compatibility

Compatible with Semi Foundation Version 2.84.0 or newer.
    
## Version Release Note
    

    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme--ai-first
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.1


# @semi-bot/semi-theme--ai-first   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
ID: 23728
Operator: Lqw981210

## Compatibility

Compatible with Semi Foundation Version 2.83.0 or newer.
    
## Version Release Note
    

    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme--ai-second
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 2.0.0


# @semi-bot/semi-theme--ai-second   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
ID: 23746
Operator: Lqw981210

## Compatibility

Compatible with Semi Foundation Version 2.83.0 or newer.
    
## Version Release Note
    

    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme--aifirst
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-theme--aifirst   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
ID: 23805
Operator: Lqw981210

## Compatibility

Compatible with Semi Foundation Version 2.84.0-beta.0 or newer.
    
## Version Release Note
    

    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme--dy
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-theme--dy   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
ID: 16920
Operator: 用户6752824873111

## Compatibility

Compatible with Semi Foundation Version 2.66.0-beta.0 or newer.
    
## Version Release Note
    
抖音版
    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme--fn-media
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-theme--fn-media   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
ID: 18850
Operator: chengpeiquan

## Compatibility

Compatible with Semi Foundation Version 2.67.1 or newer.
    
## Version Release Note
    

    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)
npm package: @semi-bot/semi-theme--glogy3
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-theme--glogy3   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
ID: 24659
Operator: Monty

## Compatibility

Compatible with Semi Foundation Version 2.86.0 or newer.
    
## Version Release Note
    

    
    
## Manual
    
[RD](https://bytedance.feishu.cn/docx/doxcnOQWjp9z1PHg0b58RIylc4c)
    
[UED](https://bytedance.feishu.cn/docx/doxcnGpI22wExiIdsWGLQLmkLne)
    
[RD-en](https://bytedance.feishu.cn/docx/doxcnEgGRq92mDDsrddFVFPGDaf)
    
[UED-en](https://bytedance.feishu.cn/docx/doxcnKo5CYLKtQla6eb16il13Sc)