@micromag/element-webview 0.3.88 → 0.3.96

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.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +36 -26
  3. package/lib/index.js +36 -26
  4. package/package.json +4 -4
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-element-webview-container{width:100%;height:100%;background-color:#343434}.micromag-element-webview-container .micromag-element-webview-iframe{display:block;width:100%;height:100%}.micromag-element-webview-container .micromag-element-webview-top{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;left:0;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;padding:5px}.micromag-element-webview-container .micromag-element-webview-close{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border:2px solid #fff;border-radius:50%;background-color:#343434}.micromag-element-webview-container .micromag-element-webview-icon{width:1em;margin:0;padding:0;line-height:1}
1
+ .micromag-element-webview-container .micromag-element-webview-close{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-element-webview-container{width:100%;height:100%;background-color:#343434}.micromag-element-webview-container .micromag-element-webview-iframe{display:block;width:100%;height:100%}.micromag-element-webview-container .micromag-element-webview-top{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;left:0;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;padding:5px}.micromag-element-webview-container .micromag-element-webview-close{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#222;-webkit-filter:invert(100%);filter:invert(100%)}.micromag-element-webview-container .micromag-element-webview-icon{width:1em;margin:0;padding:0;line-height:1}
package/es/index.js CHANGED
@@ -5,52 +5,60 @@ import React from 'react';
5
5
  import Button from '@micromag/element-button';
6
6
 
7
7
  var propTypes$1 = {
8
- color: PropTypes.string,
8
+ stroke: PropTypes.string,
9
+ border: PropTypes.string,
10
+ fill: PropTypes.string,
9
11
  className: PropTypes.string
10
12
  };
11
13
  var defaultProps$1 = {
12
- color: 'currentColor',
14
+ stroke: 'currentColor',
15
+ border: 'rgba(0,0,0,0.67)',
16
+ fill: '#fff',
13
17
  className: null
14
18
  };
15
19
 
16
20
  var Close = function Close(_ref) {
17
- var color = _ref.color,
21
+ var stroke = _ref.stroke,
22
+ border = _ref.border,
23
+ fill = _ref.fill,
18
24
  className = _ref.className;
19
25
  return /*#__PURE__*/React.createElement("svg", {
20
26
  xmlns: "http://www.w3.org/2000/svg",
21
- width: "17.042",
22
- height: "17.042",
23
- viewBox: "0 0 17.042 17.042",
27
+ width: "42.9",
28
+ height: "42.9",
29
+ viewBox: "0 0 42.9 42.9",
24
30
  className: className
25
31
  }, /*#__PURE__*/React.createElement("g", {
26
- id: "Groupe_34",
27
- "data-name": "Groupe 34",
28
- transform: "translate(1.414 1.414)"
32
+ transform: "translate(-352.531 -47.531)"
29
33
  }, /*#__PURE__*/React.createElement("path", {
30
- id: "Trac\xE9_222",
31
- "data-name": "Trac\xE9 222",
32
- d: "M-117.847,1483.807l-14.214,13.664",
33
- transform: "translate(132.061 -1483.531)",
34
- fill: "#fff",
35
- stroke: color,
34
+ fill: border,
35
+ d: "M374,47.5c11.9,0,21.5,9.6,21.5,21.5s-9.6,21.5-21.5,21.5s-21.5-9.6-21.5-21.5c0,0,0,0,0,0 C352.5,57.1,362.1,47.5,374,47.5z"
36
+ }), /*#__PURE__*/React.createElement("path", {
37
+ fill: fill,
38
+ d: "M374,50c10.5,0,19,8.5,19,19s-8.5,19-19,19s-19-8.5-19-19S363.5,50,374,50z"
39
+ }), /*#__PURE__*/React.createElement("g", {
40
+ transform: "translate(366.893 61.893)"
41
+ }, /*#__PURE__*/React.createElement("g", {
42
+ transform: "translate(0 0)"
43
+ }, /*#__PURE__*/React.createElement("path", {
44
+ fill: fill,
45
+ stroke: stroke,
46
+ strokeWidth: "2",
36
47
  strokeLinecap: "round",
37
- strokeWidth: "2"
48
+ d: "M14.2,0.3L0,13.9"
38
49
  }), /*#__PURE__*/React.createElement("path", {
39
- id: "Trac\xE9_223",
40
- "data-name": "Trac\xE9 223",
41
- d: "M14.214,0,0,13.664",
42
- transform: "translate(0.275 14.214) rotate(-90)",
43
- fill: "#fff",
44
- stroke: color,
50
+ fill: fill,
51
+ stroke: stroke,
52
+ strokeWidth: "2",
45
53
  strokeLinecap: "round",
46
- strokeWidth: "2"
47
- })));
54
+ d: "M0.3,0l13.7,14.2"
55
+ })))));
48
56
  };
49
57
 
50
58
  Close.propTypes = propTypes$1;
51
59
  Close.defaultProps = defaultProps$1;
52
60
 
53
- var styles = {"container":"micromag-element-webview-container","iframe":"micromag-element-webview-iframe","top":"micromag-element-webview-top","close":"micromag-element-webview-close","icon":"micromag-element-webview-icon"};
61
+ var styles = {"container":"micromag-element-webview-container","close":"micromag-element-webview-close","iframe":"micromag-element-webview-iframe","top":"micromag-element-webview-top","icon":"micromag-element-webview-icon"};
54
62
 
55
63
  var propTypes = {
56
64
  iframeRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
@@ -98,7 +106,9 @@ function WebView(_ref) {
98
106
  }, /*#__PURE__*/React.createElement(Button, {
99
107
  className: styles.close,
100
108
  onClick: onClose
101
- }, /*#__PURE__*/React.createElement(Close, null))) : null, !hidden ? /*#__PURE__*/React.createElement("iframe", {
109
+ }, /*#__PURE__*/React.createElement(Close, {
110
+ className: styles.closeIcon
111
+ }))) : null, !hidden ? /*#__PURE__*/React.createElement("iframe", {
102
112
  className: styles.iframe,
103
113
  ref: iframeRef,
104
114
  title: "Popup",
package/lib/index.js CHANGED
@@ -15,52 +15,60 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
  var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
16
16
 
17
17
  var propTypes$1 = {
18
- color: PropTypes__default["default"].string,
18
+ stroke: PropTypes__default["default"].string,
19
+ border: PropTypes__default["default"].string,
20
+ fill: PropTypes__default["default"].string,
19
21
  className: PropTypes__default["default"].string
20
22
  };
21
23
  var defaultProps$1 = {
22
- color: 'currentColor',
24
+ stroke: 'currentColor',
25
+ border: 'rgba(0,0,0,0.67)',
26
+ fill: '#fff',
23
27
  className: null
24
28
  };
25
29
 
26
30
  var Close = function Close(_ref) {
27
- var color = _ref.color,
31
+ var stroke = _ref.stroke,
32
+ border = _ref.border,
33
+ fill = _ref.fill,
28
34
  className = _ref.className;
29
35
  return /*#__PURE__*/React__default["default"].createElement("svg", {
30
36
  xmlns: "http://www.w3.org/2000/svg",
31
- width: "17.042",
32
- height: "17.042",
33
- viewBox: "0 0 17.042 17.042",
37
+ width: "42.9",
38
+ height: "42.9",
39
+ viewBox: "0 0 42.9 42.9",
34
40
  className: className
35
41
  }, /*#__PURE__*/React__default["default"].createElement("g", {
36
- id: "Groupe_34",
37
- "data-name": "Groupe 34",
38
- transform: "translate(1.414 1.414)"
42
+ transform: "translate(-352.531 -47.531)"
39
43
  }, /*#__PURE__*/React__default["default"].createElement("path", {
40
- id: "Trac\xE9_222",
41
- "data-name": "Trac\xE9 222",
42
- d: "M-117.847,1483.807l-14.214,13.664",
43
- transform: "translate(132.061 -1483.531)",
44
- fill: "#fff",
45
- stroke: color,
44
+ fill: border,
45
+ d: "M374,47.5c11.9,0,21.5,9.6,21.5,21.5s-9.6,21.5-21.5,21.5s-21.5-9.6-21.5-21.5c0,0,0,0,0,0 C352.5,57.1,362.1,47.5,374,47.5z"
46
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
47
+ fill: fill,
48
+ d: "M374,50c10.5,0,19,8.5,19,19s-8.5,19-19,19s-19-8.5-19-19S363.5,50,374,50z"
49
+ }), /*#__PURE__*/React__default["default"].createElement("g", {
50
+ transform: "translate(366.893 61.893)"
51
+ }, /*#__PURE__*/React__default["default"].createElement("g", {
52
+ transform: "translate(0 0)"
53
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
54
+ fill: fill,
55
+ stroke: stroke,
56
+ strokeWidth: "2",
46
57
  strokeLinecap: "round",
47
- strokeWidth: "2"
58
+ d: "M14.2,0.3L0,13.9"
48
59
  }), /*#__PURE__*/React__default["default"].createElement("path", {
49
- id: "Trac\xE9_223",
50
- "data-name": "Trac\xE9 223",
51
- d: "M14.214,0,0,13.664",
52
- transform: "translate(0.275 14.214) rotate(-90)",
53
- fill: "#fff",
54
- stroke: color,
60
+ fill: fill,
61
+ stroke: stroke,
62
+ strokeWidth: "2",
55
63
  strokeLinecap: "round",
56
- strokeWidth: "2"
57
- })));
64
+ d: "M0.3,0l13.7,14.2"
65
+ })))));
58
66
  };
59
67
 
60
68
  Close.propTypes = propTypes$1;
61
69
  Close.defaultProps = defaultProps$1;
62
70
 
63
- var styles = {"container":"micromag-element-webview-container","iframe":"micromag-element-webview-iframe","top":"micromag-element-webview-top","close":"micromag-element-webview-close","icon":"micromag-element-webview-icon"};
71
+ var styles = {"container":"micromag-element-webview-container","close":"micromag-element-webview-close","iframe":"micromag-element-webview-iframe","top":"micromag-element-webview-top","icon":"micromag-element-webview-icon"};
64
72
 
65
73
  var propTypes = {
66
74
  iframeRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
@@ -108,7 +116,9 @@ function WebView(_ref) {
108
116
  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
109
117
  className: styles.close,
110
118
  onClick: onClose
111
- }, /*#__PURE__*/React__default["default"].createElement(Close, null))) : null, !hidden ? /*#__PURE__*/React__default["default"].createElement("iframe", {
119
+ }, /*#__PURE__*/React__default["default"].createElement(Close, {
120
+ className: styles.closeIcon
121
+ }))) : null, !hidden ? /*#__PURE__*/React__default["default"].createElement("iframe", {
112
122
  className: styles.iframe,
113
123
  ref: iframeRef,
114
124
  title: "Popup",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-webview",
3
- "version": "0.3.88",
3
+ "version": "0.3.96",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -52,8 +52,8 @@
52
52
  "@fortawesome/fontawesome-svg-core": "^1.2.32",
53
53
  "@fortawesome/free-solid-svg-icons": "^5.15.1",
54
54
  "@fortawesome/react-fontawesome": "^0.1.13",
55
- "@micromag/core": "^0.3.88",
56
- "@micromag/element-button": "^0.3.88",
55
+ "@micromag/core": "^0.3.91",
56
+ "@micromag/element-button": "^0.3.91",
57
57
  "classnames": "^2.2.6",
58
58
  "lodash": "^4.17.21",
59
59
  "prop-types": "^15.7.2",
@@ -63,5 +63,5 @@
63
63
  "publishConfig": {
64
64
  "access": "public"
65
65
  },
66
- "gitHead": "d0fb1f7d4ae6bfa1fd07dc856307c1c4225ab889"
66
+ "gitHead": "26d3c0febab77e493e09208c5e1aff0781f13330"
67
67
  }