open-index/open-npm huggingface dataset:
npm package: @studs/styles
Description: The official CSS implementation of the STUDS Design System, providing a comprehensive design language for both web and desktop applications
Author: Simpson Strong-Tie
Latest version: 3.2.1

# @studs/styles

The official CSS implementation of the STUDS Design System, providing a consistent and modern design language for both web and desktop applications.

## Overview

@studs/styles is a versatile CSS library that powers the STUDS Design System, designed to work seamlessly with both [Studs.Blazor](https://www.nuget.org/packages/Studs.Blazor) and [@studs/react](https://www.npmjs.com/package/@studs/react) component libraries.

## Features

- 🎨 Comprehensive design tokens and variables
- 📱 Responsive design utilities
- 🎯 Component-specific styles
- 🔄 Cross-platform consistency

## Installation

### npm (for React projects)

```bash
npm install @studs/styles
```

### NuGet (for Blazor projects)

Add this link to your App

```html
<link
  rel="stylesheet"
  href="https://unpkg.com/@@studs/styles@latest/public/css/studs-styles.css"
/>
```

## Usage

### CSS Import

```css
@import "@studs/styles/css/studs-styles.css";
```

### HTML Link

```html
<link rel="stylesheet" href="path/to/studs-styles.css" />
```

## Components

The library includes styles for various components:

- Badges
- Buttons
- Form Elements
- Headings
- And more...

## Browser Support

- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- IE11 (basic support)

## Contributing

1. Fork the repository
2. Create your feature branch
3. Commit your changes
4. Push to the branch
5. Create a new Pull Request

## Developers Documentation
**[Writing Pull Requests](https://strongtie.atlassian.net/wiki/x/KgDfqAE)**
**[Creating Branches](https://strongtie.atlassian.net/wiki/x/bQDeqAE)**
**[Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/#summary)**

## License

MIT

## Documentation

For complete documentation, visit [our documentation site](https://studs.strongtie.io)

## Support

For support, please [reach out to us!](https://strongtie.atlassian.net/jira/software/c/projects/STUDS/form/10044)
npm package: @study-sea/eslint-config-basic
Description: eslint rules for basic
Author: 眼圈发黑
Latest version: 0.0.11

# @study-sea/eslint-config-basic

``` pnpm i @study-sea/eslint-config-basic ```

基础 eslint 规则

```json
  // .eslintrc
  {
    "extends": [
      "@study-sea/eslint-config-basic"
    ]
  }
```
npm package: @study-sea/eslint-config-react
Description: eslint rules for react
Author: 眼圈发黑
Latest version: 0.0.7

# @study-sea/eslint-config-react

``` pnpm i @study-sea/eslint-config-react ```

自定义 react+ts 共享 eslint 配置

```json
  // .eslintrc
  {
    "extends": [
      "@study-sea/eslint-config-react"
    ]
  }
```
npm package: @study-sea/eslint-config-ts
Description: eslint rules for typescript
Author: 眼圈发黑
Latest version: 0.0.8

# @study-sea/eslint-config-ts

``` pnpm i @study-sea/eslint-config-ts ```

自定义 ts 共享 eslint 配置

```json
  // .eslintrc
  {
    "extends": [
      "@study-sea/eslint-config-ts"
    ]
  }
```
npm package: @study-sea/eslint-config-vue
Description: eslint config for typescript vue3
Author: 眼圈发黑
Latest version: 0.0.8

# @study-sea/eslint-config-vue

```js
 pnpm i @study-sea/eslint-config-vue
```

自定义 vue3+ts 共享 eslint 配置

```json
// .eslintrc
{
  "extends": ["@study-sea/eslint-config-vue"]
}
```
npm package: @study-sea/prettier-config
Description: prettier rules for config
Author: 眼圈发黑
Latest version: 0.0.1

# prettier-config

## install

```js
pnpm i @study-sea/prettier-config
```

## used

```json
// .prettierrc
{
  "@study-sea/prettier-config"
}

// or package.json
{
  "name": "library",
  "version": "0.0.1",
  "prettier": "@study-sea/prettier-config"
}

```
npm package: @study-sea/stylelint-config-recommended
Description: stylelint rules for different style files
Author: 眼圈发黑
Latest version: 0.0.2

# @study-sea/stylelint-config-recommended

针对不同文件的样式格式化共享规则

## 使用

```js
  pnpm i @study-sea/stylelint-config-recommended --save-dev
```

```json
{
  "extends": [
    "@study-sea/stylelint-config-recommended"
  ]
}
```