@micromag/element-call-to-action 0.3.60 → 0.3.64

package/es/index.js

@@ -1,8 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { faChevronUp } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useGesture } from '@use-gesture/react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -13,6 +11,45 @@ import Button from '@micromag/element-button';
 import Text from '@micromag/element-text';
 import WebView from '@micromag/element-webview';
 
+var propTypes$1 = {
+  color: PropTypes.string,
+  className: PropTypes.string
+};
+var defaultProps$1 = {
+  color: 'currentColor',
+  className: null
+};
+
+var Arrow = function Arrow(_ref) {
+  var color = _ref.color,
+      className = _ref.className;
+  return /*#__PURE__*/React.createElement("svg", {
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    x: "0",
+    y: "0px",
+    width: "48.53px",
+    height: "12.38px",
+    viewBox: "0 0 48.53 12.38",
+    className: className,
+    xmlSpace: "preserve"
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: "matrix(1, 0, 0, 1, 0, 0)"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "b",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "3px",
+    strokeLinejoin: "round",
+    strokeLinecap: "round",
+    d: "M1.5,10.88L24.26,1.5l22.77,9.38"
+  })));
+};
+
+Arrow.propTypes = propTypes$1;
+Arrow.defaultProps = defaultProps$1;
+
 var styles = {"container":"micromag-element-call-to-action-container","arrow":"micromag-element-call-to-action-arrow","upAndDown":"micromag-element-call-to-action-upAndDown","icon":"micromag-element-call-to-action-icon","label":"micromag-element-call-to-action-label","button":"micromag-element-call-to-action-button","selfTargetLink":"micromag-element-call-to-action-selfTargetLink","leavingFrame":"micromag-element-call-to-action-leavingFrame","appear":"micromag-element-call-to-action-appear","animationDisabled":"micromag-element-call-to-action-animationDisabled","invalidUrl":"micromag-element-call-to-action-invalidUrl","disabled":"micromag-element-call-to-action-disabled","inWebView":"micromag-element-call-to-action-inWebView","withMargin":"micromag-element-call-to-action-withMargin","webView":"micromag-element-call-to-action-webView","visible":"micromag-element-call-to-action-visible"};
 
 var propTypes = {
@@ -81,8 +118,8 @@ function CallToAction(_ref) {
       url = _ref2$url === void 0 ? null : _ref2$url,
       _ref2$label = _ref2.label,
       label = _ref2$label === void 0 ? null : _ref2$label,
-      _ref2$buttonStyle = _ref2.buttonStyle,
-      buttonStyle = _ref2$buttonStyle === void 0 ? null : _ref2$buttonStyle,
+      _ref2$boxStyle = _ref2.boxStyle,
+      boxStyle = _ref2$boxStyle === void 0 ? null : _ref2$boxStyle,
       _ref2$inWebView = _ref2.inWebView,
       inWebView = _ref2$inWebView === void 0 ? false : _ref2$inWebView;
 
@@ -114,8 +151,7 @@ function CallToAction(_ref) {
     return _objectSpread(_objectSpread({}, {
       fontSize: fontSize
     }), getStyleFromColor(color, 'color'));
-  }, [fontSize, color]);
-  console.log(buttonStyle); // MobileSafari blocks popup no matter what
+  }, [fontSize, color]); // MobileSafari blocks popup no matter what
 
   var selfTargetLinkRef = useRef(null);
 
@@ -183,10 +219,9 @@ function CallToAction(_ref) {
   }, [setShowWebView]);
   var ArrowElement = arrow !== null ? /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.arrow, _defineProperty({}, arrowClassName, arrowClassName !== null)])
-  }, arrow) : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+  }, arrow) : /*#__PURE__*/React.createElement(Arrow, {
     className: classNames([styles.arrow, _defineProperty({}, arrowClassName, arrowClassName !== null)]),
-    style: arrowStyle,
-    icon: faChevronUp
+    style: arrowStyle
   });
   return active ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.container, (_ref8 = {}, _defineProperty(_ref8, className, className !== null), _defineProperty(_ref8, styles.disabled, disabled), _defineProperty(_ref8, styles.animationDisabled, animationDisabled), _defineProperty(_ref8, styles.invalidUrl, !validUrl), _defineProperty(_ref8, styles.inWebView, inWebView), _ref8)]),
@@ -206,7 +241,7 @@ function CallToAction(_ref) {
     focusable: focusable,
     buttonStyle: _objectSpread({
       marginBottom: 10
-    }, buttonStyle)
+    }, boxStyle)
   }, swipeUpEnabled && !disabled ? bind() : null, inWebView ? {
     onClick: onOpenWebView
   } : {

package/lib/index.js

@@ -3,8 +3,6 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
-var reactFontawesome = require('@fortawesome/react-fontawesome');
 var react = require('@use-gesture/react');
 var classNames = require('classnames');
 var PropTypes = require('prop-types');
@@ -27,6 +25,45 @@ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
 var WebView__default = /*#__PURE__*/_interopDefaultLegacy(WebView);
 
+var propTypes$1 = {
+  color: PropTypes__default["default"].string,
+  className: PropTypes__default["default"].string
+};
+var defaultProps$1 = {
+  color: 'currentColor',
+  className: null
+};
+
+var Arrow = function Arrow(_ref) {
+  var color = _ref.color,
+      className = _ref.className;
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    x: "0",
+    y: "0px",
+    width: "48.53px",
+    height: "12.38px",
+    viewBox: "0 0 48.53 12.38",
+    className: className,
+    xmlSpace: "preserve"
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
+    transform: "matrix(1, 0, 0, 1, 0, 0)"
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
+    id: "b",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "3px",
+    strokeLinejoin: "round",
+    strokeLinecap: "round",
+    d: "M1.5,10.88L24.26,1.5l22.77,9.38"
+  })));
+};
+
+Arrow.propTypes = propTypes$1;
+Arrow.defaultProps = defaultProps$1;
+
 var styles = {"container":"micromag-element-call-to-action-container","arrow":"micromag-element-call-to-action-arrow","upAndDown":"micromag-element-call-to-action-upAndDown","icon":"micromag-element-call-to-action-icon","label":"micromag-element-call-to-action-label","button":"micromag-element-call-to-action-button","selfTargetLink":"micromag-element-call-to-action-selfTargetLink","leavingFrame":"micromag-element-call-to-action-leavingFrame","appear":"micromag-element-call-to-action-appear","animationDisabled":"micromag-element-call-to-action-animationDisabled","invalidUrl":"micromag-element-call-to-action-invalidUrl","disabled":"micromag-element-call-to-action-disabled","inWebView":"micromag-element-call-to-action-inWebView","withMargin":"micromag-element-call-to-action-withMargin","webView":"micromag-element-call-to-action-webView","visible":"micromag-element-call-to-action-visible"};
 
 var propTypes = {
@@ -95,8 +132,8 @@ function CallToAction(_ref) {
       url = _ref2$url === void 0 ? null : _ref2$url,
       _ref2$label = _ref2.label,
       label = _ref2$label === void 0 ? null : _ref2$label,
-      _ref2$buttonStyle = _ref2.buttonStyle,
-      buttonStyle = _ref2$buttonStyle === void 0 ? null : _ref2$buttonStyle,
+      _ref2$boxStyle = _ref2.boxStyle,
+      boxStyle = _ref2$boxStyle === void 0 ? null : _ref2$boxStyle,
       _ref2$inWebView = _ref2.inWebView,
       inWebView = _ref2$inWebView === void 0 ? false : _ref2$inWebView;
 
@@ -128,8 +165,7 @@ function CallToAction(_ref) {
     return _objectSpread__default["default"](_objectSpread__default["default"]({}, {
       fontSize: fontSize
     }), utils.getStyleFromColor(color, 'color'));
-  }, [fontSize, color]);
-  console.log(buttonStyle); // MobileSafari blocks popup no matter what
+  }, [fontSize, color]); // MobileSafari blocks popup no matter what
 
   var selfTargetLinkRef = React.useRef(null);
 
@@ -197,10 +233,9 @@ function CallToAction(_ref) {
   }, [setShowWebView]);
   var ArrowElement = arrow !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles.arrow, _defineProperty__default["default"]({}, arrowClassName, arrowClassName !== null)])
-  }, arrow) : /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
+  }, arrow) : /*#__PURE__*/React__default["default"].createElement(Arrow, {
     className: classNames__default["default"]([styles.arrow, _defineProperty__default["default"]({}, arrowClassName, arrowClassName !== null)]),
-    style: arrowStyle,
-    icon: freeSolidSvgIcons.faChevronUp
+    style: arrowStyle
   });
   return active ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles.container, (_ref8 = {}, _defineProperty__default["default"](_ref8, className, className !== null), _defineProperty__default["default"](_ref8, styles.disabled, disabled), _defineProperty__default["default"](_ref8, styles.animationDisabled, animationDisabled), _defineProperty__default["default"](_ref8, styles.invalidUrl, !validUrl), _defineProperty__default["default"](_ref8, styles.inWebView, inWebView), _ref8)]),
@@ -220,7 +255,7 @@ function CallToAction(_ref) {
     focusable: focusable,
     buttonStyle: _objectSpread__default["default"]({
       marginBottom: 10
-    }, buttonStyle)
+    }, boxStyle)
   }, swipeUpEnabled && !disabled ? bind() : null, inWebView ? {
     onClick: onOpenWebView
   } : {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-call-to-action",
-    "version": "0.3.60",
+    "version": "0.3.64",
     "description": "",
     "keywords": [
         "javascript"
@@ -52,10 +52,10 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.3.60",
-        "@micromag/element-button": "^0.3.60",
-        "@micromag/element-text": "^0.3.60",
-        "@micromag/element-webview": "^0.3.60",
+        "@micromag/core": "^0.3.64",
+        "@micromag/element-button": "^0.3.64",
+        "@micromag/element-text": "^0.3.64",
+        "@micromag/element-webview": "^0.3.64",
         "@react-spring/core": "^9.1.1",
         "@react-spring/web": "^9.1.1",
         "@use-gesture/react": "^10.2.4",
@@ -68,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "f79f285d0b402d94f7703782bdd9e6fdc0cdafb0"
+    "gitHead": "b0da130454a8615d3fd00a3d380f438863b35334"
 }