open-index/open-npm huggingface dataset:
npm package: @risd/ui
Description: UI components for RISD websites
Author: Rhode Island School of Design
Latest version: 16.0.5

# RISD UI Design System

The RISD UI Design System is a comprehensive collection of design guidelines,
resources and code that helps us create accessible and consistent user
experiences.

This documentation will be updated as we continue to evolve our system.

We separately maintain a [communications guide](https://commguide.risd.edu/) as
a means of helping us create strong, clear and consistent communications with
our external audiences.

## To do

- The `/dist/src/ThemesProvider.js` file in Storybook the addon `storybook-addon-styled-components-theme` Node package is currently being manually modified at line 6 to have the following code: `var styled_components_1 = require("../../../../src/styled");`. It would be good to make a fork of that repo that has this persistent modification.
npm package: @risd/webhook-generate
Description: Grunt site generator for risd/webhook
Author: Webhook
Latest version: 3.0.3

## This is a Webhook powered website.

This is the boilerplate readme installed whenever you create a [Webhook CMS](http://www.webhook.com) powered site. You should probably replace it with information specific to your site.

* [Documentation for users found here.](http://webhook.com/docs/)
* [Documentation for code contributors found here.](https://github.com/webhook/webhook-generate/blob/master/CONTRIBUTING.md)
npm package: @rise-digital/eslint-config-rise
Description: ESLint configurations by Rise
Author: Rise Digital
Latest version: 2.2.1

# eslint-config-rise
ESLint configurations used by us in Rise, we thought you might love them too.

## Setup

### Quick *one*-liner (install & configuration)

Installs `eslint`, `prettier` & `@rise-digital/eslint-config-rise`,
and sets up the default `.eslintrc.js`
(Warning: this will overwrite an existing `.eslintrc.js`)

```sh
yarn add --dev \
eslint \
prettier \
@rise-digital/eslint-config-rise \
&& \
printf '%s\n%s\n' \
"const config = require('@rise-digital/eslint-config-rise')" \
"module.exports = config()" \
> .eslintrc.js
```

### Install

Install the necessary packages: `eslint`, `prettier` & `@rise-digital/eslint-config-rise`

```sh
yarn add --dev \
eslint \
prettier \
@rise-digital/eslint-config-rise
```

### Configuration

A default configuration look like this.
Please note that the rc-file is a `js` file and not `json`, as we look up which packages to support.

```js
// .eslintrc.js
const config = require('@rise-digital/eslint-config-rise')
module.exports = config()
```

The config creator take an optional options object, to extend or disable specific rules.

```js
// .eslintrc.js
const config = require('@rise-digital/eslint-config-rise')
module.exports = config({
  rules: {
    'rule/to-disable': 0,
  },
  env: {
    node: true,
  },
  globals: {
    logger: true,
  }
})
```

### Current supported packages

By default `standard` & `prettier` is included in the config.

* Config is extended with Flowtype support, if `package.json` includes `flow-bin`
* Config is extended with React support, if `package.json` includes `react`
* Config is extended with React Native support,if `package.json` includes `react-native`
* Config is extended with Jest support,if `package.json` includes `jest`


## Editor integration setup

Generally we want the editor to lint (run `eslint`) while typing, and only fix errors (run `eslint --fix`) on save.
Here are some extensions/packages for various editors:

### Visual Studio Code

[ESLint extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

Use/add the following configuration in your `User Settings`:

```json
{
  "editor.formatOnSave": false,
  "eslint.autoFixOnSave": true
}
```

### Atom

[linter-eslint package](https://atom.io/packages/linter-eslint)

Use/add the following configuration in `Your Config` (`config.cson`):

```cson
"linter-eslint":
  fixOnSave: true
```

### Sublime Text

[Sublime​Linter package](https://packagecontrol.io/packages/SublimeLinter) + [Sublime​Linter-contrib-eslint package](https://packagecontrol.io/packages/SublimeLinter-contrib-eslint)
[ESLint-Formatter package](https://packagecontrol.io/packages/ESLint-Formatter)

Enable automatic formatting on save, in the package-settings:

```json
{
  "format_on_save": true
}
```
npm package: @rise-digital/react-native-floating-label-text-input
Description: An alternative to TextInput by Rise
Author: Rise Digital
Latest version: 1.0.0
Deprecated: Package has moved. Please use @verticalstrategy/react-native-floating-label-text-input

# React Native Floating Label Text Input

Used as an alternative to `TextInput` by us in Rise, we thought you might love it too. 

## Installation
```
yarn add @rise-digital/react-native-floating-label-text-input
```

## Usage
```
import FloatingLabelTextInput from 'react-native-floating-label-text-input'

<FloatingLabelTextInput
  containerStyle={{ width: '100%', height: 45 }}
  onChangeText={this.onChangeText}
  placeholder={`Name`}
  value={this.state.name}
/>
```

## Props

Besides [TextInput Props](https://facebook.github.io/react-native/docs/textinput.html#props), the following props can be passes to the component.



| Param                | Type     | Description |
|----------------------|----------|-------------|
| `containerStyle`     | `any`    | Styles for the container wrapping the internal `TextInput` and label.
| `label`              | `string` | If provided, this will be displayed in the label instead of the placeholder text.
| `labelStyle`         | `any`    | Styles for the label.