Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@hig/icon-button

Package Overview
Dependencies
Maintainers
5
Versions
269
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hig/icon-button - npm Package Compare versions

Comparing version 0.1.0-alpha.a41077a2 to 0.1.0-alpha.a8872f53

8

package.json
{
"name": "@hig/icon-button",
"version": "0.1.0-alpha.a41077a2",
"version": "0.1.0-alpha.a8872f53",
"description": "HIG IconButton component",

@@ -11,7 +11,7 @@ "author": "Autodesk Inc.",

"dependencies": {
"@hig/icon": "0.1.0-alpha.a41077a2"
"@hig/icon": "0.1.0-alpha.a8872f53"
},
"devDependencies": {
"@hig/scripts": "0.2.0-alpha.a41077a2",
"@hig/styles": "0.1.0-alpha.a41077a2"
"@hig/scripts": "0.2.0-alpha.a8872f53",
"@hig/styles": "0.1.0-alpha.a8872f53"
},

@@ -18,0 +18,0 @@ "peerDependencies": {

@@ -5,4 +5,6 @@ import React from "react";

import { select, text, boolean } from "@storybook/addon-knobs/react";
import { withInfo } from "@storybook/addon-info";
import { RichText } from "hig-react";
import IconButton from "../IconButton";
import { RichText } from "hig-react";
import readme from "../../README.md";

@@ -103,21 +105,24 @@

storiesOf("IconButton", module).add("default", withInfo({
propTables: [Icon],
text: <RichText dangerouslySetInnerHTML={{ __html: readme }} />
})() => (
<IconButton
type={select("Type", {
primary: "primary",
flat: "flat",
transparent: "transparent"
})}
title={text("Title", "Icon button")}
link={text("Link", "http://www.autodesk.com")}
disabled={boolean("Disabled", false)}
icon={select("Icon name", icons, "settings")}
onClick={action("onClick")}
onBlur={action("onBlur")}
onFocus={action("onFocus")}
onHover={action("onHover")}
/>
));
storiesOf("IconButton", module).add(
"default",
withInfo({
propTables: [IconButton],
text: <RichText dangerouslySetInnerHTML={{ __html: readme }} />
})(() => (
<IconButton
type={select("Type", {
primary: "primary",
flat: "flat",
transparent: "transparent"
})}
title={text("Title", "Icon button")}
link={text("Link", "http://www.autodesk.com")}
disabled={boolean("Disabled", false)}
icon={select("Icon name", icons, "settings")}
onClick={action("onClick")}
onBlur={action("onBlur")}
onFocus={action("onFocus")}
onHover={action("onHover")}
/>
))
);
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