@invoicebox/ui 0.1.0-alpha.126 → 0.1.0-alpha.127

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

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

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

@@ -12,6 +12,17 @@ var _PureInput = require("../PureInput");
 var _useInputFocus2 = require("../../../hooks/useInputFocus");
 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); }
+var SIZE_PADDING_MAP = {
+  L: {
+    paddingTop: 12,
+    paddingBottom: 12
+  },
+  M: {
+    paddingTop: 8,
+    paddingBottom: 8
+  }
+};
 var TextInput = exports.TextInput = function TextInput(_ref) {
   var _ref$hasError = _ref.hasError,
     hasError = _ref$hasError === void 0 ? false : _ref$hasError,
@@ -26,7 +37,9 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
     placeholder = _ref.placeholder,
     paddingRight = _ref.paddingRight,
     type = _ref.type,
-    children = _ref.children;
+    children = _ref.children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'L' : _ref$size;
   var _useInputFocus = (0, _useInputFocus2.useInputFocus)({
       onFocus: onFocus,
       onBlur: onBlur
@@ -41,7 +54,7 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
     inFocus: inFocus,
     label: label,
     disabled: disabled
-  }, /*#__PURE__*/_react["default"].createElement(S.InputLabelContent, null, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, {
+  }, /*#__PURE__*/_react["default"].createElement(S.InputLabelContent, null, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, _extends({
     name: name,
     disabled: disabled,
     hasError: hasError,
@@ -53,5 +66,5 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
     placeholder: placeholder,
     paddingRight: paddingRight,
     type: type
-  }), children && /*#__PURE__*/_react["default"].createElement(S.ChildrenWrapper, null, children)));
+  }, SIZE_PADDING_MAP[size])), children && /*#__PURE__*/_react["default"].createElement(S.ChildrenWrapper, null, children)));
 };

package/dist/components/form/TextInput/index.stories.js

@@ -43,7 +43,8 @@ var Default = exports.Default = {
     maxLength: 30,
     placeholder: 'Placeholder',
     disabled: false,
-    children: /*#__PURE__*/_react["default"].createElement("div", null, "Children")
+    children: /*#__PURE__*/_react["default"].createElement("div", null, "Children"),
+    size: 'L'
   },
   render: Component
 };

package/package.json

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