@hig/icon-button - npm Package Compare versions

Comparing version 2.3.0 to 2.3.1

build/index.es.js

@@ -38,3 +38,3 @@ import React, { Component } from 'react';
   var dynamicHoverIconColor = on ? themeData["iconButton.hover.on.iconColor"] : themeData["iconButton.hover.iconColor"];
-  var hoverIconColor = isDynamic ? dynamicHoverIconColor : themeData["iconButton.static.iconColor"];
+  var hoverIconColor = isDynamic ? dynamicHoverIconColor : "";
   var staticSurfaceLevelBackgroundColor = surfaceLevel <= 250 ? themeData["iconButton.static.hover.level100To250.backgroundColor"] : themeData["iconButton.static.hover.level300To350.backgroundColor"];
@@ -59,3 +59,3 @@ var staticHoverBackgroundColor = on ? themeData["iconButton.static.on.hover.level100To250.backgroundColor"] : staticSurfaceLevelBackgroundColor;
   var dynamicFocusIconColor = on ? themeData["iconButton.focus.on.iconColor"] : themeData["iconButton.focus.iconColor"];
-  var focusIconColor = isDynamic ? dynamicFocusIconColor : themeData["iconButton.static.iconColor"];
+  var focusIconColor = isDynamic ? dynamicFocusIconColor : "";
   var staticBorderColor = on ? themeData["iconButton.static.on.focus.borderColor"] : "transparent";
@@ -77,3 +77,3 @@ var borderColor = !isDynamic ? staticBorderColor : "transparent";
   var dynamicPressedIconColor = on ? themeData["iconButton.pressed.on.iconColor"] : themeData["iconButton.pressed.iconColor"];
-  var pressedIconColor = variant === "dynamic" ? dynamicPressedIconColor : themeData["iconButton.static.iconColor"];
+  var pressedIconColor = variant === "dynamic" ? dynamicPressedIconColor : "";
   return {
@@ -80,0 +80,0 @@ backgroundColor: surfaceLevel <= 250 ? themeData["iconButton.pressed.level100To250.backgroundColor"] : themeData["iconButton.pressed.level300To350.backgroundColor"],

build/index.js

@@ -45,3 +45,3 @@ 'use strict';
   var dynamicHoverIconColor = on ? themeData["iconButton.hover.on.iconColor"] : themeData["iconButton.hover.iconColor"];
-  var hoverIconColor = isDynamic ? dynamicHoverIconColor : themeData["iconButton.static.iconColor"];
+  var hoverIconColor = isDynamic ? dynamicHoverIconColor : "";
   var staticSurfaceLevelBackgroundColor = surfaceLevel <= 250 ? themeData["iconButton.static.hover.level100To250.backgroundColor"] : themeData["iconButton.static.hover.level300To350.backgroundColor"];
@@ -66,3 +66,3 @@ var staticHoverBackgroundColor = on ? themeData["iconButton.static.on.hover.level100To250.backgroundColor"] : staticSurfaceLevelBackgroundColor;
   var dynamicFocusIconColor = on ? themeData["iconButton.focus.on.iconColor"] : themeData["iconButton.focus.iconColor"];
-  var focusIconColor = isDynamic ? dynamicFocusIconColor : themeData["iconButton.static.iconColor"];
+  var focusIconColor = isDynamic ? dynamicFocusIconColor : "";
   var staticBorderColor = on ? themeData["iconButton.static.on.focus.borderColor"] : "transparent";
@@ -84,3 +84,3 @@ var borderColor = !isDynamic ? staticBorderColor : "transparent";
   var dynamicPressedIconColor = on ? themeData["iconButton.pressed.on.iconColor"] : themeData["iconButton.pressed.iconColor"];
-  var pressedIconColor = variant === "dynamic" ? dynamicPressedIconColor : themeData["iconButton.static.iconColor"];
+  var pressedIconColor = variant === "dynamic" ? dynamicPressedIconColor : "";
   return {
@@ -87,0 +87,0 @@ backgroundColor: surfaceLevel <= 250 ? themeData["iconButton.pressed.level100To250.backgroundColor"] : themeData["iconButton.pressed.level300To350.backgroundColor"],

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [@hig/icon-button-v2.3.1](https://github.com/Autodesk/hig/compare/@hig/icon-button@2.3.0...@hig/icon-button@2.3.1) (2019-09-05)
+
+
+### Bug Fixes
+
+* remove non-existant theme-data role from stylesheet ([ee42999](https://github.com/Autodesk/hig/commit/ee42999))
+
 # [@hig/icon-button-v2.3.0](https://github.com/Autodesk/hig/compare/@hig/icon-button@2.2.1...@hig/icon-button@2.3.0) (2019-08-07)
@@ -2,0 +9,0 @@

package.json

 {
   "name": "@hig/icon-button",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "HIG IconButton component",
@@ -35,3 +35,3 @@ "author": "Autodesk Inc.",
     "@hig/theme-context": "^3.0.0",
-    "@hig/theme-data": "^2.10.0",
+    "@hig/theme-data": "^2.10.1",
     "react": "^15.4.1 || ^16.3.2"
@@ -38,0 +38,0 @@ },

README.md

@@ -10,3 +10,3 @@ # Icon Button
 ```
-yarn add @hig/icon-button
+yarn add @hig/icon-button @hig/theme-context @hig/theme-data
 ```
@@ -17,3 +17,3 @@
 ```
-import IconButton from '@hig/icon-button @hig/theme-context @hig/theme-data';
+import IconButton from '@hig/icon-button';
 ```
@@ -38,2 +38,6 @@
 
+## 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.
+
 ## Providing a custom SVG
@@ -40,0 +44,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

52578

increased by0.46%

Number of lines in readme file

54

increased by8%

No dependency changes