Socket
Socket
Sign inDemoInstall

@hig/button

Package Overview
Dependencies
Maintainers
4
Versions
153
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hig/button - npm Package Compare versions

Comparing version 1.4.2 to 1.4.3

11

build/index.es.js
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { cx, css } from 'emotion';
import { css, cx } from 'emotion';
import { ThemeContext } from '@hig/theme-context';
import { createCustomClassNames } from '@hig/utils';
import { ControlBehavior } from '@hig/behaviors';

@@ -292,2 +293,4 @@

var wrapperTarget = link ? target : undefined;
var iconClassName = createCustomClassNames(className, "icon");
var iconTextClassName = createCustomClassNames(className, "icon-text");

@@ -323,3 +326,3 @@ return React.createElement(

"span",
{ className: css(cssStyles.icon) },
{ className: cx(css(cssStyles.icon), iconClassName) },
icon

@@ -329,3 +332,5 @@ ),

"span",
{ className: icon ? css(cssStyles.iconText) : "" },
{
className: icon ? cx(css(cssStyles.iconText), iconTextClassName) : ""
},
title

@@ -332,0 +337,0 @@ )

@@ -12,2 +12,3 @@ 'use strict';

var themeContext = require('@hig/theme-context');
var utils = require('@hig/utils');
var behaviors = require('@hig/behaviors');

@@ -300,2 +301,4 @@

var wrapperTarget = link ? target : undefined;
var iconClassName = utils.createCustomClassNames(className, "icon");
var iconTextClassName = utils.createCustomClassNames(className, "icon-text");

@@ -331,3 +334,3 @@ return React__default.createElement(

"span",
{ className: emotion.css(cssStyles.icon) },
{ className: emotion.cx(emotion.css(cssStyles.icon), iconClassName) },
icon

@@ -337,3 +340,5 @@ ),

"span",
{ className: icon ? emotion.css(cssStyles.iconText) : "" },
{
className: icon ? emotion.cx(emotion.css(cssStyles.iconText), iconTextClassName) : ""
},
title

@@ -340,0 +345,0 @@ )

@@ -0,1 +1,8 @@

# [@hig/button-v1.4.3](https://github.com/Autodesk/hig/compare/@hig/button@1.4.2...@hig/button@1.4.3) (2019-08-08)
### Bug Fixes
* classname should be passed down to icon elements ([5c9b6c5](https://github.com/Autodesk/hig/commit/5c9b6c5))
# [@hig/button-v1.4.2](https://github.com/Autodesk/hig/compare/@hig/button@1.4.1...@hig/button@1.4.2) (2019-07-26)

@@ -2,0 +9,0 @@

{
"name": "@hig/button",
"version": "1.4.2",
"version": "1.4.3",
"description": "HIG Button",

@@ -21,2 +21,3 @@ "author": "Autodesk Inc.",

"@hig/behaviors": "^1.1.1",
"@hig/utils": "^0.4.0",
"emotion": "^10.0.0",

@@ -34,3 +35,3 @@ "prop-types": "^15.7.1"

"@hig/theme-context": "^3.0.0",
"@hig/theme-data": "^2.8.0",
"@hig/theme-data": "^2.10.0",
"react": "^15.4.1 || ^16.3.2"

@@ -37,0 +38,0 @@ },

@@ -29,2 +29,6 @@ # Button

## Custom CSS
Use the `className` prop to pass in a css class name to the outermost container of the component. The class name will also pass down to most of the other styled elements within the component.
## Usage as a link

@@ -31,0 +35,0 @@

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