open-index/open-npm huggingface dataset:
npm package: @sdl/controls
Description: Controls which match the SDL Control UX Guidelines.
Author: jbevers@sdl.com
Latest version: 0.1.0-49

# SDL Controls

Controls which match the SDL Control UX Guidelines.

## Releases

See [Releases](docs/releases.md).

## Building

In order to build make sure you have [Node.js](https://nodejs.org/en/) installed (v6 or higher).

#### Installing the necessary packages

```bash
npm install gulp-cli -g
npm install
```

#### Gulp tasks

```bash
# Build (debug)
gulp build

# Build everything and setup a server (debug)
gulp serve

# Build everything and setup a server (release)
gulp serve:dist

# Build (release)
gulp

# Test (debug)
# Default browser is PhantomJS
gulp serve:test
gulp serve:test --browsers Chrome
gulp serve:test --browsers "Chrome,IE,Firefox,PhantomJS"

# Test (release)
# Default browser is PhantomJS
gulp test
gulp test --browsers Chrome
gulp test --browsers "Chrome,IE,Firefox,PhantomJS"

# Measure test coverage
# Default browser is PhantomJS
gulp test-coverage
gulp test-coverage --browsers Chrome
gulp test-coverage --browsers "Chrome,IE,Firefox,PhantomJS"
```

## Setting up Visual Studio Code

Preffered IDE for GUI development is [Visual Studio Code](https://code.visualstudio.com/).

Some extensions you should install ([Managing extensions](https://code.visualstudio.com/Docs/editor/extension-gallery)):

1. [TSLint](https://marketplace.visualstudio.com/items?itemName=eg2.tslint): get linting feedback as you type
2. [Editor Config](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig): adds support for the .editorconfig file
3. [Document this](https://marketplace.visualstudio.com/items?itemName=joelday.docthis): automatically generates detailed JSDoc comments in TypeScript and javascript files
npm package: @sdl/controls-react-wrappers
Description: Exposes controls as React components.
Author: jbevers@sdl.com
Latest version: 0.1.0-59

# SDL Controls React Wrappers

This repository consists of [React](https://facebook.github.io/react/) wrappers for [Controls](https://www.npmjs.com/package/@sdl/controls).

It allows you to reuse Controls as React components. 

## Releases

See [Releases](docs/releases.md).

## Building

In order to build make sure you have [Node.js](https://nodejs.org/en/) installed (v6 or higher).

#### Installing the necessary packages

```bash
npm install gulp-cli -g
npm install
```

#### Gulp tasks

```bash
# Build (debug)
gulp build

# Build everything and setup a server (debug)
gulp serve

# Build everything and setup a server (release)
gulp serve:dist

# Build (release)
gulp

# Test (debug)
# Default browser is PhantomJS
gulp serve:test
gulp serve:test --browsers Chrome
gulp serve:test --browsers "Chrome,IE,Firefox,PhantomJS"

# Test (release)
# Default browser is PhantomJS
gulp test
gulp test --browsers Chrome
gulp test --browsers "Chrome,IE,Firefox,PhantomJS"

# Measure test coverage
# Default browser is PhantomJS
gulp test-coverage
gulp test-coverage --browsers Chrome
gulp test-coverage --browsers "Chrome,IE,Firefox,PhantomJS"
```

## Setting up Visual Studio Code

Preffered IDE for GUI development is [Visual Studio Code](https://code.visualstudio.com/).

Some extensions you should install ([Managing extensions](https://code.visualstudio.com/Docs/editor/extension-gallery)):

1. [TSLint](https://marketplace.visualstudio.com/items?itemName=eg2.tslint): get linting feedback as you type
2. [Editor Config](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig): adds support for the .editorconfig file
3. [Document this](https://marketplace.visualstudio.com/items?itemName=joelday.docthis): automatically generates detailed JSDoc comments in TypeScript and javascript files
npm package: @sdl/icons
Description: SDL Icons library
Author: jbevers@sdl.com
Latest version: 1.1.0-17

# SDL Icons

The goal of this repository is to manager all SDL icons.

Currently it supports two output format which is **css** and **less**.

If you would like to see another output format (eg resx, sass...) or another distributable (eg NuGet) feel free to create a pull request and we'll have a look.

This project is for everybody to contribute. We are also looking for more contributors / maintainers for this project.

## Usage 

### less

**This is the advised format**

The reasons for this are:

1. You can control the size of the icons. For example create you own "icons.less" file where you reference the icons you require. 
This will give you a much smaller file compared to using the css option which will give you all icons including the ones you don't use.
2. The less compiler will warn you if a mixin does not exist. When an icon is removed for example you will get a warning from the compiler saying that the specific mixin was removed.

```less 
@import (reference) "./node_module/sdl-icons/dist/icons-graphene.less";

.my-custom-class {
    .icon-sdl-white-logo();
}
```

### css

```html
<html>
<head>
    <title>SDL Icons</title>
    <link rel="stylesheet" type="text/css" href="icons-graphene.css"/>
</head>
<body>
<!-- Div with an icon as background -->
<div class="icon-sdl-white-logo"></div>
</body>
</html>
```

## Installing

To install the icons in your own

```bash
npm install sdl-icons --save
```

## Building

```bash
npm install
npm run-script build
```

## Releases

Have a look at the [changelog](CHANGELOG.md).

## Contribution Guidelines

1. All changes to the repo should be done as pull requests and merged to the develop branch.
2. There should be no dependency to javascript on the generated ouput.
3. Icons should be source controlled in the format they were delivered by UX (not minified / embedded in another file).
npm package: @sdl/models
Description: Utility library containing models.
Author: jbevers@sdl.com
Latest version: 0.1.0-10

# SDL Models

Utility library containing models..

## Releases

See [Releases](docs/releases.md).

## Building

In order to build make sure you have [Node.js](https://nodejs.org/en/) installed (v6 or higher).

#### Installing the necessary packages

```bash
npm install gulp-cli -g
npm install
```

#### Gulp tasks

```bash
# Build (debug)
gulp build

# Build everything and setup a server (debug)
gulp serve

# Build everything and setup a server (release)
gulp serve:dist

# Build (release)
gulp

# Test (debug)
# Default browser is PhantomJS
gulp serve:test
gulp serve:test --browsers Chrome
gulp serve:test --browsers "Chrome,IE,Firefox,PhantomJS"

# Test (release)
# Default browser is PhantomJS
gulp test
gulp test --browsers Chrome
gulp test --browsers "Chrome,IE,Firefox,PhantomJS"

# Measure test coverage
# Default browser is PhantomJS
gulp test-coverage
gulp test-coverage --browsers Chrome
gulp test-coverage --browsers "Chrome,IE,Firefox,PhantomJS"
```

## Setting up Visual Studio Code

Preffered IDE for GUI development is [Visual Studio Code](https://code.visualstudio.com/).

Some extensions you should install ([Managing extensions](https://code.visualstudio.com/Docs/editor/extension-gallery)):

1. [TSLint](https://marketplace.visualstudio.com/items?itemName=eg2.tslint): get linting feedback as you type
2. [Editor Config](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig): adds support for the .editorconfig file
3. [Document this](https://marketplace.visualstudio.com/items?itemName=joelday.docthis): automatically generates detailed JSDoc comments in TypeScript and javascript files