@eaze/accordion - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

dist/index.js

@@ -191,3 +191,3 @@ 'use strict';
   label: 'AccordionWrapper',
-  target: 'css-1u9gjhy0'
+  target: 'css-1i1k6om0'
 })('display:flex;flex-direction:', function (_ref4) {
@@ -200,3 +200,3 @@ var reverseDirection = _ref4.reverseDirection;
   label: 'ContentWrapper',
-  target: 'css-1u9gjhy1'
+  target: 'css-1i1k6om1'
 })('height:', function (_ref5) {
@@ -211,3 +211,3 @@ var open = _ref5.open,
   label: 'Button',
-  target: 'css-1u9gjhy2'
+  target: 'css-1i1k6om2'
 })('padding:0;width:100%;border:none;background-color:transparent;color:', function (_ref6) {
@@ -220,21 +220,17 @@ var fontColor = _ref6.fontColor;
   label: 'IconContainer',
-  target: 'css-1u9gjhy3'
-})('width:', function (_ref7) {
-  var iconWidth = _ref7.iconWidth;
+  target: 'css-1i1k6om3'
+})('display:flex;transform:', function (_ref7) {
+  var open = _ref7.open,
+      rotate = _ref7.rotate;
+  return open ? rotate || 'rotate(90deg)' : 'rotate(0deg)';
+}, ';transition:transform .25s ease-out;svg{width:', function (_ref8) {
+  var iconWidth = _ref8.iconWidth;
   return iconWidth + 'rem' || '1rem';
-}, ';height:', function (_ref8) {
-  var iconHeight = _ref8.iconHeight;
+}, ';height:', function (_ref9) {
+  var iconHeight = _ref9.iconHeight;
   return iconHeight + 'rem' || '1rem';
-}, ';display:flex;align-items:center;transform:', function (_ref9) {
-  var open = _ref9.open,
-      rotate = _ref9.rotate;
-  return open ? rotate || 'rotate(90deg)' : 'rotate(0deg)';
-}, ';transition:transform .25s ease-out,margin .25s ease-out;margin-top:', function (_ref10) {
-  var open = _ref10.open,
-      iconWidth = _ref10.iconWidth;
-  return open ? iconWidth / 2 + 'rem' : '0';
-}, ';');
+}, ';}');
 
-var Chevron = function Chevron(_ref11) {
-  var iconColor = _ref11.iconColor;
+var Chevron = function Chevron(_ref10) {
+  var iconColor = _ref10.iconColor;
   return _react2.default.createElement(
@@ -241,0 +237,0 @@ 'svg',

package.json

 {
   "name": "@eaze/accordion",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "React components: AccordionElement",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

src/index.js

@@ -151,9 +151,10 @@ import React, { PureComponent } from 'react'
 const IconContainer = styled.div`
-  width: ${({ iconWidth }) => iconWidth + 'rem' || '1rem'};
-  height: ${({ iconHeight }) => iconHeight + 'rem' || '1rem'};
   display: flex;
-  align-items: center;
   transform: ${({ open, rotate }) => open ? (rotate || 'rotate(90deg)') : 'rotate(0deg)'};
-  transition: transform .25s ease-out, margin .25s ease-out;
-  margin-top: ${({ open, iconWidth }) => open ? (iconWidth / 2 + 'rem') : '0'};
+  transition: transform .25s ease-out;
+
+  svg {
+    width: ${({ iconWidth }) => iconWidth + 'rem' || '1rem'};
+    height: ${({ iconHeight }) => iconHeight + 'rem' || '1rem'};
+  }
 `
@@ -160,0 +161,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

Worsened metrics

Total package byte prevSize

73827

decreased by-0.39%

Lines of code

1034

decreased by-0.39%

No dependency changes