open-index/open-npm huggingface dataset:
npm package: @planmeister/pithos
Description: This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.
Latest version: 0.0.5
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Pithos

This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.

## Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

```bash
ng generate component component-name
```

For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:

```bash
ng generate --help
```

## Building

To build the library, run:

```bash
ng build pithos
```

This command will compile your project, and the build artifacts will be placed in the `dist/` directory.

### Publishing the Library

Once the project is built, you can publish your library by following these steps:

1. Navigate to the `dist` directory:
   ```bash
   cd dist/pithos
   ```

2. Run the `npm publish` command to publish your library to the npm registry:
   ```bash
   npm publish
   ```

## Running unit tests

To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:

```bash
ng test
```

## Running end-to-end tests

For end-to-end (e2e) testing, run:

```bash
ng e2e
```

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

## Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
npm package: @planmeisterteam/pithos
Description: This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.
Latest version: 1.0.1

# Pithos

This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.

## Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

```bash
ng generate component component-name
```

For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:

```bash
ng generate --help
```

## Building

To build the library, run:

```bash
ng build pithos
```

This command will compile your project, and the build artifacts will be placed in the `dist/` directory.

### Publishing the Library

Once the project is built, you can publish your library by following these steps:

1. Navigate to the `dist` directory:
   ```bash
   cd dist/pithos
   ```

2. Run the `npm publish` command to publish your library to the npm registry:
   ```bash
   npm publish
   ```

## Running unit tests

To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:

```bash
ng test
```

## Running end-to-end tests

For end-to-end (e2e) testing, run:

```bash
ng e2e
```

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

## Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
npm package: @plannco-ppe/ppe-core
Description: This library was generated with [Nx](https://nx.dev).
Latest version: 1.0.23

# ppe-core

This library was generated with [Nx](https://nx.dev).

## Building

Run `nx build ppe-core` to build the library.

## Running unit tests

Run `nx test ppe-core` to execute the unit tests via [Vitest](https://vitest.dev/).
npm package: @plannco-ppe/ppe-react
Description: This library was generated with [Nx](https://nx.dev).
Latest version: 1.0.5

# @plannco-ppe/ppe-react

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test @plannco-ppe/ppe-react` to execute the unit tests via [Vitest](https://vitest.dev/).
npm package: @planning-center/btn
Description: A button based on btn.css
Author: Michael Chan
Latest version: 0.1.5
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @planning-center/btn

A React component button that styles itself with the `.btn2` class in Planning Center apps.

## Installation

`npm install @planning-center/btn` or `yarn add @planning-center/btn`

## Usage

```js
import React from "react"
import Btn from "@planning-center/btn"

const MyComponent = () =>
  <Btn
    className="moar classes"
    onClick={() => alert("you clicked me.")}
  />Click me</Btn>

// => <button class="btn2 moar classes" type="button">Click me</button>
```

## Dependencies

### JS env
* `react`
* `classnames`

### CSS
* `.btn2`
npm package: @planning-center/react-pagination
Description: Pagination links
Latest version: 1.2.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# react-pagination

Pagination links

<img src="http://i.imgur.com/7IS4TiL.png" height="59"/>

## Usage

```
import Pagination from '@planning-center/react-pagination'

<Pagination
  page={1}
  totalPages={20}
  visiblePages={8}
  onChange={(pageNum) => console.log(pageNum)} />
```

## Install

```
npm install --save @planning-center/react-pagination
```

Configure Rails so it can find the stylesheet in your `application.rb`:

```
config.assets.paths << Rails.root.join('node_modules')
```

Then in your Sass:

```
@import "@planning-center/react-pagination/style"
```

## Styling

Sass variables:

```
$react-pagination-color: #777 !default
$react-pagination-active-color: #fff !default
$react-pagination-disabled-color: #ccc !default
```
npm package: @planning-center/react-progress-bar
Description: Animated progress bar with text
Latest version: 1.1.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# react-progress-bar

Animated progress bar with text

<img src="http://i.imgur.com/QNQSiNW.png" height="67"/>

## Usage

```
import ProgressBar from '@planning-center/react-progress-bar'

<ProgressBar progress={25} text="Loading" animated={true} />
```

## Install

```
npm install --save @planning-center/react-progress-bar
```

Configure Rails so it can find the stylesheet in your `application.rb`:

```
config.assets.paths << Rails.root.join('node_modules')
```

Then in your Sass:

```
@import "@planning-center/react-progress-bar/style"
```

## Styling

Sass variables:

```
$react-progress-bar-color: #ccc !default
$react-progress-bar-bg-color: rgba(0, 0, 0, .05) !default
```