@naturacosmeticos/natds-themes
TypeScript icon, indicating that this package has built-in type declarations

0.71.0 • Public • Published

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;

Package Sidebar

Install

npm i @naturacosmeticos/natds-themes

Weekly Downloads

275

Version

0.71.0

License

ISC

Unpacked Size

21 MB

Total Files

156

Last publish

Collaborators

  • marcelofabricanti
  • designsystemnatura
  • mukaportes
  • vicentelyrio
  • robert-lichtnow
  • douglasofreitas
  • jimmyandrade
  • lauralucca
  • marcelsaitonatura
  • eliisrael