open-index/open-npm huggingface dataset:
npm package: @plentymarkets/tailwind-colors
Description: Generate a 10-color palette from a base color
Author: plentysystems AG
Latest version: 1.0.1

# Palettey [![GitHub license](https://img.shields.io/github/license/bartbergmans/Palettey)](https://github.com/bartbergmans/Palettey/blob/master/LICENSE) [![npm](https://img.shields.io/npm/v/palettey)](https://www.npmjs.com/package/palettey) [![GitHub Workflow Status](https://img.shields.io/github/workflow/status/bartbergmans/palettey/CodeQL)](https://github.com/bartbergmans/Palettey/actions)

Package to generate a 10-color palette based on a given color hex.
Useful to generate Tailwind CSS palettes.

## Install
```
npm install --save palettey
```

## Usage

```js
import { createPaletteFromColor } from "palettey";

// Generate a luminance palette
createPaletteFromColor("primary", "#7953e0", {
  useLightness: false,
})
    
// Generate a lightness palette
createPaletteFromColor("primary", "#7953e0", {})
```

To create css variables for the generated palette you can use:

```js
const palette = createPaletteFromColor("primary", "D20000", {});
Object.entries(palette.test).forEach((entry) => {
  const [step, color] = entry;
  document.documentElement.style.setProperty(
    `--color-primary-${step}`,
    color
  );
});
```

Check out [Palette Generator](https://tailwind.simeongriggs.dev) to try the generator online.

## Credits
Based on [tailwind-css-palette-generator](https://github.com/SimeonGriggs/tailwind-css-palette-generator) created by [Simeon Griggs](https://simeongriggs.dev/)
Contribution by [George Ciesinski](https://github.com/GeorgeCiesinski)
npm package: @plentymarkets/terra-components
Description: plentymarkets terra components
Author: plentymarkets
Latest version: 12.5.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

![code coverage](https://img.shields.io/badge/coverage-45.27%25-red)
[![npm version](https://badge.fury.io/js/%40plentymarkets%2Fterra-components.svg)](https://badge.fury.io/js/%40plentymarkets%2Fterra-components)

![plentymarkets Logo](http://www.plentymarkets.eu/layout/pm/images/logo/plentymarkets-logo.jpg)

# Components for plentymarkets plugins

These are the official plugin components developed by plentymarkets. This repository provides components to build plugins for the [plentymarkets](https://www.plentymarkets.eu/tour/) ERP.

## Plugin documentation

-   Learn how to create your [first plentymarkets angular plugin](https://developers.plentymarkets.com/tutorials/angular-plugin)
-   Terra Components API documentation (currently in revision)
-   Overview of plentymarkets [plugin interfaces](https://developers.plentymarkets.com/dev-doc/basics#guide-interface)
-   The plentymarkets [REST API](https://developers.plentymarkets.com/en-gb/plentymarkets-rest-api/index.html)

## Browser compatibility

| ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) |
| ---------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- |
| Latest ✔                                                                                 | Latest ✔                                                                                    |

## Join our community

Sign up today and become a member of our [forum](https://forum.plentymarkets.com/c/plugin-entwicklung/plugin-backend-ui). Discuss the latest trends in plugin development and share your ideas with our community.

## Versioning

Visit our forum and find the latest news and updates in our [Changelog](https://github.com/plentymarkets/terra-components/blob/main/CHANGELOG.md).

## License

This project is licensed under the GNU AFFERO GENERAL PUBLIC LICENSE - see the [LICENSE.md](/LICENSE.md) file for details.
npm package: @plentymarkets/terra-icons
Description: Plentymarkets icons for terra or plugins
Author: plentymarkets
Latest version: 1.2.3

[![npm version](https://badge.fury.io/js/%40plentymarkets%2Fterra-icons.svg)](https://badge.fury.io/js/%40plentymarkets%2Fterra-icons)

![plentymarkets Logo](http://www.plentymarkets.eu/layout/pm/images/logo/plentymarkets-logo.jpg)

# terra icons for plentymarkets plugins

These are the official fonts developed by plentymarkets. This repository provides fonts/icons to build plugins for the [plentymarkets](https://www.plentymarkets.eu/tour/) ERP.

## How to use

1. Install the package `npm install @plentymarkets/terra-icons`
2. Include the `style.css` in your `angular.json` inside the `styles` sections. Like this > ` "node_modules/@plentymarkets/terra-icons/dist/style.css"`
3. For more information visit the official [angular documentation](https://angular.io/guide/workspace-config)
## How to publish tera-icons

1. Compile the .scss files to .css : run `npm run compileStyles`
2. Update the version inside the `package.json`
3. Publish a new npm version: `npm publish`

## How to add/edit/remove icons to the font

1. Visit [icomoon](https://icomoon.io/app)
2. Upload the existing files from fonts folder and follow the steps
3. After editing download the files. Make sure you export .scss files

## License

This project is licensed under the GNU AFFERO GENERAL PUBLIC LICENSE - see the [LICENSE.md](/LICENSE.md) file for details.
npm package: @plescanopasquet/dynamic-form
Description: Dynamic Forms Web Component
Latest version: 2.0.0

# @plescanopasquet/dynamic-form

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/owner/my-element)

[![npm (scoped)](https://img.shields.io/npm/v/@plescanopasquet/dynamic-form.svg)](https://www.npmjs.com/package/@plescanopasquet/dynamic-form)

Dynamic form as a webcomponent

## Install

```
$ npm install @plescanopasquet/dynamic-form
```

## Usage

```
<script src="./dynamic-form"></script>
<dynamic-form></dynamic-form>
```