Package Exports

@naturacosmeticos/natds-icons
@naturacosmeticos/natds-icons/dist/natds-icons.css
@naturacosmeticos/natds-icons/dist/natds-icons.json

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@naturacosmeticos/natds-icons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@naturacosmeticos/natds-icons

Natura Design System - Icons

Travis (.org)

These are the icons used by @naturacosmeticos/natds-web, if you are already using the library, you probably do not need to install them.

Installation

You can still use them by installing directly into your package with:

# with npm
npm install --save @naturacosmeticos/natds-icons

# with yarn
yarn add @naturacosmeticos/natds-icons

The fonts and the generated css and json files are exported as:

import {
  iconNames, // the .json
  iconStyles, // the .css
  NatdsIconsEot,
  NatdsIconsSvg,
  NatdsIconsTtf,
  NatdsIconsWoff,
  NatdsIconsWoff2
} from '@naturacosmeticos/natds-icons';

For use on web environments, you will need to serve the fonts and consume the css file as you see fit. One possible way is to just create a simple (jsx) component like:

import { iconNames } from '@naturacosmeticos/natds-icons';
import '@naturacosmeticos/natds-icons/dist/natds-icons.css';

const Icon = (props) => (
  <i className={`natds-icons-${props.name}`} />
);

You can also import the json that contains the relationships between the icon names and their unicode counterparts (don't rely on the unicodes, they are generated automatically)

import {
  NatdsIconsTtf,
  iconNames
} from '@naturacosmeticos/natds-icons';

Contributing

To contribute, please check out our contributing file CONTRIBUTING