@naturacosmeticos/natds-themes
v0.80.3
Published
The single source of truth for Natura Design System tokens.
Downloads
3,372
Readme
Themes for GaYa 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;