open-index/open-npm huggingface dataset:
npm package: @nordnet/design-tokens
Description: This project turns design tokens into usable formats for our frontends. By using design tokens, we can maintain consistency across all platforms, tools, and products. Currently, we only provide colors for our different themes through design tokens.
Author: Mansour Mansour
Latest version: 3.2.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Design Tokens

This project turns design tokens into usable formats for our frontends. By using design tokens, we can maintain consistency across all platforms, tools, and products. Currently, we only provide colors for our different themes through design tokens.

## How it works

Design Tokens are exported as JSON from Figma using the [Design Tokens plugin](https://www.figma.com/community/plugin/888356646278934516/Design-Tokens) and pasted into the `tokens` folder in a new branch. Run `npm run transform-tokens` which instructs [Style Dictionary](<[https://amzn.github.io/style-dictionary/](https://amzn.github.io/style-dictionary/#/README)>) to transforms the tokens into our defined formats.

## Getting started

For local development, please follow these steps:

1. **Install Dependencies:** Begin by installing all required dependencies. Open your terminal, navigate to the project's root directory, and execute:

```sh
npm install
```

2. **Transform Design Tokens:** Next, transform your design tokens using [Style Dictionary](https://amzn.github.io/style-dictionary/#/README). This step converts our JSON-formatted tokens into usable formats for different platforms. Run the following command:

```sh
npm run transform-tokens
```

**Note:** If you are contributing via a pull request and your changes involve modifications to any tokens/\*.json files, the project's GitHub Actions workflow will automatically perform this transformation step for you. This ensures that your contributions are seamlessly integrated without requiring manual token transformation.

3. **Access Generated Tokens:** After transformation, the generated tokens can be found within the src/generated directory.

## Usage the themes

If you want to utilize the themes provided by this repository, you can integrate them into your codebase like this:

1. **Install the Design Tokens Package:** Add the design tokens to your project by running the following command:

```sh
npm install -D @nordnet/design-tokens
```

This installs the `@nordnet/design-tokens` package as a development dependency.

2. **Import the desired theme:** You can now import the themes directly into your project. For example, to use the light theme, add the following import statement to your code:

```sh
import { lightTheme } from '@nordnet/design-tokens'
```

Replace `lightTheme` with any other theme provided by the package as necessary.

## Formats

This project generates design tokens for each theme in the following formats:

- **JS**: A JavaScript module that exports an object containing the design tokens.
- **JSON**: A JSON file containing the design tokens.
- **CSS**: A CSS file containing CSS variables for the design tokens.
npm package: @nordnet/grid
Description: Grid system
Author: Vladimir Starkov
Latest version: 1.6.11

# grid

[![NPM version][npm-image]][npm-url]
[![Build][travis-image]][travis-url]
[![Coveralls Status][coveralls-image]][coveralls-url]
[![Dependency Status][depstat-image]][depstat-url]

> Grid system

## Install

```sh
npm install --save @nordnet/grid
# or
yarn add @nordnet/grid
```

## Usage

```js
import React from 'react';
import { Grid, Row, Col } from '@nordnet/grid';

const App = () => (
  <Grid>
    <Row>
      <Col xs={12} sm={8} md={6} lg={4}>
        GRID
      </Col>
    </Row>
  </Grid>
)

export default App;
```

See more at https://nordnet.github.io/grid/

## Example (docs)

(`yarn` is interchangable with `npm` in this example)

```sh
yarn run docs:install
# then
yarn run docs:start
```


## License

MIT © [Nordnet Bank AB](https://www.nordnet.se)

[npm-url]: https://npmjs.org/package/@nordnet/grid
[npm-image]: https://img.shields.io/npm/v/@nordnet/grid.svg?style=flat-square

[travis-url]: https://travis-ci.org/nordnet/grid
[travis-image]: https://img.shields.io/travis/nordnet/grid.svg?style=flat-square

[coveralls-url]: https://coveralls.io/r/nordnet/grid
[coveralls-image]: https://img.shields.io/coveralls/nordnet/grid.svg?style=flat-square

[depstat-url]: https://david-dm.org/nordnet/grid
[depstat-image]: https://david-dm.org/nordnet/grid.svg?style=flat-square
npm package: @nordnet/prettier-config
Description: Nordnet's standard Prettier config
Author: Jacob Klapwijk
Latest version: 2.0.0

# Nordnet Prettier Config

Ironically, even a package known for reducing your config options still benefits from having a standardized config across a company. Here's ours. Usage:

- `yarn add @nordnet/prettier-config`
- `echo "module.exports = require('@nordnet/prettier-config');" > prettier.config.js`
npm package: @nordnet/ui
Description: [![NPM version][npm-image]][npm-url] [![Build Status](https://github.com/nordnet/ui/workflows/build/badge.svg)](https://github.com/nordnet/ui/actions) [![Coverage Status][codecov-image]][codecov-url] [![Dependency Status][depstat-image]][depstat-url]
Author: Nordnet
Latest version: 16.15.8

# @nordnet/ui

[![NPM version][npm-image]][npm-url]
[![Build Status](https://github.com/nordnet/ui/workflows/build/badge.svg)](https://github.com/nordnet/ui/actions)
[![Coverage Status][codecov-image]][codecov-url]
[![Dependency Status][depstat-image]][depstat-url]

## Installation

```bash
npm install --save @nordnet/ui # or
yarn add @nordnet/ui
```

## Usage

```javascript
// src/root.js

import { createRoot } from 'react-dom/client';
import { ThemeProvider } from 'styled-components';
import { theme } from '@nordnet/ui';
import App from './App';

const container = document.getElementById('app');
const root = createRoot(container); // createRoot(container!) if you use TypeScript
root.render(
  <ThemeProvider theme={theme}>
    <App />
  </ThemeProvider>,
);

// src/App.js
import { Button } from '@nordnet/ui';

const App = (props) => (
  <div>
    <Button size="l" variant="secondary">
      Hit me
    </Button>
  </div>
);

export default App;
```

## Developing

Developing workflow can be found in the [contributing guidelines](CONTRIBUTING.md).

## Contributing

Everyone is welcome to contribute. Please take a moment to review the [contributing guidelines](CONTRIBUTING.md).

## Upgrading from `semantic-release@16.0.0-beta.18`

To upgrade to latest `17.1.1` you need to upgrade away from `beta` first:

- https://github.com/semantic-release/semantic-release/releases/tag/v16.0.0

  This is the most troublesome part:

  > ⚠️ For v16.0.0@beta users only:
  > In v16, a JSON object stored in a Git note is used to keep track of the channels on which a version has been released, the @{channel} suffix is no longer necessary.

  and it essentially will ask you to fix some git internals yourself, but there is a better
  way. [v16.0.0-beta.39 release notes](https://github.com/semantic-release/semantic-release/releases/tag/v16.0.0-beta.39)
  offers a script in this gist file https://gist.github.com/pvdlg/6b19e529ee5c1a20645675a44e5b3239. You will have to go
  through it and make it work.

- https://github.com/semantic-release/semantic-release/releases/tag/v17.0.0

  afaik, it only seems to drop support for non-lts node 10

## License

This open source project released by Nordnet is licensed under the MIT license.

MIT (http://www.opensource.org/licenses/mit-license.php)

[npm-url]: https://npmjs.org/package/@nordnet/ui
[npm-image]: https://img.shields.io/npm/v/@nordnet/ui/latest.svg
[travis-url]: https://travis-ci.com/nordnet/ui/
[travis-image]: https://img.shields.io/travis/com/nordnet/ui.svg?style=flat-square
[codecov-url]: https://codecov.io/gh/nordnet/ui
[codecov-image]: https://img.shields.io/codecov/c/github/nordnet/ui.svg?style=flat-square
[depstat-url]: https://david-dm.org/nordnet/ui
[depstat-image]: https://david-dm.org/nordnet/ui.svg?style=flat-square
npm package: @nordstjerna/style
Description: ![nordstjerna](https://assets.solidjs.com/banner?type=Nordstjerna&background=tiles&project=Style)
Author: Nordstjerna
Latest version: 0.1.6

![nordstjerna](https://assets.solidjs.com/banner?type=Nordstjerna&background=tiles&project=Style)

# Nordstjerna Style

Basic CSS styles for a glassmorphism look.
npm package: @nore/nql
Description: An extensible SQL query builder for SQLite
Author: Navaru
Latest version: 2.2.0

# @nore/nql

An extensible SQL query builder for SQLite.

```js
import nql form "@nore/nql"

const query = {
  type: "select",
  table: "users",
  columns: ["company", "category"],
  where: {
    company: "Future Inc"
    age: { $gt: 25 },
  },
  offset: 200,
  limit: 100,
}

const [sql, values] = nql(query)

// sql    -> `SELECT "users"."name", "users"."age" FROM "users" WHERE "age" > $1 AND "company" == $2`
// values -> [25, "Future Inc"]
```

**Installation**

```
  $ npm install @nore/nql
```

**Documentation**

TODO: add documentation link

---

> License [MIT](license) &nbsp;&middot;&nbsp;
> GitHub [@nore](https://github.com/nore) &nbsp;&middot;&nbsp;
> Twitter [@navaru](https://twitter.com/navaru)
npm package: @nore/pm
Description: Process manager
Author: Navaru
Latest version: 1.2.0

# @nore/pm

A cross-platform Node.js process manager.

### Install

```sh
npm install @nore/pm
```

### Usage

```js
import PM from "@nore/pm";

const command = ["node", "script.js", "--debug"];
const options = { cwd: "/path/to/directory", restartLimit: 2 };

const pm = new PM(command, options);
```

Options:

- `killTimeout` – wait `?` milliseconds for the process to exit else send a SIGKILL, **default**: `30000`
- `restartDelay` – wait `?` milliseconds between restarts, **default**: `1000`
- `restartLimit` – the number of times a process can be restarted automatically; setting `null` will restart it indefinitely, **default**: `0`
- other options are directly passed to the spawned process, follow the [official documentation](https://nodejs.org/api/child_process.html#child_process_child_process_spawn_command_args_options)

### API

- `await` `pm.start()` – start the process
- `await` `pm.stop()` – stop the process
- `await` `pm.restart()` – restart the process
- `pm.on('start' () => {})` – emitted when the process is started
- `pm.on('stop' () => {})` – emitted when the process is stopped
- `pm.on('spawn', (process) => {})` – emitted when a new process was spawned
- `pm.on('error', (error) => {})` – emitted on process error
- `pm.on('exit', (code, signal) => {})` – emitted on process exit
- `pm.status` – the status of the process

**`pm.status`**:

- `initial` – the inital state after creating the `pm` instance
- `running` – after the process was started
- `sleeping` – during the delay period while the process is restarting
- `stopping` – during the `.stop()` process
- `stopped` – after the `.stop()` was completed
- `crashed` – process crashed on error or exited without being stopped

---

> License [MIT](license) &nbsp;&middot;&nbsp;
> GitHub [@nore](https://github.com/nore) &nbsp;&middot;&nbsp;
> Twitter [@navaru](https://twitter.com/navaru)
npm package: @nore/resolve
Description: ES modules file resolve
Author: Navaru
Latest version: 1.1.1

# @nore/resolve

Resolve a module `request`, returning the absolute path of the file.


## Installation

```
  $ npm install @nore/resolve
```

## Use:

```js
import resolve from '@nore/resolve'

const file = resolve({
  request: 'components/button',
  path: '/path/to/project',
  extension: '.css',
  parent: '/path/to/project/source/app/index.js',
})
```

Options:

- `request` — the module request that should be resolved
- `path` — the absolute path of the project, to match local modules
- `extension` — the extension of the file is being requested
- `parent` — the absolute path to the file from which the request was made (optional)


`request` formats:

- absolute paths:
  - `/some/path/to/file.extension`
  - `/path/to/folder`
- relative paths:
  - `./path/to/file.extension`
  - `./path/to/folder`
  - `../folder/file.extension`
  - `../path/to/folder`
- local modules, relative to project `path`:
  - `path/to/file.extension`
  - `path/to/folder`
- modules, loaded from the `node_modules` folder:
  - `jquery`


For example if a request is `/path/to/name` and a file and folder exists with the same name, the file `name.ext` has priority.


---

> License [ISC](https://github.com/nore/resolve/blob/master/license) &nbsp;&middot;&nbsp;
> GitHub [@navaru](https://github.com/navaru) &nbsp;&middot;&nbsp;
> Twitter [@navaru](https://twitter.com/navaru)
npm package: @nore/sqlite
Description: An elegant interface to SQLite
Author: Navaru
Latest version: 4.0.0

# @nore/sqlite

An elegant interface for SQLite.

```js
import SQLite from "@nore/sqlite";

const db = new SQLite({ file: "/path/to/db.sqlite" });
const table = db.table("users");

const users = await table.find({
	city: "Constangeles",
	age: { $gt: 25 },
});
```

**Installation**

```
$ npm install @nore/sqlite
```

**Documentation**

You can find the documentation following [this link](https://paper.dropbox.com/doc/noresqlite--AvuxJptamxAtMW~qhU2OorpPAQ-BTL054xcqcPTN43rKYKZf).

---

> License [MIT](license) &nbsp;&middot;&nbsp;
> GitHub [@nore](https://github.com/nore) &nbsp;&middot;&nbsp;
> Twitter [@navaru](https://twitter.com/navaru)
npm package: @nore/std
Description: Nore standard library
Author: Navaru
Latest version: 1.14.0

# @nore/std

Nore standard library with no dependencies.

Documentation: [navaru.com/nore/std](https://navaru.com/nore/docs/std).

---

> License [MIT](license) &nbsp;&middot;&nbsp;
> GitHub [@nore](https://github.com/nore) &nbsp;&middot;&nbsp;
> Twitter [@navaru](https://twitter.com/navaru)