@sellout/ui 0.0.300 → 0.0.301

package/build/Colors.d.ts

@@ -1,10 +1,12 @@
 export declare enum Colors {
     White = "#FFFFFF",
     Black = "#000000",
+    Black2 = "#141414",
     Yellow = "#FFBA49",
     Green = "#42BB83",
     OffWhite = "#FCFCFC",
     LightBlue = "#39159C",
+    Secondary = "#1E1E1E",
     Blue = "#2D0E84",
     DarkBlue = "#1D0858",
     Red = "#E63946",
@@ -19,5 +21,17 @@ export declare enum Colors {
     Grey5 = "#E0E0E0",
     Grey6 = "#F2F2F2",
     Grey7 = "#F8F8F8",
-    Purple = "#040436"
+    Grey8 = "#424242",
+    Purple = "#040436",
+    SecondarySurface = "#1E1E1E",
+    SecondaryStroke = "#424242",
+    SurfaceTertiary = "#141414",
+    HeadingSecondary = "#FCFCFC",
+    SupportTertiary = "#A3A3A3",
+    HeadingPrimary = "#EF602E",
+    InteractiveBGSecondary = "#292929",
+    InteractiveBGPrimary = "#EA4513",
+    TagBGTertiary = "#0C0C0C",
+    TextSupportSecondary = "#D6D6D6",
+    ErrorRed = "#F31B43"
 }

package/build/Colors.js

@@ -2,11 +2,13 @@ var Colors;
 (function (Colors) {
     Colors["White"] = "#FFFFFF";
     Colors["Black"] = "#000000";
+    Colors["Black2"] = "#141414";
     Colors["Yellow"] = "#FFBA49";
     // Green = "#419D78",
     Colors["Green"] = "#42BB83";
     Colors["OffWhite"] = "#FCFCFC";
     Colors["LightBlue"] = "#39159C";
+    Colors["Secondary"] = "#1E1E1E";
     Colors["Blue"] = "#2D0E84";
     Colors["DarkBlue"] = "#1D0858";
     Colors["Red"] = "#E63946";
@@ -21,7 +23,19 @@ var Colors;
     Colors["Grey5"] = "#E0E0E0";
     Colors["Grey6"] = "#F2F2F2";
     Colors["Grey7"] = "#F8F8F8";
+    Colors["Grey8"] = "#424242";
     Colors["Purple"] = "#040436";
+    Colors["SecondarySurface"] = "#1E1E1E";
+    Colors["SecondaryStroke"] = "#424242";
+    Colors["SurfaceTertiary"] = "#141414";
+    Colors["HeadingSecondary"] = "#FCFCFC";
+    Colors["SupportTertiary"] = "#A3A3A3";
+    Colors["HeadingPrimary"] = "#EF602E";
+    Colors["InteractiveBGSecondary"] = "#292929";
+    Colors["InteractiveBGPrimary"] = "#EA4513";
+    Colors["TagBGTertiary"] = "#0C0C0C";
+    Colors["TextSupportSecondary"] = "#D6D6D6";
+    Colors["ErrorRed"] = "#F31B43";
 })(Colors || (Colors = {}));
 
 export { Colors };

package/build/Colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.js","sources":["../src/Colors.ts"],"sourcesContent":["export enum Colors {\n  White = \"#FFFFFF\",\n  Black = \"#000000\",\n  Yellow = '#FFBA49',\n  // Green = \"#419D78\",\n  Green = '#42BB83',\n  OffWhite = \"#FCFCFC\",\n  LightBlue = \"#39159C\",\n  Blue = \"#2D0E84\",\n  DarkBlue = \"#1D0858\",\n  Red = \"#E63946\",\n  Orange = \"#FF700F\",\n  FadedOrange = '#FFF1E7',\n  LightOrange = \"#FFBE93\",\n  DarkOrange = \"#D65600\",\n  Grey1 = \"#333333\",\n  Grey2 = \"#4F4F4F\",\n  Grey3 = \"#828282\",\n  Grey4 = \"#BDBDBD\",\n  Grey5 = \"#E0E0E0\",\n  Grey6 = \"#F2F2F2\",\n  Grey7 = \"#F8F8F8\",\n  Purple = \"#040436\",\n}\n"],"names":[],"mappings":"IAAY,OAuBX;AAvBD,CAAA,UAAY,MAAM,EAAA;AAChB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;;AAElB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,WAAA,CAAA,GAAA,SAAqB,CAAA;AACrB,IAAA,MAAA,CAAA,MAAA,CAAA,GAAA,SAAgB,CAAA;AAChB,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,KAAA,CAAA,GAAA,SAAe,CAAA;AACf,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AAClB,IAAA,MAAA,CAAA,aAAA,CAAA,GAAA,SAAuB,CAAA;AACvB,IAAA,MAAA,CAAA,aAAA,CAAA,GAAA,SAAuB,CAAA;AACvB,IAAA,MAAA,CAAA,YAAA,CAAA,GAAA,SAAsB,CAAA;AACtB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AACpB,CAAC,EAvBW,MAAM,KAAN,MAAM,GAuBjB,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"Colors.js","sources":["../src/Colors.ts"],"sourcesContent":["export enum Colors {\n  White = \"#FFFFFF\",\n  Black = \"#000000\",\n  Black2= '#141414',\n  Yellow = '#FFBA49',\n  // Green = \"#419D78\",\n  Green = '#42BB83',\n  OffWhite = \"#FCFCFC\",\n  LightBlue = \"#39159C\",\n  Secondary= \"#1E1E1E\",\n  Blue = \"#2D0E84\",\n  DarkBlue = \"#1D0858\",\n  Red = \"#E63946\",\n  Orange = \"#FF700F\",\n  FadedOrange = '#FFF1E7',\n  LightOrange = \"#FFBE93\",\n  DarkOrange = \"#D65600\",\n  Grey1 = \"#333333\",\n  Grey2 = \"#4F4F4F\",\n  Grey3 = \"#828282\",\n  Grey4 = \"#BDBDBD\",\n  Grey5 = \"#E0E0E0\",\n  Grey6 = \"#F2F2F2\",\n  Grey7 = \"#F8F8F8\",\n  Grey8 =  '#424242',\n  Purple = \"#040436\",\n\n    SecondarySurface = \"#1E1E1E\",\n    SecondaryStroke = \"#424242\",\n    SurfaceTertiary = \"#141414\",\n    HeadingSecondary = \"#FCFCFC\",\n    SupportTertiary = \"#A3A3A3\",\n    HeadingPrimary = \"#EF602E\",\n    InteractiveBGSecondary = \"#292929\",\n    InteractiveBGPrimary = \"#EA4513\",\n    TagBGTertiary = \"#0C0C0C\",\n    TextSupportSecondary = \"#D6D6D6\",\n    ErrorRed='#F31B43'\n}\n"],"names":[],"mappings":"IAAY,OAsCX;AAtCD,CAAA,UAAY,MAAM,EAAA;AAChB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;;AAElB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,WAAA,CAAA,GAAA,SAAqB,CAAA;AACrB,IAAA,MAAA,CAAA,WAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,MAAA,CAAA,GAAA,SAAgB,CAAA;AAChB,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,KAAA,CAAA,GAAA,SAAe,CAAA;AACf,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AAClB,IAAA,MAAA,CAAA,aAAA,CAAA,GAAA,SAAuB,CAAA;AACvB,IAAA,MAAA,CAAA,aAAA,CAAA,GAAA,SAAuB,CAAA;AACvB,IAAA,MAAA,CAAA,YAAA,CAAA,GAAA,SAAsB,CAAA;AACtB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAkB,CAAA;AAClB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AAEhB,IAAA,MAAA,CAAA,kBAAA,CAAA,GAAA,SAA4B,CAAA;AAC5B,IAAA,MAAA,CAAA,iBAAA,CAAA,GAAA,SAA2B,CAAA;AAC3B,IAAA,MAAA,CAAA,iBAAA,CAAA,GAAA,SAA2B,CAAA;AAC3B,IAAA,MAAA,CAAA,kBAAA,CAAA,GAAA,SAA4B,CAAA;AAC5B,IAAA,MAAA,CAAA,iBAAA,CAAA,GAAA,SAA2B,CAAA;AAC3B,IAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,SAA0B,CAAA;AAC1B,IAAA,MAAA,CAAA,wBAAA,CAAA,GAAA,SAAkC,CAAA;AAClC,IAAA,MAAA,CAAA,sBAAA,CAAA,GAAA,SAAgC,CAAA;AAChC,IAAA,MAAA,CAAA,eAAA,CAAA,GAAA,SAAyB,CAAA;AACzB,IAAA,MAAA,CAAA,sBAAA,CAAA,GAAA,SAAgC,CAAA;AAChC,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAkB,CAAA;AACtB,CAAC,EAtCW,MAAM,KAAN,MAAM,GAsCjB,EAAA,CAAA,CAAA;;;;"}

package/build/components/AddressSearchDropdown.d.ts

@@ -17,8 +17,14 @@ export declare type AddressSearchDropdownProps = {
     value: IAddress;
     onChange: (address: IAddress) => void;
     width?: string;
-    label?: string;
+    label?: any;
     tip?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    fontFamily?: string;
+    darkThemeProps?: string;
+    labelColor?: string;
+    borderColor?: string;
 };
-export default function AddressSearchDropdown({ value, onChange, width, label, tip, }: AddressSearchDropdownProps): React.JSX.Element;
+export default function AddressSearchDropdown({ value, onChange, width, label, tip, fontSize, fontWeight, fontFamily, darkThemeProps, labelColor, borderColor, }: AddressSearchDropdownProps): React.JSX.Element;
 export {};

package/build/components/AddressSearchDropdown.js

@@ -8,7 +8,7 @@ import { IconEnum } from './Icons.js';
 var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  z-index: 100000;\n"], ["\n  width: 100%;\n  z-index: 100000;\n"])));
 function AddressSearchDropdown(_a) {
     var _this = this;
-    var value = _a.value, onChange = _a.onChange, width = _a.width, label = _a.label, tip = _a.tip;
+    var value = _a.value, onChange = _a.onChange, width = _a.width, label = _a.label, tip = _a.tip, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontFamily = _a.fontFamily, darkThemeProps = _a.darkThemeProps, labelColor = _a.labelColor, borderColor = _a.borderColor;
     /* Hooks */
     var _b = usePlacesAutocomplete({
         requestOptions: {
@@ -36,7 +36,6 @@ function AddressSearchDropdown(_a) {
                     case 1:
                         result = (_a.sent())[0];
                         location_1 = result.geometry.location;
-                        console.log(result);
                         addressObject_1 = {
                             address1: "",
                             address2: "",
@@ -75,7 +74,6 @@ function AddressSearchDropdown(_a) {
                                 addressObject_1.zip = ac.short_name;
                             }
                         });
-                        console.log(addressObject_1, "addressObject");
                         onChange(addressObject_1);
                         return [3 /*break*/, 3];
                     case 2:
@@ -103,7 +101,7 @@ function AddressSearchDropdown(_a) {
         }); });
     }
     return (React.createElement(Container, null,
-        React.createElement(SearchDropdown, { type: SearchDropdownTypes.SingleSelect, icon: IconEnum.MapPinLight, onChange: selectAddress, value: innerValue, searchQuery: innerValue, setSearchQuery: setValue, placeholder: "Search for an address", items: items, width: width, label: label, tip: tip })));
+        React.createElement(SearchDropdown, { type: SearchDropdownTypes.SingleSelect, icon: IconEnum.MapPinLight, onChange: selectAddress, value: innerValue, searchQuery: innerValue, setSearchQuery: setValue, placeholder: "Search for an address", items: items, width: width, label: label, tip: tip, fontSize: fontSize, fontWeight: fontWeight, fontFamily: fontFamily, darkThemeProps: darkThemeProps, labelColor: labelColor, borderColor: borderColor })));
 }
 var templateObject_1;
 

package/build/components/AddressSearchDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddressSearchDropdown.js","sources":["../../src/components/AddressSearchDropdown.tsx"],"sourcesContent":["import React from \"react\";\r\nimport usePlacesAutocomplete, { getGeocode } from \"use-places-autocomplete\";\r\nimport styled from \"styled-components\";\r\nimport SearchDropdown, { SearchDropdownTypes } from \"./SearchDropdown\";\r\nimport { IconEnum } from \"./Icons\";\r\n\r\ninterface IAddress {\r\n  address1?: string;\r\n  address2?: string;\r\n  city?: string;\r\n  state?: string;\r\n  zip?: string;\r\n  country?: string;\r\n  phone?: string;\r\n  lat?: number | null;\r\n  lng?: number | null;\r\n  placeId?: string;\r\n  placeName?: string;\r\n  timezone?: string;\r\n}\r\n\r\ninterface ISearchDropdownItem {\r\n  text: string;\r\n  value: any;\r\n}\r\n\r\nconst Container = styled.div`\r\n  width: 100%;\r\n  z-index: 100000;\r\n`;\r\n\r\nexport type AddressSearchDropdownProps = {\r\n  value: IAddress;\r\n  onChange: (address: IAddress) => void;\r\n  width?: string;\r\n  label?: string;\r\n  tip?: string;\r\n};\r\n\r\nexport default function AddressSearchDropdown({\r\n  value,\r\n  onChange,\r\n  width,\r\n  label,\r\n  tip,\r\n}: AddressSearchDropdownProps) {\r\n  /* Hooks */\r\n  let {\r\n    value: innerValue,\r\n    suggestions: { data },\r\n    setValue,\r\n  } = usePlacesAutocomplete({\r\n    requestOptions: {\r\n      componentRestrictions: { country: \"us\" },\r\n    },\r\n    debounce: 300,\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    let placeName = value?.placeName ? value?.placeName : \"\";\r\n    setValue(placeName);\r\n    innerValue = placeName;\r\n  }, []);\r\n\r\n  const selectAddress = React.useCallback(\r\n    (address) => {\r\n      console.log(address, \"address\");\r\n\r\n      setValue(address);\r\n      const doEffect = async () => {\r\n        try {\r\n          const [result] = await getGeocode({\r\n            address,\r\n          });\r\n          const {\r\n            geometry: { location },\r\n          } = result;\r\n\r\n          console.log(result);\r\n          const addressObject = {\r\n            address1: \"\",\r\n            address2: \"\",\r\n            city: \"\",\r\n            state: \"\",\r\n            zip: \"\",\r\n            country: \"\",\r\n            lat: location.lat(),\r\n            lng: location.lng(),\r\n            placeId: result.place_id,\r\n            placeName: address,\r\n          };\r\n          result.address_components.forEach((ac: any) => {\r\n            if (ac.types.includes(\"street_number\")) {\r\n              addressObject.address1 = ac.short_name;\r\n            }\r\n            if (ac.types.includes(\"route\")) {\r\n              addressObject.address1 = `${addressObject.address1} ${ac.short_name}`;\r\n            }\r\n            if (ac.types.includes(\"subpremise\")) {\r\n              addressObject.address2 = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"locality\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.city = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"administrative_area_level_1\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.state = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"country\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.country = ac.short_name;\r\n            }\r\n            if (ac.types.includes(\"postal_code\")) {\r\n              addressObject.zip = ac.short_name;\r\n            }\r\n          });\r\n\r\n\r\n          console.log(addressObject,\"addressObject\")\r\n          onChange(addressObject);\r\n        } catch (e) {\r\n          // HANDLE ERROR\r\n          console.error(e);\r\n        }\r\n      };\r\n      doEffect();\r\n    },\r\n    [onChange, setValue]\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    let intialAddress: IAddress = {};\r\n    if (!innerValue) onChange(intialAddress);\r\n  }, [innerValue]);\r\n\r\n  /* Render */\r\n  let items: ISearchDropdownItem[] = [];\r\n\r\n  if (data.length) {\r\n    items = data.map(\r\n      (suggestion): ISearchDropdownItem => ({\r\n        text: suggestion.description,\r\n        value: suggestion.description,\r\n      })\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Container>\r\n      <SearchDropdown\r\n        type={SearchDropdownTypes.SingleSelect}\r\n        icon={IconEnum.MapPinLight}\r\n        onChange={selectAddress}\r\n        value={innerValue}\r\n        searchQuery={innerValue}\r\n        setSearchQuery={setValue}\r\n        placeholder=\"Search for an address\"\r\n        items={items}\r\n        width={width}\r\n        label={label}\r\n        tip={tip}\r\n      />\r\n    </Container>\r\n  );\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AddressSearchDropdown.js","sources":["../../src/components/AddressSearchDropdown.tsx"],"sourcesContent":["import React from \"react\";\r\nimport usePlacesAutocomplete, { getGeocode } from \"use-places-autocomplete\";\r\nimport styled from \"styled-components\";\r\nimport SearchDropdown, { SearchDropdownTypes } from \"./SearchDropdown\";\r\nimport { IconEnum } from \"./Icons\";\r\n\r\ninterface IAddress {\r\n  address1?: string;\r\n  address2?: string;\r\n  city?: string;\r\n  state?: string;\r\n  zip?: string;\r\n  country?: string;\r\n  phone?: string;\r\n  lat?: number | null;\r\n  lng?: number | null;\r\n  placeId?: string;\r\n  placeName?: string;\r\n  timezone?: string;\r\n}\r\n\r\ninterface ISearchDropdownItem {\r\n  text: string;\r\n  value: any;\r\n}\r\n\r\nconst Container = styled.div`\r\n  width: 100%;\r\n  z-index: 100000;\r\n`;\r\n\r\nexport type AddressSearchDropdownProps = {\r\n  value: IAddress;\r\n  onChange: (address: IAddress) => void;\r\n  width?: string;\r\n  label?:any;\r\n  tip?: string;\r\n  fontSize?:string;\r\n  fontWeight?:string;\r\n  fontFamily?:string;\r\n  darkThemeProps?:string;\r\n  labelColor?:string;\r\n  borderColor?:string;\r\n}\r\n\r\nexport default function AddressSearchDropdown({\r\n  value,\r\n  onChange,\r\n  width,\r\n  label,\r\n  tip,\r\n  fontSize,\r\n  fontWeight,\r\n  fontFamily,\r\n  darkThemeProps,\r\n  labelColor,\r\n  borderColor,\r\n}: AddressSearchDropdownProps) {\r\n  /* Hooks */\r\n  let {\r\n    value: innerValue,\r\n    suggestions: { data },\r\n    setValue,\r\n  } = usePlacesAutocomplete({\r\n    requestOptions: {\r\n      componentRestrictions: { country: \"us\" },\r\n    },\r\n    debounce: 300,\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    let placeName = value?.placeName ? value?.placeName : \"\";\r\n    setValue(placeName);\r\n    innerValue = placeName;\r\n  }, []);\r\n\r\n  const selectAddress = React.useCallback(\r\n    (address) => {\r\n      console.log(address, \"address\");\r\n\r\n      setValue(address);\r\n      const doEffect = async () => {\r\n        try {\r\n          const [result] = await getGeocode({\r\n            address,\r\n          });\r\n          const {\r\n            geometry: { location },\r\n          } = result;\r\n\r\n          const addressObject = {\r\n            address1: \"\",\r\n            address2: \"\",\r\n            city: \"\",\r\n            state: \"\",\r\n            zip: \"\",\r\n            country: \"\",\r\n            lat: location.lat(),\r\n            lng: location.lng(),\r\n            placeId: result.place_id,\r\n            placeName: address,\r\n          };\r\n          result.address_components.forEach((ac: any) => {\r\n            if (ac.types.includes(\"street_number\")) {\r\n              addressObject.address1 = ac.short_name;\r\n            }\r\n            if (ac.types.includes(\"route\")) {\r\n              addressObject.address1 = `${addressObject.address1} ${ac.short_name}`;\r\n            }\r\n            if (ac.types.includes(\"subpremise\")) {\r\n              addressObject.address2 = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"locality\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.city = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"administrative_area_level_1\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.state = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"country\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.country = ac.short_name;\r\n            }\r\n            if (ac.types.includes(\"postal_code\")) {\r\n              addressObject.zip = ac.short_name;\r\n            }\r\n          });\r\n          onChange(addressObject);\r\n        } catch (e) {\r\n          // HANDLE ERROR\r\n          console.error(e);\r\n        }\r\n      };\r\n      doEffect();\r\n    },\r\n    [onChange, setValue]\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    let intialAddress: IAddress = {};\r\n    if (!innerValue) onChange(intialAddress);\r\n  }, [innerValue]);\r\n\r\n  /* Render */\r\n  let items: ISearchDropdownItem[] = [];\r\n\r\n  if (data.length) {\r\n    items = data.map(\r\n      (suggestion): ISearchDropdownItem => ({\r\n        text: suggestion.description,\r\n        value: suggestion.description,\r\n      })\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Container>\r\n      <SearchDropdown\r\n        type={SearchDropdownTypes.SingleSelect}\r\n        icon={IconEnum.MapPinLight}\r\n        onChange={selectAddress}\r\n        value={innerValue}\r\n        searchQuery={innerValue}\r\n        setSearchQuery={setValue}\r\n        placeholder=\"Search for an address\"\r\n        items={items}\r\n        width={width}\r\n        label={label}\r\n        tip={tip}\r\n        fontSize={fontSize}\r\n        fontWeight={fontWeight}\r\n        fontFamily={fontFamily}\r\n        darkThemeProps={darkThemeProps}\r\n        labelColor={labelColor}\r\n        borderColor={borderColor}\r\n      />\r\n    </Container>\r\n  );\r\n}\r\n"],"names":[],"mappings":"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"}

package/build/components/Button.d.ts

@@ -3,7 +3,9 @@ import { Colors } from "../Colors";
 export declare enum ButtonTypes {
     Next = "Next",
     Regular = "Regular",
-    Thin = "Thin"
+    Thin = "Thin",
+    Normal = "Normal",
+    CustomInputHeight = "CustomInputHeight"
 }
 export declare enum ButtonStates {
     Active = "Active",
@@ -29,5 +31,20 @@ export declare type ButtonProps = {
     label?: string;
     tip?: string;
     subLabel?: string;
+    marginBottam?: string;
+    paddingAround?: string;
+    contentAlign?: string;
+    textTransform?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    fontFamily?: string;
+    letterSpacing?: string;
+    disabledbuttonTheme?: boolean;
+    CustomInputHeight?: string;
+    lineHeight?: string;
+    svgIconName?: string;
+    svgWidth?: string;
+    svgHeight?: string;
+    marginOnButtonText?: boolean;
 };
-export default function Button({ type, state, bgColor, textColor, text, onClick, icon, iconPosition, iconSize, margin, loading, }: ButtonProps): React.JSX.Element;
+export default function Button({ type, state, bgColor, textColor, text, onClick, icon, iconPosition, iconSize, margin, marginBottam, loading, paddingAround, contentAlign, textTransform, fontSize, fontWeight, fontFamily, letterSpacing, disabledbuttonTheme, CustomInputHeight, lineHeight, svgIconName, svgHeight, svgWidth, marginOnButtonText }: ButtonProps): React.JSX.Element;

package/build/components/Button.js

@@ -5,12 +5,15 @@ import * as Polished from 'polished';
 import { Colors } from '../Colors.js';
 import Icon from './Icon.js';
 import Loader, { LoaderSizes } from './Loader.js';
+import SvgRenderer from './SvgRendrer.js';
 
 var ButtonTypes;
 (function (ButtonTypes) {
     ButtonTypes["Next"] = "Next";
     ButtonTypes["Regular"] = "Regular";
     ButtonTypes["Thin"] = "Thin";
+    ButtonTypes["Normal"] = "Normal";
+    ButtonTypes["CustomInputHeight"] = "CustomInputHeight";
 })(ButtonTypes || (ButtonTypes = {}));
 var ButtonStates;
 (function (ButtonStates) {
@@ -23,9 +26,10 @@ var ButtonIconPosition;
     ButtonIconPosition["Left"] = "Left";
     ButtonIconPosition["Right"] = "Right";
 })(ButtonIconPosition || (ButtonIconPosition = {}));
-var StyledButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  height: ", ";\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  white-space: nowrap;\n  box-sizing: border-box;\n  text-align: center;\n  border-radius: 10px;\n  transition: all 0.2s;\n  margin: ", ";\n  padding: ", ";\n  background-color: ", ";\n  border: ", ";\n\n  &:hover {\n    cursor: ", ";\n    background-color: ", ";\n  }\n\n  &:active {\n    cursor: ", ";\n    background-color: ", ";\n  }\n"], ["\n  position: relative;\n  height: ",
+var StyledButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  height: ", ";\n  width: ", ";\n  margin-bottom: ", ";\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n  justify-content: ", ";\n  white-space: nowrap;\n  box-sizing: border-box;\n  text-align: center;\n  border-radius: 10px;\n  transition: all 0.2s;\n  margin: ", ";\n  padding: ", ";\n  background-color: ", ";\n  border: ", ";\n\n  &:hover {\n    cursor: ", ";\n    background-color: ", ";\n  }\n\n  &:active {\n    cursor: ", ";\n    background-color: ", ";\n  }\n"], ["\n  position: relative;\n  height: ",
     ";\n  width: ",
-    ";\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  white-space: nowrap;\n  box-sizing: border-box;\n  text-align: center;\n  border-radius: 10px;\n  transition: all 0.2s;\n  margin: ", ";\n  padding: ",
+    ";\n  margin-bottom: ",
+    ";\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n  justify-content: ", ";\n  white-space: nowrap;\n  box-sizing: border-box;\n  text-align: center;\n  border-radius: 10px;\n  transition: all 0.2s;\n  margin: ", ";\n  padding: ",
     ";\n  background-color: ",
     ";\n  border: ",
     ";\n\n  &:hover {\n    cursor: ",
@@ -33,12 +37,21 @@ var StyledButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemp
     ";\n  }\n\n  &:active {\n    cursor: ",
     ";\n    background-color: ",
     ";\n  }\n"])), function (props) {
+    if (props.CustomInputHeight) {
+        return "55px";
+    }
     if (props.type === ButtonTypes.Next) {
         return "48px";
     }
+    if (props.type === ButtonTypes.CustomInputHeight) {
+        return "55px";
+    }
     if (props.type === ButtonTypes.Regular) {
         return "40px";
     }
+    if (props.type === ButtonTypes.Normal) {
+        return "50px";
+    }
     if (props.type === ButtonTypes.Thin) {
         if (props.state === ButtonStates.Warning) {
             return "30px";
@@ -56,8 +69,16 @@ var StyledButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemp
     if (props.type === ButtonTypes.Thin) {
         return "fit-content";
     }
+    if (props.type === ButtonTypes.Normal) {
+        return "50px";
+    }
     return null;
-}, function (props) { return (Boolean(props.margin) ? props.margin : "0px"); }, function (props) {
+}, function (props) {
+    return props.marginBottam ? props.marginBottam + " !important" : "0px !important";
+}, function (props) { return props.contentAlign || "center"; }, function (props) { return (Boolean(props.margin) ? props.margin : "0px"); }, function (props) {
+    if (props.type === ButtonTypes.Next && props.paddingAround) {
+        return props.paddingAround;
+    }
     if (props.type === ButtonTypes.Next) {
         return "0px";
     }
@@ -67,8 +88,14 @@ var StyledButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemp
     if (props.type === ButtonTypes.Thin) {
         return "0 15px";
     }
+    if (props.type === ButtonTypes.Normal) {
+        return "0 25px";
+    }
     return null;
 }, function (props) {
+    if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {
+        return Colors.InteractiveBGSecondary;
+    }
     if (props.state === ButtonStates.Disabled) {
         return Colors.Grey6;
     }
@@ -87,6 +114,9 @@ var StyledButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemp
     }
     return props.onClick ? "pointer" : null;
 }, function (props) {
+    if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {
+        return Colors.Grey1;
+    }
     if (props.state === ButtonStates.Disabled) {
         return Colors.Grey6;
     }
@@ -108,12 +138,18 @@ var StyledButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemp
     }
     return Polished.darken(0.025, props.bgColor || Colors.Orange);
 });
-var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  font-size: ", ";\n  font-weight: ", ";\n  text-transform: uppercase;\n  margin: ", ";\n  color: ", ";\n  top: ", ";\n"], ["\n  position: relative;\n  font-size: ",
+var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  line-height:", ";\n  font-family: ", ";\n  letter-spacing: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  text-transform: ", ";\n  margin: ", ";\n  color: ", ";\n  top: ", ";\n"], ["\n  position: relative;\n  line-height:", ";\n  font-family: ", ";\n  letter-spacing: ", ";\n  font-size: ",
     ";\n  font-weight: ",
-    ";\n  text-transform: uppercase;\n  margin: ",
+    ";\n  text-transform: ", ";\n  margin: ",
     ";\n  color: ",
     ";\n  top: ",
-    ";\n"])), function (props) {
+    ";\n"])), function (props) { return props.lineHeight; }, function (props) { return props.fontFamily; }, function (props) { return props.letterSpacing; }, function (props) {
+    if (props.type === ButtonTypes.Next && props.fontSize) {
+        return props.fontSize;
+    }
+    if (props.type === ButtonTypes.Regular && props.fontSize) {
+        return props.fontSize;
+    }
     if (props.type === ButtonTypes.Next) {
         return "1.4rem";
     }
@@ -126,8 +162,17 @@ var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObj
     if (props.type === ButtonTypes.Thin) {
         return "1.2rem";
     }
+    if (props.type === ButtonTypes.Normal) {
+        return "2.5rem";
+    }
     return null;
 }, function (props) {
+    if (props.type === ButtonTypes.Next && props.fontWeight) {
+        return props.fontWeight;
+    }
+    if (props.type === ButtonTypes.Regular && props.fontWeight) {
+        return props.fontWeight;
+    }
     if (props.type === ButtonTypes.Next) {
         return "600";
         // return "700";
@@ -139,8 +184,14 @@ var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObj
     if (props.type === ButtonTypes.Thin) {
         return "600";
     }
+    if (props.type === ButtonTypes.Normal) {
+        return "500";
+    }
     return null;
-}, function (props) {
+}, function (props) { return props.textTransform || "uppercase"; }, function (props) {
+    if (props.type === ButtonTypes.Next && props.marginOnButtonText) {
+        return "0 10px 0 0";
+    }
     if (props.type === ButtonTypes.Next) {
         return "0 10px";
     }
@@ -153,6 +204,15 @@ var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObj
         }
         return "0";
     }
+    if (props.type === ButtonTypes.Normal) {
+        if (props.iconPosition === ButtonIconPosition.Left) {
+            return "0 0 0 10px";
+        }
+        if (props.iconPosition === ButtonIconPosition.Right) {
+            return "0 10px 0 0";
+        }
+        return "0";
+    }
     if (props.type === ButtonTypes.Thin) {
         if (props.iconPosition === ButtonIconPosition.Left) {
             return "0 0 0 7px";
@@ -164,6 +224,9 @@ var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObj
     }
     return null;
 }, function (props) {
+    if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {
+        return Colors.Grey3;
+    }
     if (props.state)
         if (props.state === ButtonStates.Disabled) {
             return Colors.Grey5;
@@ -186,14 +249,14 @@ function Button(_a) {
     // label,
     // tip,
     // subLabel,
-    margin = _a.margin, _f = _a.loading, loading = _f === void 0 ? false : _f;
+    margin = _a.margin, marginBottam = _a.marginBottam, _f = _a.loading, loading = _f === void 0 ? false : _f, paddingAround = _a.paddingAround, contentAlign = _a.contentAlign, textTransform = _a.textTransform, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontFamily = _a.fontFamily, letterSpacing = _a.letterSpacing, disabledbuttonTheme = _a.disabledbuttonTheme, CustomInputHeight = _a.CustomInputHeight, lineHeight = _a.lineHeight, svgIconName = _a.svgIconName, svgHeight = _a.svgHeight, svgWidth = _a.svgWidth, marginOnButtonText = _a.marginOnButtonText;
     var iconColor = state === ButtonStates.Disabled ? Colors.Grey3 : Colors.White;
     if (icon && !iconPosition)
         iconPosition = ButtonIconPosition.Left;
     var iconEl = (React.createElement(Icon, { icon: icon, color: iconColor, size: iconSize, top: iconSize < 14 ? "-1px" : undefined }));
     var click = loading || state === ButtonStates.Disabled ? null : function () { return onClick(); };
     return (React.createElement(React.Fragment, null,
-        React.createElement(StyledButton, { type: type, state: state, onClick: click, margin: margin, bgColor: bgColor }, (function () {
+        React.createElement(StyledButton, { type: type, state: state, onClick: click, margin: margin, bgColor: bgColor, marginBottam: marginBottam, paddingAround: paddingAround, contentAlign: contentAlign, disabledbuttonTheme: disabledbuttonTheme, CustomInputHeight: CustomInputHeight }, (function () {
             return (React.createElement(Fragment, null, (function () {
                 if (loading) {
                     return (React.createElement(Fragment, null,
@@ -201,10 +264,12 @@ function Button(_a) {
                 }
                 return (React.createElement(Fragment, null,
                     icon && iconPosition === ButtonIconPosition.Left && iconEl,
-                    text && (React.createElement(Text, { type: type, state: state, icon: Boolean(icon), iconPosition: iconPosition, textColor: textColor }, text)),
+                    text && (React.createElement(Text, { type: type, state: state, icon: Boolean(icon), iconPosition: iconPosition, textColor: textColor, textTransform: textTransform, fontSize: fontSize, fontWeight: fontWeight, fontFamily: fontFamily, letterSpacing: letterSpacing, disabledbuttonTheme: disabledbuttonTheme, lineHeight: lineHeight, marginOnButtonText: marginOnButtonText }, text)),
                     icon &&
                         iconPosition === ButtonIconPosition.Right &&
-                        iconEl));
+                        iconEl,
+                    svgIconName &&
+                        React.createElement(SvgRenderer, { iconName: svgIconName, width: svgWidth, height: svgHeight, style: { margin: '2px 0px' } })));
             })()));
         })())));
 }

package/build/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\n// import Label from \"../../../../backstage/src/elements/Label\";\nimport { Colors } from \"../Colors\";\nimport Icon from \"./Icon\";\nimport Loader, { LoaderSizes } from \"./Loader\";\n\nexport enum ButtonTypes {\n  Next = \"Next\",\n  Regular = \"Regular\",\n  Thin = \"Thin\",\n}\n\nexport enum ButtonStates {\n  Active = \"Active\",\n  Warning = \"Warning\",\n  Disabled = \"Disabled\",\n}\n\nexport enum ButtonIconPosition {\n  Left = \"Left\",\n  Right = \"Right\",\n}\n\ntype StyledButtonProps = {\n  type: string;\n  state: string;\n  bgColor?: Colors;\n  onClick?: any;\n  margin?: string;\n};\n\nconst StyledButton = styled.div<StyledButtonProps>`\n  position: relative;\n  height: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"48px\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"40px\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      if (props.state === ButtonStates.Warning) {\n        return \"30px\";\n      }\n\n      return \"30px\";\n    }\n\n    return null;\n  }};\n  width: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"100%\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"fit-content\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"fit-content\";\n    }\n\n    return null;\n  }};\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  white-space: nowrap;\n  box-sizing: border-box;\n  text-align: center;\n  border-radius: 10px;\n  transition: all 0.2s;\n  margin: ${(props) => (Boolean(props.margin) ? props.margin : \"0px\")};\n  padding: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"0px\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"0 25px\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"0 15px\";\n    }\n\n    return null;\n  }};\n  background-color: ${(props) => {\n    if (props.state === ButtonStates.Disabled) {\n      return Colors.Grey6;\n    }\n\n    if (props.state === ButtonStates.Warning) {\n      return Colors.White;\n    }\n\n    return props.bgColor || Colors.Orange;\n  }};\n  border: ${(props) => {\n    if (props.state === ButtonStates.Warning) {\n      return `1px solid ${Colors.Grey5}`;\n    }\n\n    return null;\n  }};\n\n  &:hover {\n    cursor: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return null;\n      }\n\n      return props.onClick ? \"pointer\" : null;\n    }};\n    background-color: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return Colors.Grey6;\n      }\n\n      if (props.state === ButtonStates.Warning) {\n        return Colors.White;\n      }\n\n      return Polished.lighten(0.025, props.bgColor || Colors.Orange);\n    }};\n  }\n\n  &:active {\n    cursor: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return null;\n      }\n\n      return props.onClick ? \"pointer\" : null;\n    }};\n    background-color: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return Colors.Grey6;\n      }\n\n      if (props.state === ButtonStates.Warning) {\n        return Colors.White;\n      }\n\n      return Polished.darken(0.025, props.bgColor || Colors.Orange);\n    }};\n  }\n`;\n\ntype TextProps = {\n  type: string;\n  state: string;\n  icon: boolean;\n  iconPosition?: ButtonIconPosition;\n  textColor?: Colors;\n};\n\nconst Text = styled.span<TextProps>`\n  position: relative;\n  font-size: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"1.4rem\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"1.4rem\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"1.2rem\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"1.2rem\";\n    }\n\n    return null;\n  }};\n  font-weight: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"600\";\n      // return \"700\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"600\";\n      // return \"700\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"600\";\n    }\n\n    return null;\n  }};\n  text-transform: uppercase;\n  margin: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"0 10px\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      if (props.iconPosition === ButtonIconPosition.Left) {\n        return \"0 0 0 10px\";\n      }\n\n      if (props.iconPosition === ButtonIconPosition.Right) {\n        return \"0 10px 0 0\";\n      }\n\n      return \"0\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      if (props.iconPosition === ButtonIconPosition.Left) {\n        return \"0 0 0 7px\";\n      }\n\n      if (props.iconPosition === ButtonIconPosition.Right) {\n        return \"0 7px 0 0\";\n      }\n\n      return \"0\";\n    }\n\n    return null;\n  }};\n  color: ${(props: any) => {\n    if (props.state)\n      if (props.state === ButtonStates.Disabled) {\n        return Colors.Grey5;\n      }\n\n    if (props.state === ButtonStates.Warning) {\n      return Colors.Grey3;\n    }\n\n    return props.textColor || Colors.White;\n  }};\n  top: ${(props) => {\n    if (props.type === ButtonTypes.Thin) {\n      if (props.icon) {\n        return \"-1px\";\n      }\n\n      return \"0\";\n    }\n\n    return null;\n  }};\n`;\n\nexport type ButtonProps = {\n  type?: ButtonTypes;\n  state?: ButtonStates;\n  bgColor?: Colors;\n  textColor?: Colors;\n  text?: string;\n  onClick?: any;\n  icon?: any;\n  iconPosition?: ButtonIconPosition;\n  iconSize?: number;\n  margin?: string;\n  loading?: boolean;\n  label?: string;\n  tip?: string;\n  subLabel?: string;\n};\n\nexport default function Button({\n  type = ButtonTypes.Next,\n  state = ButtonStates.Active,\n  bgColor,\n  textColor,\n  text,\n  onClick = () => {},\n  icon,\n  iconPosition,\n  iconSize = 14,\n  // label,\n  // tip,\n  // subLabel,\n  margin,\n  loading = false,\n}: ButtonProps) {\n  const iconColor: Colors =\n    state === ButtonStates.Disabled ? Colors.Grey3 : Colors.White;\n\n  if (icon && !iconPosition) iconPosition = ButtonIconPosition.Left;\n\n  const iconEl = (\n    <Icon\n      icon={icon}\n      color={iconColor}\n      size={iconSize}\n      top={iconSize < 14 ? \"-1px\" : undefined}\n    />\n  );\n\n  const click =\n    loading || state === ButtonStates.Disabled ? null : () => onClick();\n\n  return (\n    <>\n      {/* {label && <Label text={label} subText={subLabel} tip={tip} />} */}\n      <StyledButton\n        type={type}\n        state={state}\n        onClick={click}\n        margin={margin}\n        bgColor={bgColor}\n      >\n        {(() => {\n          return (\n            <Fragment>\n              {(() => {\n                if (loading) {\n                  return (\n                    <Fragment>\n                      <Loader size={LoaderSizes.VerySmall} color={iconColor} />\n                      {/* <Text \n                      type={type} \n                      state={state} \n                      icon={true}\n                    >\n                      Loading...\n                    </Text> */}\n                    </Fragment>\n                  );\n                }\n\n                return (\n                  <Fragment>\n                    {icon && iconPosition === ButtonIconPosition.Left && iconEl}\n                    {text && (\n                      <Text\n                        type={type}\n                        state={state}\n                        icon={Boolean(icon)}\n                        iconPosition={iconPosition}\n                        textColor={textColor}\n                      >\n                        {text}\n                      </Text>\n                    )}\n                    {icon &&\n                      iconPosition === ButtonIconPosition.Right &&\n                      iconEl}\n                  </Fragment>\n                );\n              })()}\n            </Fragment>\n          );\n        })()}\n      </StyledButton>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\n// import Label from \"../../../../backstage/src/elements/Label\";\nimport { Colors } from \"../Colors\";\nimport Icon from \"./Icon\";\nimport Loader, { LoaderSizes } from \"./Loader\";\nimport SvgRenderer from \"./SvgRendrer\";\n\nexport enum ButtonTypes {\n  Next = \"Next\",\n  Regular = \"Regular\",\n  Thin = \"Thin\",\n  Normal = \"Normal\",\n  CustomInputHeight=\"CustomInputHeight\"\n}\n\nexport enum ButtonStates {\n  Active = \"Active\",\n  Warning = \"Warning\",\n  Disabled = \"Disabled\",\n}\n\nexport enum ButtonIconPosition {\n  Left = \"Left\",\n  Right = \"Right\",\n}\n\ntype StyledButtonProps = {\n  type: string;\n  state: string;\n  bgColor?: Colors;\n  onClick?: any;\n  margin?: string;\n  marginBottam?: string;\n  paddingAround?: string;\n  contentAlign?: string;\n  disabledbuttonTheme?:Boolean;\n  CustomInputHeight?:string;\n};\n\nconst StyledButton = styled.div<StyledButtonProps>`\n  position: relative;\n  height: ${(props) => {\n    if (props.CustomInputHeight) {\n      return \"55px\";\n    }\n    if (props.type === ButtonTypes.Next) {\n      return \"48px\";\n    }\n    if (props.type === ButtonTypes.CustomInputHeight) {\n      return \"55px\";\n    }\n    if (props.type === ButtonTypes.Regular) {\n      return \"40px\";\n    }\n\n    if (props.type === ButtonTypes.Normal) {\n      return \"50px\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      if (props.state === ButtonStates.Warning) {\n        return \"30px\";\n      }\n      return \"30px\";\n    }\n\n    return null;\n  }};\n  width: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"100%\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"fit-content\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"fit-content\";\n    }\n\n    if (props.type === ButtonTypes.Normal) {\n      return \"50px\";\n    }\n    return null;\n  }};\n  margin-bottom: ${(props) =>\n    props.marginBottam ? `${props.marginBottam} !important` : \"0px !important\"};\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n  justify-content: ${(props) => props.contentAlign || \"center\"};\n  white-space: nowrap;\n  box-sizing: border-box;\n  text-align: center;\n  border-radius: 10px;\n  transition: all 0.2s;\n  margin: ${(props) => (Boolean(props.margin) ? props.margin : \"0px\")};\n  padding: ${(props) => {\n    if (props.type === ButtonTypes.Next && props.paddingAround) {\n      return props.paddingAround;\n    }\n    if (props.type === ButtonTypes.Next) {\n      return \"0px\";\n    }\n    if (props.type === ButtonTypes.Regular) {\n      return \"0 25px\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"0 15px\";\n    }\n\n    if (props.type === ButtonTypes.Normal) {\n      return \"0 25px\";\n    }\n\n    return null;\n  }};\n  background-color: ${(props) => {\n    if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {\n      return Colors.InteractiveBGSecondary;\n    }\n    if (props.state === ButtonStates.Disabled) {\n      return Colors.Grey6;\n    }\n\n    if (props.state === ButtonStates.Warning) {\n      return Colors.White;\n    }\n\n    return props.bgColor || Colors.Orange;\n  }};\n  border: ${(props) => {\n    if (props.state === ButtonStates.Warning) {\n      return `1px solid ${Colors.Grey5}`;\n    }\n\n    return null;\n  }};\n\n  &:hover {\n    cursor: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return null;\n      }\n\n      return props.onClick ? \"pointer\" : null;\n    }};\n    background-color: ${(props) => {\n      if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {\n        return Colors.Grey1;\n      }\n      if (props.state === ButtonStates.Disabled) {\n        return Colors.Grey6;\n      }\n\n      if (props.state === ButtonStates.Warning) {\n        return Colors.White;\n      }\n\n      return Polished.lighten(0.025, props.bgColor || Colors.Orange);\n    }};\n  }\n\n  &:active {\n    cursor: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return null;\n      }\n\n      return props.onClick ? \"pointer\" : null;\n    }};\n    background-color: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return Colors.Grey6;\n      }\n\n      if (props.state === ButtonStates.Warning) {\n        return Colors.White;\n      }\n\n      return Polished.darken(0.025, props.bgColor || Colors.Orange);\n    }};\n  }\n`;\n\ntype TextProps = {\n  type: string;\n  state: string;\n  icon: boolean;\n  iconPosition?: ButtonIconPosition;\n  textColor?: Colors;\n  textTransform?: string;\n  fontSize?: string;\n  fontWeight?: string;\n  fontFamily?: string;\n  letterSpacing?: string;\n  disabledbuttonTheme?: boolean;\n  lineHeight?:string;\n  marginOnButtonText?:boolean\n};\n\nconst Text = styled.span<TextProps>`\n  position: relative;\n  line-height:${(props) => props.lineHeight};\n  font-family: ${(props) => props.fontFamily};\n  letter-spacing: ${(props) => props.letterSpacing};\n  font-size: ${(props) => {\n    if (props.type === ButtonTypes.Next && props.fontSize) {\n      return props.fontSize;\n    }\n    if (props.type === ButtonTypes.Regular && props.fontSize) {\n      return props.fontSize;\n    }\n    if (props.type === ButtonTypes.Next) {\n      return \"1.4rem\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"1.4rem\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"1.2rem\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"1.2rem\";\n    }\n    if (props.type === ButtonTypes.Normal) {\n      return \"2.5rem\";\n    }\n\n    return null;\n  }};\n  font-weight: ${(props) => {\n    if (props.type === ButtonTypes.Next && props.fontWeight) {\n      return props.fontWeight;\n    }\n    if (props.type === ButtonTypes.Regular && props.fontWeight) {\n      return props.fontWeight;\n    }\n    if (props.type === ButtonTypes.Next) {\n      return \"600\";\n      // return \"700\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"600\";\n      // return \"700\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"600\";\n    }\n\n    if (props.type === ButtonTypes.Normal) {\n      return \"500\";\n    }\n    return null;\n  }};\n  text-transform: ${(props) => props.textTransform || \"uppercase\"};\n  margin: ${(props) => {\n    if (props.type === ButtonTypes.Next && props.marginOnButtonText) {\n      return \"0 10px 0 0\";\n    }\n    if (props.type === ButtonTypes.Next) {\n      return \"0 10px\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      if (props.iconPosition === ButtonIconPosition.Left) {\n        return \"0 0 0 10px\";\n      }\n\n      if (props.iconPosition === ButtonIconPosition.Right) {\n        return \"0 10px 0 0\";\n      }\n\n      return \"0\";\n    }\n\n    if (props.type === ButtonTypes.Normal) {\n      if (props.iconPosition === ButtonIconPosition.Left) {\n        return \"0 0 0 10px\";\n      }\n\n      if (props.iconPosition === ButtonIconPosition.Right) {\n        return \"0 10px 0 0\";\n      }\n\n      return \"0\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      if (props.iconPosition === ButtonIconPosition.Left) {\n        return \"0 0 0 7px\";\n      }\n\n      if (props.iconPosition === ButtonIconPosition.Right) {\n        return \"0 7px 0 0\";\n      }\n\n      return \"0\";\n    }\n\n    return null;\n  }};\n  color: ${(props: any) => {\n    if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {\n      return Colors.Grey3;\n    }\n    if (props.state)\n      if (props.state === ButtonStates.Disabled) {\n        return Colors.Grey5;\n      }\n\n    if (props.state === ButtonStates.Warning) {\n      return Colors.Grey3;\n    }\n\n    return props.textColor || Colors.White;\n  }};\n  top: ${(props) => {\n    if (props.type === ButtonTypes.Thin) {\n      if (props.icon) {\n        return \"-1px\";\n      }\n\n      return \"0\";\n    }\n\n    return null;\n  }};\n`;\n\nexport type ButtonProps = {\n  type?: ButtonTypes;\n  state?: ButtonStates;\n  bgColor?: Colors;\n  textColor?: Colors;\n  text?: string;\n  onClick?: any;\n  icon?: any;\n  iconPosition?: ButtonIconPosition;\n  iconSize?: number;\n  margin?: string;\n  loading?: boolean;\n  label?: string;\n  tip?: string;\n  subLabel?: string;\n  marginBottam?: string;\n  paddingAround?: string;\n  contentAlign?: string;\n  textTransform?: string;\n  fontSize?: string;\n  fontWeight?: string;\n  fontFamily?: string;\n  letterSpacing?: string;\n  disabledbuttonTheme?: boolean;\n  CustomInputHeight?:string;\n  lineHeight?:string;\n  svgIconName?:string;\n  svgWidth?:string;\n  svgHeight?:string;\n  marginOnButtonText?:boolean;\n};\n\nexport default function Button({\n  type = ButtonTypes.Next,\n  state = ButtonStates.Active,\n  bgColor,\n  textColor,\n  text,\n  onClick = () => {},\n  icon,\n  iconPosition,\n  iconSize = 14,\n  // label,\n  // tip,\n  // subLabel,\n  margin,\n  marginBottam,\n  loading = false,\n  paddingAround,\n  contentAlign,\n  textTransform,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  letterSpacing,\n  disabledbuttonTheme,\n  CustomInputHeight,\n  lineHeight,\n  svgIconName,\n  svgHeight,\n  svgWidth,\n  marginOnButtonText\n}: ButtonProps) {\n  const iconColor: Colors =\n    state === ButtonStates.Disabled ? Colors.Grey3 : Colors.White;\n\n  if (icon && !iconPosition) iconPosition = ButtonIconPosition.Left;\n\n  const iconEl = (\n    <Icon\n      icon={icon}\n      color={iconColor}\n      size={iconSize}\n      top={iconSize < 14 ? \"-1px\" : undefined}\n    />\n  );\n\n  const click =\n    loading || state === ButtonStates.Disabled ? null : () => onClick();\n\n  return (\n    <>\n      {/* {label && <Label text={label} subText={subLabel} tip={tip} />} */}\n      <StyledButton\n        type={type}\n        state={state}\n        onClick={click}\n        margin={margin}\n        bgColor={bgColor}\n        marginBottam={marginBottam}\n        paddingAround={paddingAround}\n        contentAlign={contentAlign}\n        disabledbuttonTheme={disabledbuttonTheme}\n        CustomInputHeight={CustomInputHeight}\n      >\n        {(() => {\n          return (\n            <Fragment>\n              {(() => {\n                if (loading) {\n                  return (\n                    <Fragment>\n                      <Loader size={LoaderSizes.VerySmall} color={iconColor} />\n                      {/* <Text \n                      type={type} \n                      state={state} \n                      icon={true}\n                    >\n                      Loading...\n                    </Text> */}\n                    </Fragment>\n                  );\n                }\n\n                return (\n                  <Fragment>\n                    {icon && iconPosition === ButtonIconPosition.Left && iconEl}\n                    {text && (\n                      <Text\n                        type={type}\n                        state={state}\n                        icon={Boolean(icon)}\n                        iconPosition={iconPosition}\n                        textColor={textColor}\n                        textTransform={textTransform}\n                        fontSize={fontSize}\n                        fontWeight={fontWeight}\n                        fontFamily={fontFamily}\n                        letterSpacing={letterSpacing}\n                        disabledbuttonTheme={disabledbuttonTheme}\n                        lineHeight={lineHeight}\n                        marginOnButtonText={marginOnButtonText}\n                      >\n                        {text}\n                      </Text>\n                    )}\n                    {icon &&\n                      iconPosition === ButtonIconPosition.Right &&\n                      iconEl}\n                      {svgIconName &&\n                       <SvgRenderer\n                        iconName={svgIconName}\n                        width={svgWidth}\n                        height={svgHeight}  \n                        style={{ margin: '2px 0px'}}\n                      />\n                      }\n                  </Fragment>\n                );\n              })()}\n            </Fragment>\n          );\n        })()}\n      </StyledButton>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/build/components/CodeInput.d.ts

@@ -1,9 +1,22 @@
-import React from 'react';
+import React from "react";
 declare type CodeInputProps = {
     length: number;
     onChange: Function;
     onComplete: Function;
     resetCode?: boolean;
+    color?: string;
+    placeholder?: string;
+    height?: string;
+    width?: string;
+    border?: string;
+    bgColor?: string;
+    borderRadius?: string;
+    borderHover?: string;
+    fontSize?: string;
+    marginRight?: string;
+    fontWeight?: string;
+    fontFamily?: string;
+    paddingLeft?: string;
 };
 declare const CodeInput: React.FC<CodeInputProps>;
 export default CodeInput;