@micromag/element-header 0.3.390 → 0.3.396

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- .micromag-element-header-container{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center}
1
+ .micromag-element-header-container{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center;-webkit-transition:opacity .5s cubic-bezier(.6,0,.4,1);-o-transition:opacity .5s cubic-bezier(.6,0,.4,1);transition:opacity .5s cubic-bezier(.6,0,.4,1)}.micromag-element-header-container.micromag-element-header-fade{opacity:.25}
package/es/index.js CHANGED
@@ -5,22 +5,26 @@ import React from 'react';
5
5
  import { PropTypes } from '@micromag/core';
6
6
  import Badge from '@micromag/element-badge';
7
7
 
8
- var styles = {"container":"micromag-element-header-container"};
8
+ var styles = {"container":"micromag-element-header-container","fade":"micromag-element-header-fade"};
9
9
 
10
10
  var propTypes = {
11
11
  badge: PropTypes.badge,
12
+ fade: PropTypes$1.bool,
12
13
  className: PropTypes$1.string
13
14
  };
14
15
  var defaultProps = {
15
16
  badge: null,
17
+ fade: false,
16
18
  className: null
17
19
  };
18
20
  function Header(_ref) {
21
+ var _ref2;
19
22
  var badge = _ref.badge,
23
+ fade = _ref.fade,
20
24
  className = _ref.className;
21
25
  if (badge === null) return null;
22
26
  return /*#__PURE__*/React.createElement("div", {
23
- className: classNames([styles.container, _defineProperty({}, className, className !== null)])
27
+ className: classNames([styles.container, (_ref2 = {}, _defineProperty(_ref2, styles.fade, fade === true), _defineProperty(_ref2, className, className !== null), _ref2)])
24
28
  }, badge !== null ? /*#__PURE__*/React.createElement(Badge, Object.assign({
25
29
  className: styles.badge
26
30
  }, badge)) : null);
package/lib/index.js CHANGED
@@ -15,22 +15,26 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
15
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
  var Badge__default = /*#__PURE__*/_interopDefaultLegacy(Badge);
17
17
 
18
- var styles = {"container":"micromag-element-header-container"};
18
+ var styles = {"container":"micromag-element-header-container","fade":"micromag-element-header-fade"};
19
19
 
20
20
  var propTypes = {
21
21
  badge: core.PropTypes.badge,
22
+ fade: PropTypes__default["default"].bool,
22
23
  className: PropTypes__default["default"].string
23
24
  };
24
25
  var defaultProps = {
25
26
  badge: null,
27
+ fade: false,
26
28
  className: null
27
29
  };
28
30
  function Header(_ref) {
31
+ var _ref2;
29
32
  var badge = _ref.badge,
33
+ fade = _ref.fade,
30
34
  className = _ref.className;
31
35
  if (badge === null) return null;
32
36
  return /*#__PURE__*/React__default["default"].createElement("div", {
33
- className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)])
37
+ className: classNames__default["default"]([styles.container, (_ref2 = {}, _defineProperty__default["default"](_ref2, styles.fade, fade === true), _defineProperty__default["default"](_ref2, className, className !== null), _ref2)])
34
38
  }, badge !== null ? /*#__PURE__*/React__default["default"].createElement(Badge__default["default"], Object.assign({
35
39
  className: styles.badge
36
40
  }, badge)) : null);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-header",
3
- "version": "0.3.390",
3
+ "version": "0.3.396",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -46,8 +46,8 @@
46
46
  },
47
47
  "dependencies": {
48
48
  "@babel/runtime": "^7.13.10",
49
- "@micromag/core": "^0.3.390",
50
- "@micromag/element-badge": "^0.3.390",
49
+ "@micromag/core": "^0.3.396",
50
+ "@micromag/element-badge": "^0.3.396",
51
51
  "classnames": "^2.2.6",
52
52
  "lodash": "^4.17.21",
53
53
  "prop-types": "^15.7.2",
@@ -58,5 +58,5 @@
58
58
  "access": "public",
59
59
  "registry": "https://registry.npmjs.org/"
60
60
  },
61
- "gitHead": "d310ff6071a34b84d9311f0e02a6862fb836abef"
61
+ "gitHead": "6f09831a86f03a570096ccc769aa2ecb3bcba693"
62
62
  }