open-index/open-npm huggingface dataset:
npm package: @r2n/dst
Description: R2N Design System Token Definitions
Author: Andres Artunduaga
Latest version: 0.2.0

# @r2n/dst

## R2N Design System Tokens

Design system tokens can be used to define your design system parameters regardless the technology you are using.

This tokens are defined through a json file that can be transformed and converted to different formats so it can be used in yor development. This JSON document follows a schema that can be modified also to meet your design requirements.

This is based on material [design tokens](https://m3.material.io/foundations/design-tokens/overview)

The definition of the desing system tokens can be done in three different parts:

-   `ref` tokens: This ones are associated with specific values

    -   `ref.palette.blue.60.value`

-   `sys` tokens: This ones are associated with the actual design system

    -   `sys.color.primary`

-   `comp` tokens: This ones are associated with specific component attribute

    -   `comp.button.background-color`


The tokens can reference another tokens, this allow you to change values and can be reflected in every place where you are referencing this values. 

```json
{
    ...
    "definition": {
        "ref": {
            "palette": {
                "blue": {
                    "60": {
                        "value": "hsl(221, 51, 60)",
                        "contrast": "&[ref.palette.white.value]"
                    },
                }
            }
        },
        ...
        "sys": {
            "color": {
                "primary": "&[ref.palette.blue.60.value]"
            }
        }
    }
    ...
}
```

## How to install

`yarn add @r2n/dst`

## How to use it

### Initialize the project


## Contribute
npm package: @r2n/ui-angular
Description: r2n angular component library
Author: Andres Artunduaga
Latest version: 0.1.16

# R2nComponentsAngular

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.9.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @r2r/web
Description: ## Project setup ``` yarn install ```
Author: Pacharapol Withayasakpunt
Latest version: 0.0.7

# web

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).