phosphor-react
Advanced tools
Comparing version 0.1.2 to 0.1.3
export { default as ArrowUpRightCircle } from "./icons/ArrowUpRightCircle"; | ||
export { default as ArrowUpLeftCircle } from "./icons/ArrowUpLeftCircle"; | ||
export { default as Backspace } from "./icons/Backspace"; | ||
@@ -3,0 +4,0 @@ export { default as BatteryHalf } from "./icons/BatteryHalf"; |
{ | ||
"name": "phosphor-react", | ||
"version": "0.1.2", | ||
"version": "0.1.3", | ||
"description": "A clean and friendly icon family for React", | ||
@@ -14,2 +14,3 @@ "author": "rektdeckard", | ||
}, | ||
"scripts": { | ||
@@ -21,3 +22,3 @@ "build": "microbundle-crl --no-compress --format modern,cjs", | ||
"test:build": "run-s build", | ||
"test:lint": "eslint .", | ||
"test:lint": "eslint ./src/**.ts*", | ||
"test:unit": "cross-env CI=1 react-scripts test --env=jsdom", | ||
@@ -24,0 +25,0 @@ "test:watch": "react-scripts test --env=jsdom", |
@@ -6,3 +6,3 @@ <img src="https://i.imgur.com/QKFwzHe.png" width="192" align="right" /> | ||
[![NPM](https://img.shields.io/npm/v/phosphor-react.svg?style=flat-square)](https://www.npmjs.com/package/phosphor-react) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square)](https://standardjs.com) | ||
[![NPM](https://img.shields.io/npm/v/phosphor-react.svg?style=flat-square)](https://www.npmjs.com/package/phosphor-react) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square)](https://standardjs.com) [![Travis](https://img.shields.io/travis/com/rektdeckard/phosphor-react.svg?style=flat-square)](https://travis-ci.com/github/rektdeckard/phosphor-react) | ||
@@ -44,6 +44,6 @@ [![GitHub stars](https://img.shields.io/github/stars/rektdeckard/phosphor-react?style=flat-square&label=Star)](https://github.com/rektdeckard/phosphor-react) | ||
Icon components accept all props that you can pass to a normal SVG element, including inline `style` objects, `onClick` handlers, and more. The main way of styling them will usually be with the following props: | ||
- `color?: string`: Icon stroke/fill color. Can be any CSS color string, including `hex`, `rgb`, `rgba`, `hsl`, `hsla`, named colors, or the special `currentColor` variable. | ||
- `size?: number | string`: Icon height & width. As with standard React elements, this can be a number, or a string with units in `px`, `%`, `em`, `rem`, `pt`, `cm`, `mm`, `in`. | ||
- `weight?: "thin" | "light" | "regular" | "bold" | "fill" | "duotone"`: Icon weight/style. Can be used, for example, to "toggle" an icon's state: a rating component could use Stars with `weight="regular"` to denote an empty star, and `weight="fill"` to denote a filled star. | ||
- `mirrored?: boolean`: Flip the icon horizontally. Can be useful in RTL languages where normal icon orientation is not appropriate. | ||
- **color?**: `string` – Icon stroke/fill color. Can be any CSS color string, including `hex`, `rgb`, `rgba`, `hsl`, `hsla`, named colors, or the special `currentColor` variable. | ||
- **size?**: `number | string` – Icon height & width. As with standard React elements, this can be a number, or a string with units in `px`, `%`, `em`, `rem`, `pt`, `cm`, `mm`, `in`. | ||
- **weight?**: `"thin" | "light" | "regular" | "bold" | "fill" | "duotone"` – Icon weight/style. Can be used, for example, to "toggle" an icon's state: a rating component could use Stars with `weight="regular"` to denote an empty star, and `weight="fill"` to denote a filled star. | ||
- **mirrored?**: `boolean` – Flip the icon horizontally. Can be useful in RTL languages where normal icon orientation is not appropriate. | ||
@@ -50,0 +50,0 @@ <!-- ### Composability --> |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Copyleft License
License(Experimental) Copyleft license information was found.
Found 1 instance in 1 package
Mixed license
License(Experimental) Package contains multiple licenses.
Found 1 instance in 1 package
Non-permissive License
License(Experimental) A license not known to be considered permissive was found.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1987561
79
10963
3
70