@invoicebox/ui 0.1.0-alpha.42 → 0.1.0-alpha.43

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

@@ -28,5 +28,5 @@ var InputLabel = exports.InputLabel = function InputLabel(_ref) {
     $palette: mergedPalette,
     $inFocus: inFocus,
     variant: "captionRegular"
-  }, label), /*#__PURE__*/_react["default"].createElement(S.InputWrapper, null, children));
+  }, label), children);
 };

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

@@ -9,4 +9,3 @@ export declare const Wrapper: import("styled-components").IStyledComponent<"web"
     $isLabel: boolean;
     $palette: TInputLabelPalette;
 }>>;
-export declare const InputWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

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

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = exports.Label = exports.InputWrapper = void 0;
+exports.Wrapper = exports.Label = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Typography = require("../../common/Typography");
 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); }
@@ -33,8 +33,4 @@ var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
   var $disabled = _ref5.$disabled,
     $palette = _ref5.$palette;
   return !$disabled && (0, _styledComponents.css)(["color:", ";"], $palette.textHighlight);
-});
-var InputWrapper = exports.InputWrapper = _styledComponents["default"].div.withConfig({
-  displayName: "styles__InputWrapper",
-  componentId: "sc-1prrc3p-2"
-})(["position:relative;z-index:1;"]);
+});

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

@@ -68,7 +68,7 @@ var PositiveIntegerInput = exports.PositiveIntegerInput = function PositiveInteg
   return /*#__PURE__*/_react["default"].createElement(_InputLabel.InputLabel, {
     inFocus: inFocus,
     label: label
-  }, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, {
+  }, /*#__PURE__*/_react["default"].createElement(S.ControlWrapper, null, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, {
     name: name,
     hasError: hasError,
     inFocus: inFocus,
@@ -90,5 +90,5 @@ var PositiveIntegerInput = exports.PositiveIntegerInput = function PositiveInteg
   }, /*#__PURE__*/_react["default"].createElement(_Arrow.Arrow, {
     isOpen: false,
     outterSize: 12
-  }))));
+  })))));
 };

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

@@ -3,3 +3,4 @@ export declare const Arrows: import("styled-components").IStyledComponent<"web",
 export declare const Arrow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled: boolean;
 }>>;
+export declare const ControlWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

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

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Arrows = exports.Arrow = void 0;
+exports.ControlWrapper = exports.Arrows = exports.Arrow = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 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 && Object.prototype.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; }
@@ -18,4 +18,8 @@ var Arrow = exports.Arrow = _styledComponents["default"].div.withConfig({
 })(["cursor:pointer;display:flex;user-select:none;", ""], function (_ref) {
   var $disabled = _ref.$disabled;
   return $disabled && (0, _styledComponents.css)(["opacity:0.4;pointer-events:none;"]);
-});
+});
+var ControlWrapper = exports.ControlWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__ControlWrapper",
+  componentId: "sc-ctutr8-2"
+})(["position:relative;"]);

package/dist/components/form/Select/components/Input/index.js

@@ -26,7 +26,7 @@ var Input = exports.Input = function Input(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_InputLabel.InputLabel, {
     inFocus: inFocus,
     label: label
-  }, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, {
+  }, /*#__PURE__*/_react["default"].createElement(S.ControlWrapper, null, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, {
     hasError: hasError,
     inFocus: inFocus,
     name: name,
@@ -38,5 +38,5 @@ var Input = exports.Input = function Input(_ref) {
     paddingRight: 52
   }), /*#__PURE__*/_react["default"].createElement(S.IconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Arrow.Arrow, {
     isOpen: isOpen
-  })));
+  }))));
 };

package/dist/components/form/Select/components/Input/styles.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
 export declare const IconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ControlWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/components/form/Select/components/Input/styles.js

@@ -3,10 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IconWrapper = void 0;
+exports.IconWrapper = exports.ControlWrapper = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var IconWrapper = exports.IconWrapper = _styledComponents["default"].div.withConfig({
   displayName: "styles__IconWrapper",
   componentId: "sc-1fsrle6-0"
-})(["position:absolute;right:14px;height:100%;top:0;display:flex;align-items:center;"]);
+})(["position:absolute;right:14px;height:100%;top:0;display:flex;align-items:center;"]);
+var ControlWrapper = exports.ControlWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__ControlWrapper",
+  componentId: "sc-1fsrle6-1"
+})(["position:relative;"]);

package/package.json

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