open-index/open-npm huggingface dataset:
npm package: @muridot0/dreamy-gradients
Description: A simple an easy way to add background gradients to your webpage.
Author: Maurice Adjei
Latest version: 0.1.38

# Dreamy Gradients

A simple an easy way to add background gradients to your webpage.

<p align="center">
  <img src="https://github.com/muridot0/Dreamy-Gradients/blob/master/public/dreamy-gradients.png" alt="demo" />
</p>

## Installation

Install with

```sh
npm install @muridot0/dreamy-gradients
yarn add @muridot0/dreamy-gradients
```

## Usage

```tsx
import { DreamyGradient } from '@muridot0/dreamy-gradients'

function Demo() {
  return <DreamyGradient
          size={{ height: '10rem', width: '10rem' }}
          color='linear-gradient(180deg, #7D40FF 0%, #F58A25 100%, #7230FF 100%)'
          position={{ top: '100%', right: '100%' }}
          blur={2}
        />
}
```

## Properties

| Name            | Type                     | Default      | Description                                                    |
| --------------- | ------------------------ | ------------ | -------------------------------------------------------------- |
| `color`         | RGB, RGBA, HEX, LINEARGRADIENT| - | Sets the color of the gradient. Some out of the box colors are: `red`, `yellow`, `blue`, `green`.|
| `position`      | {top: string, bottom: string, left: string, right: string} | undefined | Adjusts the vertical and horizontal position of the gradient.|
| `animate` | 'true', 'false', CSSKeyframes | 'false' | Adds an animation to the gradient. Setting to 'true' adds a default spinning animation to the gradient where as adding a CSSKeyframe object allows you to set your own animation.|
| `size` | {height: string, width: string} | - | Sets the size of the gradient.|
| `blur` | number | 1 | Adjusts the blur on the gradient.|
| `borderRadius` | string | undefined | Adjusts the curvature of the gradient.|
npm package: @murielmay67-1/semantic-release-example
Description: https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#type
Latest version: 100.1.0

# semantic-release-example

https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#type

- **feat**: 一项新功能
- **fix**: 错误修复
- **docs**: 仅更改文档
- **style**: 不影响代码含义的更改（空格、格式、缺少分号等）
- **refactor**: 既不修复错误也不添加功能的代码更改
- **perf**: 提高性能的代码更改
- **test**: 添加缺失的或纠正现有的测试
- **chore**: 对构建过程或辅助工具和库（例如文档生成）的更改
```
BREAKING CHANGE:
```

## 参考
- [renovate's build.yml](https://github.com/renovatebot/renovate/blob/9ed6666aeb15f4cd795c598e4007c097aa4c4cc8/.github/workflows/build.yml#L715)
- https://github.dev/semantic-release/npm