@sellout/ui 0.0.150 → 0.0.152

package/build/components/AddressSearchDropdown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IAddress {
     address1?: string;
     address2?: string;

package/build/components/Button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Colors } from '../Colors';
 export declare enum ButtonTypes {
     Next = "Next",

package/build/components/Counter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type CounterProps = {
     value: number;
     maxValue?: number;

package/build/components/Dropdown.js

@@ -7,14 +7,17 @@ import Icon, { Icons } from './Icon.js';
 import Label from './Label.js';
 import Flex from './Flex.js';
 
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  height:  ", ";\n  width: ", ";\n"], ["\n  position: relative;\n  height:  ", ";\n  width: ", ";\n"])), function (props) { return (props.open ? (props.height ? props.height : "65px") : "65px"); }, function (props) { return props.width; });
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  height: ", ";\n  width: ", ";\n"], ["\n  position: relative;\n  height: ",
+    ";\n  width: ", ";\n"])), function (props) {
+    return props.open ? (props.height ? props.height : "65px") : "65px";
+}, function (props) { return props.width; });
 var FieldContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  max-height: ", ";\n  width: ", ";\n  background-color: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  transition: all 0.2s;\n  z-index: ", ";\n  box-shadow: ", ";\n  overflow: hidden;\n  outline: none;\n\n  &:hover {\n    cursor: pointer;\n    border: 1px solid ", ";\n  }\n\n  &:focus {\n    border: 1px solid ", ";\n  }\n"], ["\n  position: absolute;\n  max-height: ", ";\n  width: ", ";\n  background-color: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  transition: all 0.2s;\n  z-index: ", ";\n  box-shadow: ",
     ";\n  overflow: hidden;\n  outline: none;\n\n  &:hover {\n    cursor: pointer;\n    border: 1px solid ", ";\n  }\n\n  &:focus {\n    border: 1px solid ", ";\n  }\n"])), function (props) { return (props.open ? props.height : "38px"); }, function (props) { return props.width; }, Colors.White, Colors.Grey5, function (props) { return (props.open ? 100 : 0); }, function (props) {
     return props.open ? "0px 4px 16px rgba(0, 0, 0, 0.05)" : "";
 }, darken(0.05, Colors.Grey5), Colors.Grey4);
 var TopRow = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  height: 38px;\n  padding: 0 15px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  height: 38px;\n  padding: 0 15px;\n"])));
 var Value = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 1.4rem;\n  font-weight: 500;\n  color: ", ";\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  margin-right: 10px;\n  white-space: nowrap;\n"], ["\n  font-size: 1.4rem;\n  font-weight: 500;\n  color: ", ";\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  margin-right: 10px;\n  white-space: nowrap;\n"])), Colors.Grey1);
-var ItemsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  max-height: ", ";\n  overflow: ", ";\n\n"], ["\n  position: relative;\n  max-height: ", ";\n  overflow: ", ";\n\n"])), function (props) { return (props.open ? props.height : "0px"); }, function (props) { return (props.open ? "scroll" : "hidden"); });
+var ItemsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  max-height: ", ";\n  overflow: ", ";\n"], ["\n  position: relative;\n  max-height: ", ";\n  overflow: ", ";\n"])), function (props) { return (props.open ? props.height : "0px"); }, function (props) { return (props.open ? "scroll" : "hidden"); });
 var Item = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: 30px;\n  padding: 0 15px;\n  background-color: ", ";\n  font-size: 1.2rem;\n  color: ", ";\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: pointer;\n    background-color: ", ";\n  }\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: 30px;\n  padding: 0 15px;\n  background-color: ",
     ";\n  font-size: 1.2rem;\n  color: ", ";\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: pointer;\n    background-color: ", ";\n  }\n"])), function (props) {
     return props.selected ? Colors.Grey7 : Colors.White;
@@ -27,17 +30,17 @@ var DropdownTypes;
 var Dropdown = function (_a) {
     var 
     // type = DropdownTypes.Regular,
-    value = _a.value, onChange = _a.onChange, _b = _a.width, width = _b === void 0 ? 'auto' : _b, items = _a.items, label = _a.label, tip = _a.tip, icon = _a.icon, _c = _a.height, height = _c === void 0 ? "65px" : _c;
+    value = _a.value, onChange = _a.onChange, _b = _a.width, width = _b === void 0 ? "auto" : _b, items = _a.items, label = _a.label, tip = _a.tip, icon = _a.icon, _c = _a.height, height = _c === void 0 ? "65px" : _c;
     var _d = React.useState(false), open = _d[0], setOpen = _d[1];
     return (React.createElement(Container, { width: width, open: open, height: height },
         label && React.createElement(Label, { text: label, tip: tip }),
-        React.createElement(FieldContainer, { tabIndex: 1, open: open, height: items.length > 4 ? "130px" : items.length * 30 + 43 + "px", width: width, onClick: function () { return setOpen(!open); }, onBlur: function () { return setOpen(false); } },
+        React.createElement(FieldContainer, { tabIndex: 1, open: open, height: (items === null || items === void 0 ? void 0 : items.length) > 4 ? "130px" : (items === null || items === void 0 ? void 0 : items.length) * 30 + 43 + "px", width: width, onClick: function () { return setOpen(!open); }, onBlur: function () { return setOpen(false); } },
             React.createElement(TopRow, null,
                 React.createElement(Flex, { align: "center" },
                     icon && icon,
                     React.createElement(Value, null, value)),
                 React.createElement(Icon, { icon: Icons.Sort, size: 12, color: Colors.Grey1 })),
-            React.createElement(ItemsContainer, { open: open, height: items.length > 3 ? "90px" : items.length * 30 + "px" }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
+            React.createElement(ItemsContainer, { open: open, height: (items === null || items === void 0 ? void 0 : items.length) > 3 ? "90px" : (items === null || items === void 0 ? void 0 : items.length) * 30 + "px" }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
                 return (React.createElement(Item, { key: index, selected: false, onClick: function () { return onChange(item.value); } },
                     item.icon && item.icon,
                     item.text));

package/build/components/Icon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Colors } from "../Colors";
 export declare const Icons: {
     Amex: import("@fortawesome/fontawesome-common-types").IconDefinition;

package/build/components/Loader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Colors } from "./../Colors";
 export declare enum LoaderSizes {
     FuckingTiny = "FuckingTiny",

package/build/components/Product.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CounterProps } from './Counter';
 export declare type ProductProps = {
     title: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellout/ui",
-  "version": "0.0.150",
+  "version": "0.0.152",
   "main": "build/index.js",
   "module": "build/index.es.js",
   "files": [
@@ -64,13 +64,13 @@
     "csvtojson": "^2.0.10",
     "framer-motion": "^2.9.5",
     "polished": "^3.7.2",
-    "react-animate-height": "2.0.20",
+    "react-animate-height": "3.0.4",
     "react-phone-input-2": "^2.14.0",
     "rollup-plugin-url": "^3.0.1",
     "shortid": "^2.2.16",
     "use-places-autocomplete": "^1.9.4"
   },
-  "gitHead": "d5a47894cdbf2a11c8a49f5f48c7becc3314bfb4",
+  "gitHead": "3c2f6fad1f5f53d07fbed31de455ee797114080a",
   "peerDependencies": {
     "react": "^16.13.0",
     "react-dom": "^16.13.0",