@panneau/field-number 2.0.17 → 2.0.34

package/assets/css/styles.css

@@ -1 +1 @@
-.panneau-field-number-container{position:relative}.panneau-field-number-container input{-moz-appearance:textfield;padding-right:20px}.panneau-field-number-container input::-webkit-inner-spin-button,.panneau-field-number-container input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.panneau-field-number-container .panneau-field-number-arrow{display:-ms-flexbox;display:flex;height:100%;pointer-events:none;position:absolute;right:0;top:0;width:20px}.panneau-field-number-container .panneau-field-number-arrowIcon{font-size:10px;margin:auto}.panneau-field-number-container .panneau-field-number-dataListItems{background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:4px;left:0;list-style-type:none;padding:0;position:absolute;top:100%;width:100%;z-index:2}.panneau-field-number-container .panneau-field-number-dataListItem{width:100%}.panneau-field-number-container .panneau-field-number-dataListItemButton{background-color:rgba(0,0,0,0);border:0;text-align:left;width:100%}.panneau-field-number-container .panneau-field-number-dataListItemButton:hover{background-color:rgba(0,0,0,.1)}
+.panneau-field-number-container{position:relative}.panneau-field-number-container input{-moz-appearance:textfield;padding-right:20px}.panneau-field-number-container input::-webkit-inner-spin-button,.panneau-field-number-container input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.panneau-field-number-container .panneau-field-number-arrow{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;right:0;top:0;width:30px}.panneau-field-number-container .panneau-field-number-dataListItems{background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:4px;left:0;list-style-type:none;padding:0;position:absolute;top:100%;width:100%;z-index:2}.panneau-field-number-container .panneau-field-number-dataListItem{width:100%}.panneau-field-number-container .panneau-field-number-dataListItemButton{background-color:rgba(0,0,0,0);border:0;text-align:left;width:100%}.panneau-field-number-container .panneau-field-number-dataListItemButton:hover{background-color:rgba(0,0,0,.1)}

package/es/index.js

@@ -1,16 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import classNames from 'classnames';
 import isNaN from 'lodash/isNaN';
 import isNumber from 'lodash/isNumber';
 import PropTypes from 'prop-types';
 import React, { useCallback, useState } from 'react';
+import Icon from '@panneau/element-icon';
 import TextField from '@panneau/field-text';
 
-var styles = {"container":"panneau-field-number-container","arrow":"panneau-field-number-arrow","arrowIcon":"panneau-field-number-arrowIcon","dataListItems":"panneau-field-number-dataListItems","dataListItem":"panneau-field-number-dataListItem","dataListItemButton":"panneau-field-number-dataListItemButton"};
+var styles = {"container":"panneau-field-number-container","arrow":"panneau-field-number-arrow","dataListItems":"panneau-field-number-dataListItems","dataListItem":"panneau-field-number-dataListItem","dataListItemButton":"panneau-field-number-dataListItemButton"};
 
 var _excluded = ["value", "step", "floatStep", "float", "dataList", "autoComplete", "disabled", "className", "onChange"];
 var propTypes = {
@@ -114,9 +113,8 @@ var NumberField = function NumberField(_ref) {
     disabled: disabled
   }, props)), !disabled && hasDataList ? /*#__PURE__*/React.createElement("div", {
     className: styles.arrow
-  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    className: styles.arrowIcon,
-    icon: faChevronDown
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: dataListActive ? 'caret-up' : 'caret-down'
   })) : null, !disabled && hasDataList && dataListActive ? /*#__PURE__*/React.createElement("ul", {
     className: styles.dataListItems
   }, dataList.map(function (dataListValue) {

package/lib/index.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
-var reactFontawesome = require('@fortawesome/react-fontawesome');
 var classNames = require('classnames');
 var isNaN = require('lodash/isNaN');
 var isNumber = require('lodash/isNumber');
 var PropTypes = require('prop-types');
 var React = require('react');
+var Icon = require('@panneau/element-icon');
 var TextField = require('@panneau/field-text');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -24,9 +23,10 @@ var isNaN__default = /*#__PURE__*/_interopDefaultLegacy(isNaN);
 var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);
 var TextField__default = /*#__PURE__*/_interopDefaultLegacy(TextField);
 
-var styles = {"container":"panneau-field-number-container","arrow":"panneau-field-number-arrow","arrowIcon":"panneau-field-number-arrowIcon","dataListItems":"panneau-field-number-dataListItems","dataListItem":"panneau-field-number-dataListItem","dataListItemButton":"panneau-field-number-dataListItemButton"};
+var styles = {"container":"panneau-field-number-container","arrow":"panneau-field-number-arrow","dataListItems":"panneau-field-number-dataListItems","dataListItem":"panneau-field-number-dataListItem","dataListItemButton":"panneau-field-number-dataListItemButton"};
 
 var _excluded = ["value", "step", "floatStep", "float", "dataList", "autoComplete", "disabled", "className", "onChange"];
 var propTypes = {
@@ -130,9 +130,8 @@ var NumberField = function NumberField(_ref) {
     disabled: disabled
   }, props)), !disabled && hasDataList ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: styles.arrow
-  }, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
-    className: styles.arrowIcon,
-    icon: freeSolidSvgIcons.faChevronDown
+  }, /*#__PURE__*/React__default["default"].createElement(Icon__default["default"], {
+    name: dataListActive ? 'caret-up' : 'caret-down'
   })) : null, !disabled && hasDataList && dataListActive ? /*#__PURE__*/React__default["default"].createElement("ul", {
     className: styles.dataListItems
   }, dataList.map(function (dataListValue) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-number",
-    "version": "2.0.17",
+    "version": "2.0.34",
     "description": "A number field",
     "keywords": [
         "javascript"
@@ -53,12 +53,10 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@fortawesome/fontawesome-svg-core": "^1.2.35",
-        "@fortawesome/free-solid-svg-icons": "^5.15.3",
-        "@fortawesome/react-fontawesome": "^0.1.14",
-        "@panneau/core": "^2.0.15",
-        "@panneau/field-text": "^2.0.17",
-        "@panneau/themes": "^2.0.15",
+        "@panneau/core": "^2.0.34",
+        "@panneau/element-icon": "^2.0.34",
+        "@panneau/field-text": "^2.0.34",
+        "@panneau/themes": "^2.0.34",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2"
@@ -66,5 +64,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "3c06458008eb0b0b12017ca43cae9baf1904d6dc"
+    "gitHead": "dade083366e5c16d253387424ff5177d5c943e40"
 }