open-index/open-npm huggingface dataset:
npm package: @postedin/postedin-editor
Description: Welcome to the **Postedin Editor** project!
Latest version: 0.1.1

# Postedin Editor

Welcome to the **Postedin Editor** project!

---

## Table of Contents

- [Overview](#overview)
- [Features](#features)
- [Getting Started](#getting-started)
- [Contributing](#contributing)

---

## Overview

Postedin Editor is an opinionated editor for the Postedin ecosystem. It is designed to provide a seamless editing experience and ensure consistency across all our different apps. The PostedinEditor system provides a flexible, configurable editor architecture with multiple specialized variants for different use cases.

## Features

- **Multiple editing modes**: Full-featured blog editor, medium-featured section editor, minimal comment editor, and display-only mode.
- **Configurable architecture**: Single base component with specialized variants for different use cases.
- **TypeScript support**: Comprehensive type definitions for all configurations and features.
- **Modular features**: Enable/disable specific formatting, blocks, media, and UI elements.
- Easy integration into any project.

## Getting Started

To use Postedin Editor in your project:

1. **Install the package:**
   ```sh
   npm install @postedin/postedin-editor
   # or
   yarn add @postedin/postedin-editor
   ```
2. **Import and use in your project:**

   ```js
   // Use specialized editors for different contexts
   import { BlogEditor, SectionEditor, CommentEditor, DisplayEditor } from 'postedin-editor';

   // Blog posts and articles
   <BlogEditor
   	content={blogContent}
   	onChange={setBlogContent}
   	placeholder="Write your blog post..."
   />

   // Page sections and content blocks
   <SectionEditor
   	content={sectionContent}
   	onChange={setSectionContent}
   	placeholder="Add section content..."
   />

   // Comments and short text
   <CommentEditor
   	content={commentContent}
   	onChange={setCommentContent}
   	placeholder="Add a comment..."
   />

   // Display published content
   <DisplayEditor content={publishedContent} />

   // Or use the configurable base editor
   import { PostedinEditor } from 'postedin-editor';

   <PostedinEditor config={{
   	features: {
   		formatting: { bold: true, italic: true },
   		blocks: { headings: [1, 2, 3] }
   	},
   	placeholder: "Custom editor..."
   }} />
   ```

## Contributing

Contributions to this project are limited to the Postedin team.

1. Clone the repository:
   ```sh
   git clone https://github.com/postedin/postedin-editor.git
   cd postedin-editor
   ```
2. Install dependencies:
   ```sh
   npm install
   ```
3. Start storybook:
   ```sh
   npm run storybook
   ```
npm package: @posten-hedwig/badge
Description: Hedwig Badge provides various style badges
Latest version: 3.1.1
Deprecated: Package no longer supported. Use @postenbring/hedwig-react instead

# `@posten-hedwig/badge`

Hedwig Badge provides various style badges

## Styles

- Badge
- DarkBadge
- WarningBadge
- WhiteBadge

## Sizes

- smaller
- small
- large
- larger

## Usage

```bash
npm install @posten-hedwig/badge
```

```jsx
import { Badge, WarningBadge, DarkBadge, WhiteBadge } from '@posten-hedwig/badge'
…
<>
    <Badge size='small'>Updated</Badge>
    <WarningBadge size='large'>File too large</WarningBadge>
    <DargkBadge>Dark badge</DarkBadge>
    <WhiteBadge>WhiteBadge</WhiteBadge>
</>
```
npm package: @posten-hedwig/base
Description: Provides sanitize and some general styling for <html> and <body>
Latest version: 2.1.1
Deprecated: Package no longer supported. Use @postenbring/hedwig-react instead

# Base
This package will apply some default styling and sanitize for your hedwig applications like fonts

Use together with @posten-hedwig/typography to get font-sizes for headers and different text-tags

## Usage

### 1 Install

```sh
npm install @posten-hedwig/base
```

### 3 Import

```js
import '@posten-hedwig/base'
```
npm package: @posten-hedwig/button
Description: Hedwig styled buttons
Latest version: 4.1.2
Deprecated: Package no longer supported. Use @postenbring/hedwig-react instead

# `@posten-hedwig/PrimaryButton`

Hedwig Buttons

## Styles

- Primary
- Secondary
- Primary outline
- Secondary outline
- Light outline
- Chat

## Sizes

- small
- medium
- large
- full
- mobile-full

## Usage

```bash
npm i @posten-hedwig/button
```

```jsx
import { PrimaryButton } from '@posten-hedwig/PrimaryButton'
…
<>
    <PrimaryButton>I'm a button</PrimaryButton>
</>
```
npm package: @posten-hedwig/typography
Description: The Typography package will give you font sizes for headings and text types in Hedwig
Latest version: 3.1.3
Deprecated: Package no longer supported. Use @postenbring/hedwig-react instead

# `@posten-hedwig/typography`

The Typography package will give you font sizes for headings and text types in Hedwig

Use together with @posten-hedwig/base to apply hedwig fonts to texts which are not part of a component


## Usage

### 1 Install

```sh
npm install @posten-hedwig/typography
```

### 2 Import
```
import { Typography } from '@posten-hedwig/typography'

```