@hig/icon-button
Advanced tools
Comparing version 0.1.0-alpha.9c3456c6 to 0.1.0-alpha.9f5ebd81
{ | ||
"name": "@hig/icon-button", | ||
"version": "0.1.0-alpha.9c3456c6", | ||
"version": "0.1.0-alpha.9f5ebd81", | ||
"description": "HIG IconButton component", | ||
@@ -8,2 +8,5 @@ "author": "Autodesk Inc.", | ||
"homepage": "https://hig.autodesk.com", | ||
"publishConfig": { | ||
"access": "public" | ||
}, | ||
"main": "build/index.js", | ||
@@ -16,15 +19,31 @@ "module": "build/index.es.js", | ||
"dependencies": { | ||
"@hig/icon": "0.1.0-alpha.9c3456c6" | ||
"@hig/icon": "0.1.0-alpha.9f5ebd81", | ||
"classnames": "^2.2.5" | ||
}, | ||
"devDependencies": { | ||
"@hig/scripts": "0.2.0-alpha.9c3456c6", | ||
"@hig/styles": "0.1.0-alpha.9c3456c6" | ||
"@hig/babel-preset": "0.2.0-alpha.9f5ebd81", | ||
"@hig/eslint-config": "0.2.0-alpha.9f5ebd81", | ||
"@hig/scripts": "0.2.0-alpha.9f5ebd81", | ||
"@hig/styles": "0.2.0-alpha.9f5ebd81" | ||
}, | ||
"peerDependencies": { | ||
"prop-types": "^15.6.1", | ||
"react": "^15.4.1" | ||
"react": "^15.4.1 || ^16.3.2" | ||
}, | ||
"scripts": { | ||
"build": "hig-scripts-build" | ||
"build": "hig-scripts-build", | ||
"lint": "eslint src --color --ext .js,.jsx" | ||
}, | ||
"eslintConfig": { | ||
"extends": "@hig" | ||
}, | ||
"babel": { | ||
"env": { | ||
"test": { | ||
"presets": [ | ||
"@hig/babel-preset/test" | ||
] | ||
} | ||
} | ||
} | ||
} |
@@ -1,2 +0,2 @@ | ||
# IconButton | ||
# Icon Button | ||
@@ -7,2 +7,15 @@ Action buttons that include an icon only, with no background. Useful for compact displays or toolbars with a number of related controls. | ||
## Getting started | ||
``` | ||
yarn add @hig/icon-button | ||
``` | ||
## Import the component and CSS | ||
``` | ||
import IconButton from '@hig/icon-button'; | ||
import '@hig/icon-button/build/index.css'; | ||
``` | ||
## Typical usage | ||
@@ -13,5 +26,2 @@ | ||
```jsx | ||
import Icon from '@hig/icon-button`; | ||
import '@hig/icon-button/build/index.css'; | ||
function MyComponent() { | ||
@@ -30,4 +40,2 @@ return ( | ||
```jsx | ||
import Icon from '@hig/icon-button`; | ||
import '@hig/icon-button/build/index.css'; | ||
import myIcon from 'my-icon.svg'; | ||
@@ -43,2 +51,2 @@ | ||
} | ||
``` | ||
``` |
Sorry, the diff of this file is not supported yet
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 too big to display
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
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
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
236009
2247
49
4
4
450
17
+ Addedclassnames@^2.2.5
+ Added@hig/icon@0.1.0-alpha.9f5ebd81(transitive)
+ Added@hig/icons@0.1.0-alpha.9f5ebd81(transitive)
+ Addedclassnames@2.5.1(transitive)
+ Addedreact@16.14.0(transitive)
- Removed@hig/icon@0.1.0-alpha.9c3456c6(transitive)
- Removed@hig/icons@0.1.0-alpha.9c3456c6(transitive)
- Removedasap@2.0.6(transitive)
- Removedcore-js@1.2.7(transitive)
- Removedcreate-react-class@15.7.0(transitive)
- Removedencoding@0.1.13(transitive)
- Removedfbjs@0.8.18(transitive)
- Removediconv-lite@0.6.3(transitive)
- Removedis-stream@1.1.0(transitive)
- Removedisomorphic-fetch@2.2.1(transitive)
- Removednode-fetch@1.7.3(transitive)
- Removedpromise@7.3.1(transitive)
- Removedreact@15.7.0(transitive)
- Removedsafer-buffer@2.1.2(transitive)
- Removedsetimmediate@1.0.5(transitive)
- Removedua-parser-js@0.7.39(transitive)
- Removedwhatwg-fetch@3.6.20(transitive)