@invoicebox/ui 0.1.0-alpha.122 → 0.1.0-alpha.124

package/dist/components/form/PhoneInput/index.d.ts

@@ -15,6 +15,7 @@ type TControlProps = Pick<TPureInputProps, 'disabled' | 'id'> & {
         label: string;
         value: TSupportedCountries;
     }>;
+    pureInputProps?: Pick<TPureInputProps, 'paddingTop' | 'paddingBottom'>;
 };
 export type TProps = TControlProps & TFieldProps;
 export declare const PhoneInput: FC<TProps>;

package/dist/components/form/PhoneInput/index.js

@@ -19,6 +19,7 @@ var _useMedia = require("../../../hooks/useMedia");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -37,7 +38,8 @@ var PhoneInput = exports.PhoneInput = function PhoneInput(_ref) {
     disabled = _ref.disabled,
     id = _ref.id,
     countries = _ref.countries,
-    onCountryChange = _ref.onCountryChange;
+    onCountryChange = _ref.onCountryChange,
+    pureInputProps = _ref.pureInputProps;
   var inputRef = (0, _react.useRef)();
   var isMobile = (0, _useMedia.useMobile)();
   var countrySelectOptions = (0, _react.useMemo)(function () {
@@ -166,12 +168,12 @@ var PhoneInput = exports.PhoneInput = function PhoneInput(_ref) {
     onPaste: handlePaste,
     placeholder: currentCountriesPhoneRules[country].placeholder,
     ref: inputRef
-  }, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, {
+  }, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, _extends({
     id: id,
     hasError: hasError || (isFirstBlur ? false : isHaveInputError),
     inFocus: inFocus,
     name: name,
     paddingLeft: isHaveSelectCountries ? 75 : 18,
     autoComplete: 'off'
-  }))));
+  }, pureInputProps)))));
 };

package/dist/components/form/PureInput/index.d.ts

@@ -2,6 +2,8 @@ import React, { InputHTMLAttributes } from 'react';
 export type TProps = InputHTMLAttributes<HTMLInputElement> & {
     paddingLeft?: number;
     paddingRight?: number;
+    paddingTop?: number;
+    paddingBottom?: number;
     hasError?: boolean;
     inFocus?: boolean;
     hasBorder?: boolean;
@@ -10,6 +12,8 @@ export type TProps = InputHTMLAttributes<HTMLInputElement> & {
 export declare const PureInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
     paddingLeft?: number | undefined;
     paddingRight?: number | undefined;
+    paddingTop?: number | undefined;
+    paddingBottom?: number | undefined;
     hasError?: boolean | undefined;
     inFocus?: boolean | undefined;
     hasBorder?: boolean | undefined;

package/dist/components/form/PureInput/index.js

@@ -8,7 +8,7 @@ exports.PureInput = void 0;
 var _react = _interopRequireDefault(require("react"));
 var S = _interopRequireWildcard(require("./styles"));
 var _palette = require("../../../palette");
-var _excluded = ["paddingLeft", "paddingRight", "hasError", "inFocus", "hasBorder", "className"];
+var _excluded = ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "hasError", "inFocus", "hasBorder", "className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -20,6 +20,10 @@ var PureInput = exports.PureInput = /*#__PURE__*/_react["default"].forwardRef(fu
     paddingLeft = _ref$paddingLeft === void 0 ? 18 : _ref$paddingLeft,
     _ref$paddingRight = _ref.paddingRight,
     paddingRight = _ref$paddingRight === void 0 ? 18 : _ref$paddingRight,
+    _ref$paddingTop = _ref.paddingTop,
+    paddingTop = _ref$paddingTop === void 0 ? 12 : _ref$paddingTop,
+    _ref$paddingBottom = _ref.paddingBottom,
+    paddingBottom = _ref$paddingBottom === void 0 ? 12 : _ref$paddingBottom,
     _ref$hasError = _ref.hasError,
     hasError = _ref$hasError === void 0 ? false : _ref$hasError,
     _ref$inFocus = _ref.inFocus,
@@ -35,6 +39,8 @@ var PureInput = exports.PureInput = /*#__PURE__*/_react["default"].forwardRef(fu
     element: "input",
     $paddingLeft: paddingLeft,
     $paddingRight: paddingRight,
+    $paddingTop: paddingTop,
+    $paddingBottom: paddingBottom,
     $hasError: hasError,
     $inFocus: inFocus,
     $hasBorder: hasBorder,

package/dist/components/form/PureInput/styles.d.ts

@@ -39,6 +39,8 @@ export declare const Wrapper: import("styled-components/dist/types").IStyledComp
 }), {
     $paddingLeft: number;
     $paddingRight: number;
+    $paddingTop: number;
+    $paddingBottom: number;
     $hasError: boolean;
     $inFocus: boolean;
     $hasBorder: boolean;

package/dist/components/form/PureInput/styles.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default":
 var Wrapper = exports.Wrapper = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-1g8ijo6-0"
-})(["color:", ";border-radius:10px;outline:none;padding:12px 18px;width:100%;background-color:", ";transition:all 0.2s ease-in-out 0s;box-sizing:border-box;padding-right:", "px;padding-left:", "px;border:1px solid ", ";&::placeholder{color:", ";}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s !important;}"], function (_ref) {
+})(["color:", ";border-radius:10px;outline:none;width:100%;background-color:", ";transition:all 0.2s ease-in-out 0s;box-sizing:border-box;padding-right:", "px;padding-left:", "px;padding-top:", "px;padding-bottom:", "px;border:1px solid ", ";&::placeholder{color:", ";}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s !important;}"], function (_ref) {
   var $palette = _ref.$palette;
   return $palette.text;
 }, function (_ref2) {
@@ -23,12 +23,18 @@ var Wrapper = exports.Wrapper = (0, _styledComponents["default"])(_Typography.Ty
   var $paddingLeft = _ref4.$paddingLeft;
   return $paddingLeft;
 }, function (_ref5) {
-  var $hasError = _ref5.$hasError,
-    $inFocus = _ref5.$inFocus,
-    $hasBorder = _ref5.$hasBorder,
-    $palette = _ref5.$palette;
-  return !$hasBorder ? 'transparent' : $hasError ? $palette.error : $inFocus ? $palette.borderFocus : $palette.border;
+  var $paddingTop = _ref5.$paddingTop;
+  return $paddingTop;
 }, function (_ref6) {
-  var $palette = _ref6.$palette;
+  var $paddingBottom = _ref6.$paddingBottom;
+  return $paddingBottom;
+}, function (_ref7) {
+  var $hasError = _ref7.$hasError,
+    $inFocus = _ref7.$inFocus,
+    $hasBorder = _ref7.$hasBorder,
+    $palette = _ref7.$palette;
+  return !$hasBorder ? 'transparent' : $hasError ? $palette.error : $inFocus ? $palette.borderFocus : $palette.border;
+}, function (_ref8) {
+  var $palette = _ref8.$palette;
   return $palette.placeholder;
 });

package/dist/components/form/TextInput/index.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { TProps as TInputLabelProps } from '../InputLabel';
 import { TProps as TPureInputProps } from '../PureInput';
-export type TProps = Pick<TInputLabelProps, 'label'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'paddingRight'> & {
+export type TProps = Pick<TInputLabelProps, 'label'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'paddingRight' | 'type'> & {
     value: string;
     onChange: (value: string) => void;
     maxLength?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.122",
+    "version": "0.1.0-alpha.124",
     "description": "Invoicebox UI",
     "license": "Apache License 2.0",
     "scripts": {