@hig/icon-button - npm Package Compare versions

Comparing version 2.1.1 to 2.1.2

build/index.es.js

@@ -33,3 +33,3 @@ import React, { Component } from 'react';
     boxShadow: "0 0 0 " + themeData["iconButton.focus.halo.width"] + " " + themeData["iconButton.focus.halo.color"],
-    transitionDuration: "0.1s, 0.1s",
+    transitionDuration: "0.3s, 0.3s",
     "& svg *": {
@@ -55,3 +55,3 @@ fill: on ? themeData["iconButton.focus.on.iconColor"] : themeData["iconButton.focus.iconColor"],
     backgroundColor: surfaceLevel <= 250 ? themeData["iconButton.pressed.level100To250.backgroundColor"] : themeData["iconButton.pressed.level300To350.backgroundColor"],
-    transitionDuration: "0.1s, 0.1s",
+    transitionDuration: "0.3s, 0.3s",
     "& svg *": {
@@ -90,2 +90,3 @@ fill: on ? themeData["iconButton.pressed.on.iconColor"] : themeData["iconButton.pressed.iconColor"],
       transitionDuration: "0.3s, 0.3s",
+      transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1)",
       "& svg *": {
@@ -92,0 +93,0 @@ fill: on ? themeData["iconButton.on.iconColor"] : themeData["iconButton.iconColor"],

build/index.js

@@ -40,3 +40,3 @@ 'use strict';
     boxShadow: "0 0 0 " + themeData["iconButton.focus.halo.width"] + " " + themeData["iconButton.focus.halo.color"],
-    transitionDuration: "0.1s, 0.1s",
+    transitionDuration: "0.3s, 0.3s",
     "& svg *": {
@@ -62,3 +62,3 @@ fill: on ? themeData["iconButton.focus.on.iconColor"] : themeData["iconButton.focus.iconColor"],
     backgroundColor: surfaceLevel <= 250 ? themeData["iconButton.pressed.level100To250.backgroundColor"] : themeData["iconButton.pressed.level300To350.backgroundColor"],
-    transitionDuration: "0.1s, 0.1s",
+    transitionDuration: "0.3s, 0.3s",
     "& svg *": {
@@ -97,2 +97,3 @@ fill: on ? themeData["iconButton.pressed.on.iconColor"] : themeData["iconButton.pressed.iconColor"],
       transitionDuration: "0.3s, 0.3s",
+      transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1)",
       "& svg *": {
@@ -99,0 +100,0 @@ fill: on ? themeData["iconButton.on.iconColor"] : themeData["iconButton.iconColor"],

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [@hig/icon-button-v2.1.2](https://github.com/Autodesk/hig/compare/@hig/icon-button@2.1.1...@hig/icon-button@2.1.2) (2019-07-24)
+
+
+### Bug Fixes
+
+* halo transitions ([66b1301](https://github.com/Autodesk/hig/commit/66b1301))
+
 # [@hig/icon-button-v2.1.1](https://github.com/Autodesk/hig/compare/@hig/icon-button@2.1.0...@hig/icon-button@2.1.1) (2019-05-07)
@@ -2,0 +9,0 @@

package.json

 {
   "name": "@hig/icon-button",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "HIG IconButton component",
@@ -34,3 +34,3 @@ "author": "Autodesk Inc.",
     "@hig/theme-context": "^3.0.0",
-    "@hig/theme-data": "^2.5.0",
+    "@hig/theme-data": "^2.8.0",
     "react": "^15.4.1 || ^16.3.2"
@@ -37,0 +37,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

43852

increased by0.96%

Lines of code

1090

increased by0.18%

No dependency changes