open-index/open-npm huggingface dataset:
npm package: @magnetis/astro-native
Description: Astro components for React Native
Author: Magnetis
Latest version: 2.0.0-next.13

# Astro Native

### A design system by Magnetis for React Native 👩‍🚀

<br />

[![Build Status](https://travis-ci.org/magnetis/astro-native.svg?branch=main)](https://travis-ci.org/magnetis/astro-native) [![codecov](https://codecov.io/gh/magnetis/astro-native/branch/main/graph/badge.svg?token=LVMG3RI9ZF)](https://codecov.io/gh/magnetis/astro-native)

## Table of contents

- [Introduction](#introduction)
- [Installation](#installation)
- [Contact us](#contact-us)

## Introduction

**Astro Native** is package of components and resources to build mobile applications using React Native based in Astro design system by Magnetis.

Astro is created by designers, developers, product managers, data analysts, data scientists, stakeholders and enthusiasts, which helps us protect the brand concepts, elevate consistency of user experience and increase the speed and efficiency of how we design and build products for our customers.

### Open

Magnetis believes that good design and experiences can **impact the product market and society itself**. Our **design and code assets are open** so we can contribute to the community and help new product teams.

### Accessible

Design is meant to be **for all**. Astro style and components follow basic recommendations from the **WCAG guidelines** for accessibility, with tested contrast ratios and good practices in legibility and screen reading solutions.
[See WCAG.](https://www.w3.org/TR/WCAG21/)

## Installation

### Adding dependency

To use Astro Native, first you must add our package to your project dependencies by running:

**Using Yarn:**

```bash
yarn add @magnetis/astro-native @magnetis/astro-galaxy-tokens
```

**Using NPM:**

```bash
npm install @magnetis/astro-native @magnetis/astro-galaxy-tokens
```

> :warning: We strongly recommend you to also install `@magnetis/astro-galaxy-tokens` package, in order to acess and use our colors;

### Adding fonts

In order to our components to function correctly, you must download all fonts located in the [assets directory](https://github.com/magnetis/astro-native/tree/main/src/assets/fonts) of this project and add it on your RN project.

Follow [this article](https://medium.com/@mehrankhandev/ultimate-guide-to-use-custom-fonts-in-react-native-77fcdf859cf4) to add it to your project.

### Ready to use!

Now that you've added Astro Native to your project, just use it!

## Contact us

Found a bug? Please see if it was already reported on our [issues page](https://github.com/magnetis/astro-native/issues). If you can't find a matching report, you can [open a new issue](https://github.com/magnetis/astro-native/issues/new) including as much information as you can gather. We appreciate it!

Any lingering questions? You can contact us at [dev@magnetis.com.br](mailto:dev@magnetis.com.br).

Thank you for using Astro! 🎉
npm package: @magnetis/astro-tokens
Description: Design Tokens of Magnetis Astro
Author: Magnetis
Latest version: 0.0.11

# astro-tokens

# Astro

### A design system by Magnetis 👩‍🚀

[![Build Status](https://travis-ci.org/magnetis/astro-tokens.svg?branch=main)](https://travis-ci.org/magnetis/astro-tokens)

## Table of contents

- [Introduction](#introduction)
- [Contact us](#contact-us)
- [Committing](#committing)

## Introduction

**Astro Tokens** is package of default tokens used in Astro Native and used in projects based on Astro to make easier the development and standardize the design system.

Astro is created by designers, developers, product managers, data analysts, data scientists, stakeholders and enthusiasts, which helps us protect the brand concepts, elevate consistency of user experience and increase the speed and efficiency of how we design and build products for our customers.

## Committing

We recommend you to use `yarn cz` when committing. That way, you'll be presented an interactive prompt to build out commit message. But don't worry, if you prefer to commit in any other way, our project uses CommitLint to make sure patterns are being followed.

## Contact us

Found a bug? Please see if it was already reported on our [issues page](https://github.com/magnetis/astro-tokens/issues). If you can't find a matching report, you can [open a new issue](https://github.com/magnetis/astro-tokens/issues/new) including as much information as you can gather. We appreciate it!

Any lingering questions? You can contact us at [dev@magnetis.com.br](mailto:dev@magnetis.com.br).

Thank you for using Astro! 🎉