open-index/open-npm huggingface dataset:
npm package: @hsdonkey/cxn_main_menu
Description: ## Project setup ``` npm install ```
Latest version: 0.1.1

# cxn_main_menu

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @hsdonkey/do_test
Description: ## Project setup ``` npm install ```
Latest version: 0.1.0

# do_test

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @hsdonkey/hsd_components
Description: ## Project setup ``` npm install ```
Latest version: 0.1.0

# hsd_components

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @hsdonkey/hsd_test
Description: ## Project setup ``` npm install ```
Latest version: 0.1.0

# hsd_test

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @hsdonkey/hsd_yidu_ui
Description: ## Project setup ``` npm install ```
Latest version: 0.2.24

# hsd_yidu_ui

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @hsds/accordion
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.6.3

# accordion

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test accordion` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/action-select
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.27

# action-select

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test action-select` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/alert
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.20

# alert

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test alert` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/animate
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.2

# animate

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test animate` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/article-card
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.18

# article-card

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test article-card` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/attachment
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.4

# attachment

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test attachment` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/avatar
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.16

# avatar

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test avatar` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/avatar-selector
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.2-rc.1

# avatar-selector

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test avatar-selector` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/badge
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.9

# badge

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test badge` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/blank-slate
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.10

# blank-slate

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test blank-slate` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/button
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.4.2

# button

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test button` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/card
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.10

# card

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test card` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/card-list
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.3

# card-list

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test card-list` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/centralize
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.1

# centralize

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test centralize` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/chat-list
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 7.9.2-alpha.6

# chat-list

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test chat-list` to execute the unit tests via [Jest](https://jestjs.io).

> Up to date with hsds-react `v3.54.11`
npm package: @hsds/chat-scroller
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 7.9.2-alpha.6

# chat-scroller

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test chat-scroller` to execute the unit tests via [Jest](https://jestjs.io).

> Up to date with hsds-react `v3.54.11`
npm package: @hsds/checkbox
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.23

# checkbox

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test checkbox` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/checkmark-card
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.3

# checkmark-card

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test checkmark-card` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/choice
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.16

# choice

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test choice` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/close-button
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.11

# close-button

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test close-button` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/collapsible
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.3

# collapsible

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test collapsible` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/colorway
Description: A color management syncing system
Latest version: 9.2.8

# 🎨 Colorway

A color management syncing system

## Table of Contents

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

- [Installation](#installation)
- [Usage](#usage)
- [find & Closest](#find--closest)
  - [Find](#find)
  - [Closest](#closest)
- [Documentation](#documentation)
- [Integrations](#integrations)
- [See Also](#see-also)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

## Installation

```
npm install --save-dev @hsds/colorway
```

## Usage

Run the `colorway` command with the manifest you wish to sync, example:

```
colorway --manifest=hsds-react
```

## find & Closest

Run the `colorway` command with `find` or `closest` as argument to:

### Find

Find will retrieve the HEX color code for a given color name. It will only use the HSDS-react manifest

```
colorway find blue.500

// blue.500: #1292EE
```

### Closest

Closest will find the color name from our palette that is the nearest from a given HEX code. It will only use the HSDS-react manifest

```
colorway closest #005500

// green.900: #23633e
```

## Documentation

Check out [our documentation](./docs) to see how you can use and integrate Colorway into your Application/project.

## Integrations

| Application / Project                                                 | Status     |
| --------------------------------------------------------------------- | ---------- |
| [doc-article-styles](https://github.com/helpscout/doc-article-styles) | Integrated |
| [hsds-react](https://github.com/helpscout/hsds-react)                 | Integrated |
| search-autocomplete                                                   | Integrated |
| [seed](https://github.com/helpscout/seed)                             | Integrated |
| hs-app                                                                | Integrated |
| beacon2                                                               | Integrated |
| developer                                                             | --         |
| styleguide                                                            | --         |
npm package: @hsds/condition
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.4.4

# condition

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test condition` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/control-group
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.2

# control-group

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test control-group` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/copy-button
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.2

# copy-button

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test copy-button` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/copy-code
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.19

# copy-code

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test copy-code` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/copy-input
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.2

# copy-input

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test copy-input` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/copy-value
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.4

# copy-value

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test copy-value` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/datepicker
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.4-beta.0

# datepicker

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test datepicker` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/depth
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.14

# depth

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test depth` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/dot-stepper
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.15

# dot-stepper

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test dot-stepper` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/drop
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 7.1.8

# drop

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test drop` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/drop-list
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.4.4

# drop-list

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test drop-list` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/editable-field
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.4

# editable-field

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test editable-field` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/editable-textarea
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.22

# editable-textarea

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test editable-textarea` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/emoji
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.2

# emoji

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test emoji` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/emoji-picker
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.4

# emoji-picker

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test emoji-picker` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/emoticon
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.14

# emoticon

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test emoticon` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/event-listener
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.3

# event-listener

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test event-listener` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/filtered-list
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.1

# filtered-list

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test filtered-list` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/flexy
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.2

# flexy

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test flexy` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/floating-toolbar
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.4

# floating-toolbar

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test components-floating-toolbar` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/fluffy-card
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.16

# fluffy-card

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test fluffy-card` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/form
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.19

# form

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test form` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/form-field
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 3.4.7

# form-field

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test form-field` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/form-group
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.2

# form-group

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test form-group` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/form-label
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.14

# form-label

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test form-label` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/frame
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.3

# frame

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test frame` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/grid
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.2

# grid

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test grid` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/heading
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.10

# heading

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test heading` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/helix
Description: > A fixture generator for Javascript, powered by [Faker](https://github.com/marak/Faker.js/).
Latest version: 9.0.2

# Helix 💠

> A fixture generator for Javascript, powered by [Faker](https://github.com/marak/Faker.js/).

Helix allows you to quickly (and reliably) generate fixture data to be hydrated into Javascript components/views (like React, Vue, Backbone, etc…).

## Install

```
npm install @hsds/helix --save-dev
```

## Documentation

Check out **[our documentation](./docs)** for more info!

## Basic usage

The `createSpec` function is used to define your fixture spec. Helix comes with an adjusted version of [Faker.js](https://github.com/marak/Faker.js/), which also needs to be imported. Note, the API for Helix's faker is the **exact** same as Faker.js.

```js
import { createSpec, faker } from '@hsds/helix'

const CustomerSpec = createSpec({
  id: faker.datatype.number()
  fname: faker.name.firstName()
  lname: faker.name.lastName()
  company: faker.company.companyName()
})

const fixture = CustomerSpec.generate()

// Output
// {
//   id: 12339041,
//   fname: 'Alice',
//   lname: 'Konigsberg',
//   company: 'Smiths Co.'
// }
```

For a full list of Faker methods, check out [their documentation](https://github.com/marak/Faker.js/#api-methods).
npm package: @hsds/help-text
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.14

# help-text

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test help-text` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/hooks
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.14

# hooks

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test hooks` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/hr
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 7.1.5

# hr

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test hr` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/hsds
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.6.0

# hsds

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test hsds` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/icon
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.17

# icon

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test icon` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/icon-button
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.4

# icon-button

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test icon-button` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/icons
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.0

# icons

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test icons` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/illo
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.13

# illo

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test illo` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/illos
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.2

# illos

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test illos` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/image
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.2

# image

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test image` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/infinite-scroller
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.15

# infinite-scroller

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test infinite-scroller` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/inline
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 7.1.5

# inline

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test inline` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/input
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.2

# input

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test input` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/keyboard-badge
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.9

# keyboard-badge

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test keyboard-badge` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/keypress-listener
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.2

# keypress-listener

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test keypress-listener` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/label
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.14

# label

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test label` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/link
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.1

# link

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test link` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/list
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.2

# list

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test list` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/loading-dots
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.8

# loading-dots

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test loading-dots` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/message
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.4.4

# message

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test message` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/message-card
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.4.5

# message-card

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test message-card` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/modal
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.3

# modal

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test modal` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/motion
Description: [![Build Status](https://travis-ci.org/helpscout/motion.svg?branch=master)](https://travis-ci.org/helpscout/motion) [![npm version](https://badge.fury.io/js/%40helpscout%2Fmotion.svg)](https://badge.fury.io/js/%40helpscout%2Fmotion)
Latest version: 9.0.2

# 💫 Motion

[![Build Status](https://travis-ci.org/helpscout/motion.svg?branch=master)](https://travis-ci.org/helpscout/motion)
[![npm version](https://badge.fury.io/js/%40helpscout%2Fmotion.svg)](https://badge.fury.io/js/%40helpscout%2Fmotion)

> A simple animation library for React

**[Check out the demo](https://helpscout-motion.netlify.com/)**

## Table of Contents

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

- [Installation](#installation)
- [Usage](#usage)
- [Documentation](#documentation)
- [See Also](#see-also)
- [Thanks!](#thanks)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

## Installation

```
npm install --save @hsds/motion
```

## Usage

Start adding animations to any React component with the `Motion` component:

```jsx
import React from 'react'
import { Motion } from '@hsds/motion'
import Zoolander from './components/Zoolander'

class App extends React.Component {
  render() {
    return (
      <Motion
        componentDidMount={fadeInAndMoveUp}
        componentWillUnmount={fadeOut}
      >
        <Zoolander />
      </Motion>
    )
  }
}

// Technically these animation callbacks can be writing in line.
// It's advisable to keep them as separate functions to make the code
// more readable.
function fadeInAndMoveUp({ animate }) {
  return animate({
    opacity: [0, 1],
    translateY: [-20, 0],
  }).finished
}

function fadeOut({ animate }) {
  return animate({
    opacity: [0, 1],
    duration: 500,
    easing: 'linear',
  }).finished
}
```

## Documentation

For additional info on Motion, check out [our documentation](./docs)!

## See Also

- [react-utils](https://github.com/helpscout/react-utils)
- [stats](https://github.com/helpscout/stats)

## Thanks!

A big thanks to [Julian Garnier](https://github.com/juliangarnier) for creating [Anime.js](https://github.com/juliangarnier/anime), which powers the animations for Motion.
npm package: @hsds/nav
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.12

# nav

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test nav` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/notification
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.2

# notification

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test notification` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/option-tile
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.19

# option-tile

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test option-tile` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/overflow
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.3

# overflow

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test overflow` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/overlay
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.11

# overlay

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test overlay` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/page
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.9

# page

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test page` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/pagination
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.2

# pagination

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test pagination` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/popover
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.11

# popover

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test popover` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/portal
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.14

# portal

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test portal` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/portal-wrapper
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.14

# portal-wrapper

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test portal-wrapper` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/preview-card
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.16

# preview-card

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test preview-card` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/progress-bar
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.12

# progress-bar

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test progress-bar` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/radio
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.23

# radio

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test radio` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/radio-card
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.6

# radio-card

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test radio-card` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/rate-action
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.15

# rate-action

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test rate-action` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/route-wrapper
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 7.1.5

# route-wrapper

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test route-wrapper` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/scope-provider
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.0

# scope-provider

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test scope-provider` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/scroll-lock
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.2

# scroll-lock

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test scroll-lock` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/scrollable
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.9

# scrollable

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test scrollable` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/scrollable-container
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.0

# scrollable-container

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test scrollable-container` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/side-panel
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.5

# side-panel

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test side-panel` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/simple-modal
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.4.5

# simple-modal

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test simple-modal` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/simple-theme-provider
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.1

# simple-theme-provider

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test simple-theme-provider` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/skeleton
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.23

# skeleton

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test skeleton` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/sleep-detector
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.4

# sleep-detector

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test sleep-detector` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/sortable
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.4.3

# sortable

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test sortable` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/spinner
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.14

# spinner

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test spinner` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/status-badge
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.18

# status-badge

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test status-badge` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/status-bar
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.2

# status-bar

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test status-bar` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/status-dot
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.12

# status-dot

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test status-dot` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/stepper
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.10

# stepper

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test stepper` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/switch
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.1

# switch

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test switch` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/tab-bar
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.2

# tab-bar

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test tab-bar` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/table
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.4

# table

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test table` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/tag
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.3.2

# tag

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test tag` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/text
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.14

# text

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test text` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/timeline
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.11

# timeline

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test timeline` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/timestamp
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.17

# timestamp

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test timestamp` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/tokens
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 2.8.0

# icons

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test icons` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/toolbar
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.3

# toolbar

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test toolbar` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/tooltip
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.2.1

# tooltip

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test tooltip` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/truncate
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.6

# truncate

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test truncate` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/typing-dots
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.1.8

# typing-dots

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

## Running unit tests

Run `nx test typing-dots` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/utils-animation
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.2

# utils-animation

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

Includes:

- `defaultEasingTiming`
- `bounceCubicBezier`
- `boopCubicBezier`
- `customCubicBezier`
  - `boop`
  - `bounce`
  - `easeInBack`
  - `easeInCirc`
  - `easeInCubic`
  - `easeInExpo`
  - `easeInOutBack`
  - `easeInOutCirc`
  - `easeInOutCubic`
  - `easeInOutExpo`
  - `easeInOutQuad`
  - `easeInOutQuart`
  - `easeInOutQuint`
  - `easeInOutSine`
  - `easeInQuad`
  - `easeInQuart`
  - `easeInQuint`
  - `easeInSine`
  - `easeOutBack`
  - `easeOutCirc`
  - `easeOutCubic`
  - `easeOutExpo`
  - `easeOutQuad`
  - `easeOutQuart`
  - `easeOutQuint`
  - `easeOutSine`
  - `elastic`
- `cubicBezierCSSProp`
- `getEasingTiming`

## Running unit tests

Run `nx test utils-animation` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hsds/utils-bem
Description: This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).
Latest version: 9.0.0

# utils-bem

This library is part of Help Scout's [@hsds](https://github.com/helpscout/hsds).

Includes:

- `last`
- `getHashedClassName`
- `class BEMClass`
  constructor constructor
  property block
  method e
  method element
  method m
  method modifier
- `BEM`

## Running unit tests

Run `nx test utils-bem` to execute the unit tests via [Jest](https://jestjs.io).