@hig/button
Advanced tools
Comparing version 1.4.2 to 1.4.3
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 @@ |
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
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
59665
1547
44
7
+ Added@hig/utils@^0.4.0
+ Added@hig/utils@0.4.1(transitive)
+ Addedlodash.memoize@4.1.2(transitive)