@naturacosmeticos/natds-themes

Themes for Natura Design System

Installation

npm i @naturacosmeticos/natds-themes

Import

For web projects (like React)

import { natura } from '@naturacosmeticos/natds-themes';

For React Native projects

import { natura } from '@naturacosmeticos/natds-themes/react-native';

Usage

This example shows how to import and use tokens from Natura Light Theme.

import { natura } from '@naturacosmeticos/natds-themes';
// or
import { natura } from '@naturacosmeticos/natds-themes/react-native';

const { borderRadius, color, typography } = natura.light;

const yourAppBg = color.onBackground; 
const yourAppBorderRadius = borderRadius.medium;
const yourAppFontBase = typography.fontFamily.primary;