Socket
Socket
Sign inDemoInstall

@hig/icon

Package Overview
Dependencies
Maintainers
5
Versions
244
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hig/icon - npm Package Compare versions

Comparing version 0.1.0-alpha.65599608 to 0.1.0-alpha.78232485

11

package.json
{
"name": "@hig/icon",
"version": "0.1.0-alpha.65599608",
"version": "0.1.0-alpha.78232485",
"description": "HIG Icon component",

@@ -8,2 +8,5 @@ "author": "Autodesk Inc.",

"homepage": "https://hig.autodesk.com",
"publishConfig": {
"access": "public"
},
"main": "build/index.js",

@@ -16,7 +19,7 @@ "module": "build/index.es.js",

"dependencies": {
"@hig/icons": "^0.1.0-alpha"
"@hig/icons": "0.1.0-alpha.78232485"
},
"devDependencies": {
"@hig/scripts": "0.2.0-alpha.65599608",
"@hig/styles": "0.1.0-alpha.65599608"
"@hig/scripts": "0.2.0-alpha.78232485",
"@hig/styles": "0.1.0-alpha.78232485"
},

@@ -23,0 +26,0 @@ "peerDependencies": {

@@ -7,2 +7,15 @@ # Icon

## Getting started
```
yarn add @hig/icon
```
## Import the component and CSS
```
import Icon from '@hig/icon';
import '@hig/icon/build/index.css';
```
## Typical usage

@@ -13,8 +26,3 @@

```jsx
import Icon from '@hig/icon`;
import '@hig/icon/build/index.css';
function MyComponent() {
return <Icon name="assets" />
}
<Icon name="assets" />
```

@@ -25,8 +33,3 @@

```jsx
import Icon from '@hig/icon`;
import '@hig/icon/build/index.css';
function MyComponent() {
return <Icon name="assets" size="16" />
}
<Icon name="assets" size="16" />
```

@@ -37,4 +40,2 @@

```jsx
import Icon from '@hig/icon`;
import '@hig/icon/build/index.css';
import myIcon from 'my-icon.svg';

@@ -45,2 +46,2 @@

}
```
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc