open-index/open-npm huggingface dataset:
npm package: @jakeec/react-classy
Description: Simple library in the same vein as styled-components but for className
Latest version: 2.0.1

# react-classy

Simple library in the same vein as styled-components but for className

## Installation

```bash
npm i react-classy
```

## Usage

### Basic usage

```jsx
import classy from 'react-classy';

const MyDiv = classy.div`
  flex-container
  mb--sm
  ta--center
  bg--blue
`;

const MyHeader = classy.h1`
  fw--bold
  fs--lg
  ts--black--sm
`;

const MySecondHeader = classy(MyHeader)`
  fc--red
  td--underline
`;

const MyComponent = () => {
  return (
    <MyDiv>
      <MyHeader>Hello!</MyHeader>
      <MySecondHeader>Hello!</MySecondHeader>
    </MyDiv>
  );
};
```

### Conditional classes

```jsx
import classy from 'react-classy';

const MyDiv = classy.div`
  flex-container
  mb--sm
  ta--center
  bg--blue
  ${props => (props.rounded ? 'br--md' : '')}
`;

const MySquaredDiv = () => {
  /* this MyDiv component does not receive the 'rounded' prop (equivalent to doing rounded={false})
   so the border-radius class br--md is not applied */
  return <MyDiv />;
};

const MyRoundedDiv = () => {
  /* this MyDiv component does receive the 'rounded' prop (shorthand for rounded={true})
    so the border-radius class is applied */
  return <MyDiv rounded />;
};
```
npm package: @jakeelder/reversible-human-readable-id
Description: Readable recurring names fo uuids
Author: dark0dave
Latest version: 1.1.0

# Reversible-human-readable-id
[![Build Status](https://travis-ci.org/dark0dave/reversible-human-readable-id.svg?branch=master)](https://travis-ci.org/dark0dave/reversible-human-readable-id)
[![Coverage Status](https://coveralls.io/repos/github/dark0dave/reversible-human-readable-id/badge.svg?branch=master)](https://coveralls.io/github/dark0dave/reversible-human-readable-id?branch=master)

Takes a string, converts it to a 128 bit hash,
converts the hash to a freindly name and stores the result in a
key value pair locally.
Making searching for both key value pair
simple and easy.

Thanks to [human-readable](https://www.npmjs.com/package/human-readable-ids)
and [docker](https://raw.githubusercontent.com/docker/docker-ce/4db928a87dfbff4f97f30e31f3178f99147c2163/components/engine/pkg/namesgenerator/names-generator.go)
for the assets and [local](https://www.npmjs.com/package/local-storage)
for storing locally.

## Installation

npm
````
npm install reversible-human-readable-id
````

yarn
````
yarn add reversible-human-readable-id
````

## Example

Create name
```js
getHR('9028j9ko39i53klf');
'swift-engelbart-grasshopper'
```

Fetch name
```js
getHR('9028j9ko39i53klf');
'swift-engelbart-grasshopper'
getId('swift-engelbart-grasshopper');
'9028j9ko39i53klf'
```