@sellout/ui 0.0.398 → 0.0.400

package/build/components/Label.js

@@ -1,22 +1,22 @@
-import { __makeTemplateObject } from '../_virtual/_tslib.js';
+import { __makeTemplateObject } from '../node_modules/tslib/tslib.es6.js';
 import React from 'react';
 import styled from 'styled-components';
 import { Colors } from '../Colors.js';
 import Tip from './Tip.js';
 
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ", ";\n  height: ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ", ";\n  height: ", ";\n"])), function (props) { return props.margin; }, function (props) { return props.height || "15px"; });
-var Text = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  //margin-right: 7px;\n  font-family: ", ";\n  margin-bottom: ", ";\n  letter-spacing: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  //margin-right: 7px;\n  font-family: ", ";\n  margin-bottom: ", ";\n  letter-spacing: ", ";\n"])), function (props) { return props.fontSize || "1.2rem"; }, function (props) { return props.fontWeight || "600"; }, function (props) { return props.color || Colors.Grey1; }, function (props) { return props.fontFamily; }, function (props) { return props.marginBottam; }, function (props) { return props.letterSpacing; });
-var SubText = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), Colors.Grey3);
-var Label = function (_a) {
-    var text = _a.text, subText = _a.subText, tip = _a.tip, labelColor = _a.labelColor, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontFamily = _a.fontFamily, marginBottam = _a.marginBottam, _b = _a.margin, margin = _b === void 0 ? "0 0 8px" : _b, letterSpacing = _a.letterSpacing, height = _a.height;
-    return (React.createElement(Container, { margin: margin, height: height },
-        React.createElement(Text, { color: labelColor, fontSize: fontSize, fontWeight: fontWeight, fontFamily: fontFamily, marginBottam: marginBottam, letterSpacing: letterSpacing },
-            text,
-            subText && React.createElement(SubText, null,
-                "\u00A0",
-                subText)),
-        tip && React.createElement(Tip, { tip: tip })));
-};
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ", ";\n  height: ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ", ";\n  height: ", ";\n"])), function (props) { return props.margin; }, function (props) { return props.height || "15px"; });
+var Text = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  //margin-right: 7px;\n  font-family: ", ";\n  margin-bottom: ", ";\n  letter-spacing: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  //margin-right: 7px;\n  font-family: ", ";\n  margin-bottom: ", ";\n  letter-spacing: ", ";\n"])), function (props) { return props.fontSize || "1.2rem"; }, function (props) { return props.fontWeight || "600"; }, function (props) { return props.color || Colors.Grey1; }, function (props) { return props.fontFamily; }, function (props) { return props.marginBottam; }, function (props) { return props.letterSpacing; });
+var SubText = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), Colors.Grey3);
+var Label = function (_a) {
+    var text = _a.text, subText = _a.subText, tip = _a.tip, labelColor = _a.labelColor, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontFamily = _a.fontFamily, marginBottam = _a.marginBottam, _b = _a.margin, margin = _b === void 0 ? "0 0 8px" : _b, letterSpacing = _a.letterSpacing, height = _a.height;
+    return (React.createElement(Container, { margin: margin, height: height },
+        React.createElement(Text, { color: labelColor, fontSize: fontSize, fontWeight: fontWeight, fontFamily: fontFamily, marginBottam: marginBottam, letterSpacing: letterSpacing },
+            text,
+            subText && React.createElement(SubText, null,
+                "\u00A0",
+                subText)),
+        tip && React.createElement(Tip, { tip: tip })));
+};
 var templateObject_1, templateObject_2, templateObject_3;
 
 export { Label as default };

package/build/components/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../src/components/Label.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../Colors\";\nimport Tip from \"./Tip\";\n\ntype ContainerProps = {\n  margin: string;\n  height?:string\n};\n\ntype TextProps = {\n  fontSize?: string;\n  fontWeight?: string;\n  fontFamily?: string;\n  marginBottam?: string;\n  letterSpacing?: string;\n};\nconst Container = styled.div<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ${(props) => props.margin};\n  height: ${(props) => props.height || \"15px\"};\n`;\n\nconst Text = styled.div<TextProps>`\n  font-size: ${(props) => props.fontSize || \"1.2rem\"};\n  font-weight: ${(props) => props.fontWeight || \"600\"};\n  color: ${(props) => props.color || Colors.Grey1};\n  //margin-right: 7px;\n  font-family: ${(props) => props.fontFamily};\n  margin-bottom: ${(props) => props.marginBottam};\n  letter-spacing: ${(props) => props.letterSpacing};\n`;\n\nconst SubText = styled.span`\n  color: ${Colors.Grey3};\n`;\n\ntype LabelProps = {\n  text: string;\n  subText?: string;\n  tip?: string;\n  margin?: string;\n  labelColor?: string;\n  fontSize?: string;\n  fontWeight?: string;\n  fontFamily?: string;\n  marginBottam?: string;\n  letterSpacing?: string;\n  height?:string;\n};\n\nconst Label: React.FC<LabelProps> = ({\n  text,\n  subText,\n  tip,\n  labelColor,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  marginBottam,\n  margin = \"0 0 8px\",\n  letterSpacing,\n  height,\n}) => {\n  return (\n    <Container margin={margin} height={height}>\n      <Text\n        color={labelColor}\n        fontSize={fontSize}\n        fontWeight={fontWeight}\n        fontFamily={fontFamily}\n        marginBottam={marginBottam}\n        letterSpacing={letterSpacing}\n      >\n        {text}\n        {subText && <SubText>&nbsp;{subText}</SubText>}\n      </Text>\n      {tip && <Tip tip={tip} />}\n    </Container>\n  );\n};\n\nexport default Label;\n"],"names":[],"mappings":";;;;;;AAiBA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAgB,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,gFAAA,EAAA,eAAA,EAAA,KAAA,CAAA,EAAA,CAAA,gFAIhC,EAAuB,eACvB,EAAiC,KAC5C,CAAA,CAAA,CAAA,EAFW,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,CAAZ,EAAY,EACvB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,MAAM,IAAI,MAAM,CAAtB,EAAsB,CAC5C,CAAC;AAEF,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,iBAAA,EAAA,oBAAA,EAAA,cAAA,EAAA,4CAAA,EAAA,sBAAA,EAAA,uBAAA,EAAA,KAAA,CAAA,EAAA,CAAW,iBACnB,EAAqC,oBACnC,EAAoC,cAC1C,EAAsC,4CAEhC,EAA2B,sBACzB,EAA6B,uBAC5B,EAA8B,KACjD,CAPc,CAAA,CAAA,EAAA,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,QAAQ,IAAI,QAAQ,GAAA,EACnC,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,UAAU,IAAI,KAAK,GAAA,EAC1C,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,GAAA,EAEhC,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,UAAU,CAAhB,EAAgB,EACzB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,YAAY,GAAA,EAC5B,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,aAAa,CAAnB,EAAmB,CACjD,CAAC;AAEF,IAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,aAAA,EAAA,KAAA,CAAA,EAAA,CAAA,aAChB,EAAY,KACtB,CADU,CAAA,CAAA,EAAA,MAAM,CAAC,KAAK,CACtB,CAAC;AAgBI,IAAA,KAAK,GAAyB,UAAC,EAYpC,EAAA;AAXC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,UAAU,gBAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,cAAkB,EAAlB,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA,EAClB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;IAEN,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAA;QACvC,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAAA;YAE3B,IAAI;YACJ,OAAO,IAAI,oBAAC,OAAO,EAAA,IAAA;;AAAQ,gBAAA,OAAO,CAAW,CACzC;QACN,GAAG,IAAI,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,CAAI,CACf,EACZ;AACJ,EAAE;;;;;"}
+{"version":3,"file":"Label.js","sources":["../../src/components/Label.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAiBA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAgB,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,gFAAA,EAAA,eAAA,EAAA,KAAA,CAAA,EAAA,CAAA,gFAIhC,EAAuB,eACvB,EAAiC,KAC5C,CAAA,CAAA,CAAA,EAFW,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,CAAZ,EAAY,EACvB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,MAAM,IAAI,MAAM,CAAtB,EAAsB,CAC5C,CAAC;AAEF,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,iBAAA,EAAA,oBAAA,EAAA,cAAA,EAAA,4CAAA,EAAA,sBAAA,EAAA,uBAAA,EAAA,KAAA,CAAA,EAAA,CAAW,iBACnB,EAAqC,oBACnC,EAAoC,cAC1C,EAAsC,4CAEhC,EAA2B,sBACzB,EAA6B,uBAC5B,EAA8B,KACjD,CAPc,CAAA,CAAA,EAAA,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,QAAQ,IAAI,QAAQ,GAAA,EACnC,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,UAAU,IAAI,KAAK,GAAA,EAC1C,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,GAAA,EAEhC,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,UAAU,CAAhB,EAAgB,EACzB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,YAAY,GAAA,EAC5B,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,aAAa,CAAnB,EAAmB,CACjD,CAAC;AAEF,IAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,aAAA,EAAA,KAAA,CAAA,EAAA,CAAA,aAChB,EAAY,KACtB,CADU,CAAA,CAAA,EAAA,MAAM,CAAC,KAAK,CACtB,CAAC;AAgBI,IAAA,KAAK,GAAyB,UAAC,EAYpC,EAAA;AAXC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,UAAU,gBAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,cAAkB,EAAlB,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA,EAClB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;IAEN,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAA;QACvC,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAAA;YAE3B,IAAI;YACJ,OAAO,IAAI,oBAAC,OAAO,EAAA,IAAA;;AAAQ,gBAAA,OAAO,CAAW,CACzC;QACN,GAAG,IAAI,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,CAAI,CACf,EACZ;AACJ,EAAE;;;;;"}

package/build/components/Loader.d.ts

@@ -1,14 +1,14 @@
-import React from "react";
-import { Colors } from "./../Colors";
-export declare enum LoaderSizes {
-    FuckingTiny = "FuckingTiny",
-    SuperSmall = "SuperSmall",
-    VerySmall = "VerySmall",
-    Small = "Small",
-    Medium = "Medium",
-    Large = "Large"
-}
-export default function Loader({ size, color, }: {
-    size?: LoaderSizes | undefined;
-    color?: Colors | undefined;
-}): React.JSX.Element;
+import React from "react";
+import { Colors } from "./../Colors";
+export declare enum LoaderSizes {
+    FuckingTiny = "FuckingTiny",
+    SuperSmall = "SuperSmall",
+    VerySmall = "VerySmall",
+    Small = "Small",
+    Medium = "Medium",
+    Large = "Large"
+}
+export default function Loader({ size, color, }: {
+    size?: LoaderSizes | undefined;
+    color?: Colors | undefined;
+}): React.JSX.Element;

package/build/components/Loader.js

@@ -1,36 +1,36 @@
-import { __makeTemplateObject } from '../_virtual/_tslib.js';
+import { __makeTemplateObject } from '../node_modules/tslib/tslib.es6.js';
 import React from 'react';
 import styled from 'styled-components';
 import { Colors } from '../Colors.js';
 
-var _a;
-var LoaderSizes;
-(function (LoaderSizes) {
-    LoaderSizes["FuckingTiny"] = "FuckingTiny";
-    LoaderSizes["SuperSmall"] = "SuperSmall";
-    LoaderSizes["VerySmall"] = "VerySmall";
-    LoaderSizes["Small"] = "Small";
-    LoaderSizes["Medium"] = "Medium";
-    LoaderSizes["Large"] = "Large";
-})(LoaderSizes || (LoaderSizes = {}));
-var LoaderSizesMap = (_a = {},
-    _a[LoaderSizes.FuckingTiny] = 14,
-    _a[LoaderSizes.SuperSmall] = 20,
-    _a[LoaderSizes.VerySmall] = 24,
-    _a[LoaderSizes.Small] = 30,
-    _a[LoaderSizes.Medium] = 40,
-    _a[LoaderSizes.Large] = 60,
-    _a);
-var scale = function (size, scale) { return size * scale + "px"; };
-var StyledLoader = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  top: 1.5px;\n\n  .lds-ring {\n    display: inline-block;\n    position: relative;\n    width: ", ";\n    height: ", ";\n  }\n  .lds-ring div {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: ", ";\n    height: ", ";\n    margin: ", ";\n    border: ", " solid ", ";\n    border-radius: 50%;\n    animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ", " transparent transparent transparent;\n  }\n  .lds-ring div:nth-child(1) {\n    animation-delay: -0.3s;\n  }\n  .lds-ring div:nth-child(2) {\n    animation-delay: -0.2s;\n  }\n  .lds-ring div:nth-child(3) {\n    animation-delay: -0.1s;\n  }\n  @keyframes lds-ring {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"], ["\n  position: relative;\n  top: 1.5px;\n\n  .lds-ring {\n    display: inline-block;\n    position: relative;\n    width: ", ";\n    height: ", ";\n  }\n  .lds-ring div {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: ", ";\n    height: ", ";\n    margin: ", ";\n    border: ", " solid ", ";\n    border-radius: 50%;\n    animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ", " transparent transparent transparent;\n  }\n  .lds-ring div:nth-child(1) {\n    animation-delay: -0.3s;\n  }\n  .lds-ring div:nth-child(2) {\n    animation-delay: -0.2s;\n  }\n  .lds-ring div:nth-child(3) {\n    animation-delay: -0.1s;\n  }\n  @keyframes lds-ring {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])), function (props) { return scale(props.size, 1); }, function (props) { return scale(props.size, 1); }, function (props) { return scale(props.size, .8); }, function (props) { return scale(props.size, .8); }, function (props) { return scale(props.size, .1); }, function (props) { return scale(props.size, 0.066); }, function (props) { return props.color; }, function (props) { return props.color; });
-function Loader(_a) {
-    var _b = _a.size, size = _b === void 0 ? LoaderSizes.Medium : _b, _c = _a.color, color = _c === void 0 ? Colors.White : _c;
-    return (React.createElement(StyledLoader, { size: LoaderSizesMap[size], color: color },
-        React.createElement("div", { className: "lds-ring" },
-            React.createElement("div", null),
-            React.createElement("div", null),
-            React.createElement("div", null))));
-}
+var _a;
+var LoaderSizes;
+(function (LoaderSizes) {
+    LoaderSizes["FuckingTiny"] = "FuckingTiny";
+    LoaderSizes["SuperSmall"] = "SuperSmall";
+    LoaderSizes["VerySmall"] = "VerySmall";
+    LoaderSizes["Small"] = "Small";
+    LoaderSizes["Medium"] = "Medium";
+    LoaderSizes["Large"] = "Large";
+})(LoaderSizes || (LoaderSizes = {}));
+var LoaderSizesMap = (_a = {},
+    _a[LoaderSizes.FuckingTiny] = 14,
+    _a[LoaderSizes.SuperSmall] = 20,
+    _a[LoaderSizes.VerySmall] = 24,
+    _a[LoaderSizes.Small] = 30,
+    _a[LoaderSizes.Medium] = 40,
+    _a[LoaderSizes.Large] = 60,
+    _a);
+var scale = function (size, scale) { return "".concat(size * scale, "px"); };
+var StyledLoader = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  top: 1.5px;\n\n  .lds-ring {\n    display: inline-block;\n    position: relative;\n    width: ", ";\n    height: ", ";\n  }\n  .lds-ring div {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: ", ";\n    height: ", ";\n    margin: ", ";\n    border: ", " solid ", ";\n    border-radius: 50%;\n    animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ", " transparent transparent transparent;\n  }\n  .lds-ring div:nth-child(1) {\n    animation-delay: -0.3s;\n  }\n  .lds-ring div:nth-child(2) {\n    animation-delay: -0.2s;\n  }\n  .lds-ring div:nth-child(3) {\n    animation-delay: -0.1s;\n  }\n  @keyframes lds-ring {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"], ["\n  position: relative;\n  top: 1.5px;\n\n  .lds-ring {\n    display: inline-block;\n    position: relative;\n    width: ", ";\n    height: ", ";\n  }\n  .lds-ring div {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: ", ";\n    height: ", ";\n    margin: ", ";\n    border: ", " solid ", ";\n    border-radius: 50%;\n    animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ", " transparent transparent transparent;\n  }\n  .lds-ring div:nth-child(1) {\n    animation-delay: -0.3s;\n  }\n  .lds-ring div:nth-child(2) {\n    animation-delay: -0.2s;\n  }\n  .lds-ring div:nth-child(3) {\n    animation-delay: -0.1s;\n  }\n  @keyframes lds-ring {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])), function (props) { return scale(props.size, 1); }, function (props) { return scale(props.size, 1); }, function (props) { return scale(props.size, .8); }, function (props) { return scale(props.size, .8); }, function (props) { return scale(props.size, .1); }, function (props) { return scale(props.size, 0.066); }, function (props) { return props.color; }, function (props) { return props.color; });
+function Loader(_a) {
+    var _b = _a.size, size = _b === void 0 ? LoaderSizes.Medium : _b, _c = _a.color, color = _c === void 0 ? Colors.White : _c;
+    return (React.createElement(StyledLoader, { size: LoaderSizesMap[size], color: color },
+        React.createElement("div", { className: "lds-ring" },
+            React.createElement("div", null),
+            React.createElement("div", null),
+            React.createElement("div", null))));
+}
 var templateObject_1;
 
 export { LoaderSizes, Loader as default };

package/build/components/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../src/components/Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"./../Colors\";\n\nexport enum LoaderSizes {\n  FuckingTiny = \"FuckingTiny\",\n  SuperSmall = \"SuperSmall\",\n  VerySmall = \"VerySmall\",\n  Small = \"Small\",\n  Medium = \"Medium\",\n  Large = \"Large\",\n};\n\nconst LoaderSizesMap = {\n  [LoaderSizes.FuckingTiny]: 14,\n  [LoaderSizes.SuperSmall]: 20,\n  [LoaderSizes.VerySmall]: 24,\n  [LoaderSizes.Small]: 30,\n  [LoaderSizes.Medium]: 40,\n  [LoaderSizes.Large]: 60\n};\n\ntype StyledLoaderProps = {\n  size: number;\n  color: string;\n}\n\nconst scale = (size: number, scale: number) => `${size * scale}px`;\n\nconst StyledLoader = styled.div<StyledLoaderProps>`\n  position: relative;\n  top: 1.5px;\n\n  .lds-ring {\n    display: inline-block;\n    position: relative;\n    width: ${props => scale(props.size, 1)};\n    height: ${props => scale(props.size, 1)};\n  }\n  .lds-ring div {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: ${props => scale(props.size, .8)};\n    height: ${props => scale(props.size, .8)};\n    margin: ${props => scale(props.size, .1)};\n    border: ${props => scale(props.size, 0.066)} solid ${props => props.color};\n    border-radius: 50%;\n    animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ${props => props.color} transparent transparent transparent;\n  }\n  .lds-ring div:nth-child(1) {\n    animation-delay: -0.3s;\n  }\n  .lds-ring div:nth-child(2) {\n    animation-delay: -0.2s;\n  }\n  .lds-ring div:nth-child(3) {\n    animation-delay: -0.1s;\n  }\n  @keyframes lds-ring {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n\nexport default function Loader({\n  size = LoaderSizes.Medium,\n  color = Colors.White,\n}) {\n  return (\n    <StyledLoader \n      size={LoaderSizesMap[size]} \n      color={color}\n    >\n      <div className=\"lds-ring\">\n        <div></div>\n        <div></div>\n        <div></div>\n      </div>\n    </StyledLoader>\n  );\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"Loader.js","sources":["../../src/components/Loader.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/build/components/MaxLength.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-declare type MaxLengthProps = {
-    value: string;
-    maxLength: number;
-    maxLengthDisabled?: boolean;
-};
-declare const MaxLength: React.FC<MaxLengthProps>;
-export default MaxLength;
+import React from "react";
+type MaxLengthProps = {
+    value: string;
+    maxLength: number;
+    maxLengthDisabled?: boolean;
+};
+declare const MaxLength: React.FC<MaxLengthProps>;
+export default MaxLength;

package/build/components/MaxLength.js

@@ -1,19 +1,19 @@
-import { __makeTemplateObject } from '../_virtual/_tslib.js';
+import { __makeTemplateObject } from '../node_modules/tslib/tslib.es6.js';
 import React from 'react';
 import styled from 'styled-components';
 import { Colors } from '../Colors.js';
 
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ", ";\n  margin-bottom: 10px;\n"], ["\n  display: flex;\n  align-items: center;\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ", ";\n  margin-bottom: 10px;\n"])), function (props) { return (props.isMax ? Colors.Red : Colors.Grey3); });
-var MaxLength = function (_a) {
-    var value = _a.value, maxLength = _a.maxLength, maxLengthDisabled = _a.maxLengthDisabled;
-    if (maxLengthDisabled) {
-        return null;
-    }
-    return (React.createElement(Container, { isMax: (value === null || value === void 0 ? void 0 : value.length) === maxLength }, value === null || value === void 0 ? void 0 :
-        value.length,
-        "/",
-        maxLength));
-};
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ", ";\n  margin-bottom: 10px;\n"], ["\n  display: flex;\n  align-items: center;\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ", ";\n  margin-bottom: 10px;\n"])), function (props) { return (props.isMax ? Colors.Red : Colors.Grey3); });
+var MaxLength = function (_a) {
+    var value = _a.value, maxLength = _a.maxLength, maxLengthDisabled = _a.maxLengthDisabled;
+    if (maxLengthDisabled) {
+        return null;
+    }
+    return (React.createElement(Container, { isMax: (value === null || value === void 0 ? void 0 : value.length) === maxLength }, value === null || value === void 0 ? void 0 :
+        value.length,
+        "/",
+        maxLength));
+};
 var templateObject_1;
 
 export { MaxLength as default };

package/build/components/MaxLength.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaxLength.js","sources":["../../src/components/MaxLength.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from '../Colors';\n\ntype ContainerProps = {\n  isMax: boolean;\n};\n\nconst Container = styled.div<ContainerProps>`\n  display: flex;\n  align-items: center;\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ${(props) => (props.isMax ? Colors.Red : Colors.Grey3)};\n  margin-bottom: 10px;\n`;\n\ntype MaxLengthProps = {\n  value: string;\n  maxLength: number;\n  maxLengthDisabled?:boolean\n};\n\nconst MaxLength: React.FC<MaxLengthProps> = ({ value, maxLength, maxLengthDisabled }) => {\n  if (maxLengthDisabled) {\n    return null;\n  }\n  return (\n    <Container isMax={value?.length === maxLength}>\n      {value?.length}/{maxLength}\n    </Container>\n  );\n};\n\n\nexport default MaxLength;\n"],"names":[],"mappings":";;;;;AAQA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAgB,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,kGAAA,EAAA,6BAAA,CAAA,EAAA,CAAA,kGAKjC,EAAoD,6BAE9D,KAFU,UAAC,KAAK,EAAK,EAAA,QAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,EAAxC,EAAyC,CAE9D,CAAC;AAQI,IAAA,SAAS,GAA6B,UAAC,EAAuC,EAAA;AAArC,IAAA,IAAA,KAAK,WAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,iBAAiB,GAAA,EAAA,CAAA,iBAAA,CAAA;AAChF,IAAA,IAAI,iBAAiB,EAAE;AACrB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AACD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,IAAC,KAAK,EAAE,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,MAAM,MAAK,SAAS,EAC1C,EAAA,KAAK,aAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA;AAAL,QAAA,KAAK,CAAE,MAAM;;QAAG,SAAS,CAChB,EACZ;AACJ,EAAE;;;;;"}
+{"version":3,"file":"MaxLength.js","sources":["../../src/components/MaxLength.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAgB,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,kGAAA,EAAA,6BAAA,CAAA,EAAA,CAAA,kGAKjC,EAAoD,6BAE9D,KAFU,UAAC,KAAK,EAAK,EAAA,QAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,EAAxC,EAAyC,CAE9D,CAAC;AAQI,IAAA,SAAS,GAA6B,UAAC,EAAuC,EAAA;AAArC,IAAA,IAAA,KAAK,WAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,iBAAiB,GAAA,EAAA,CAAA,iBAAA,CAAA;AAChF,IAAA,IAAI,iBAAiB,EAAE;AACrB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AACD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,IAAC,KAAK,EAAE,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,MAAM,MAAK,SAAS,EAC1C,EAAA,KAAK,aAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA;AAAL,QAAA,KAAK,CAAE,MAAM;;QAAG,SAAS,CAChB,EACZ;AACJ,EAAE;;;;;"}

package/build/components/Motion.d.ts

@@ -1,30 +1,30 @@
-import React from "react";
-/********************************************************************************
- *  Error Pop
- *******************************************************************************/
-declare type ErrorPopProps = {
-    duration?: number;
-};
-export declare const ErrorPop: React.FC<ErrorPopProps>;
-/********************************************************************************
- *  Pop
- *******************************************************************************/
-declare type PopProps = {
-    duration?: number;
-};
-export declare const Pop: React.FC<PopProps>;
-/********************************************************************************
- *  Card Pop
- *******************************************************************************/
-declare type CardPopProps = {
-    duration?: number;
-};
-export declare const CardPop: React.FC<CardPopProps>;
-/********************************************************************************
- *  Fade In
- *******************************************************************************/
-declare type FadeInProps = {
-    duration?: number;
-};
-export declare const FadeIn: React.FC<FadeInProps>;
-export {};
+import React from "react";
+/********************************************************************************
+ *  Error Pop
+ *******************************************************************************/
+type ErrorPopProps = {
+    duration?: number;
+};
+export declare const ErrorPop: React.FC<ErrorPopProps>;
+/********************************************************************************
+ *  Pop
+ *******************************************************************************/
+type PopProps = {
+    duration?: number;
+};
+export declare const Pop: React.FC<PopProps>;
+/********************************************************************************
+ *  Card Pop
+ *******************************************************************************/
+type CardPopProps = {
+    duration?: number;
+};
+export declare const CardPop: React.FC<CardPopProps>;
+/********************************************************************************
+ *  Fade In
+ *******************************************************************************/
+type FadeInProps = {
+    duration?: number;
+};
+export declare const FadeIn: React.FC<FadeInProps>;
+export {};

package/build/components/Motion.js

@@ -1,39 +1,39 @@
-import { __rest, __assign } from '../_virtual/_tslib.js';
+import { __rest, __assign } from '../node_modules/tslib/tslib.es6.js';
 import React from 'react';
 import { motion } from 'framer-motion';
 
-var ErrorPop = function (_a) {
-    _a.duration; var children = _a.children, props = __rest(_a, ["duration", "children"]);
-    return (React.createElement(motion.div, __assign({}, props, { initial: { right: -100 }, animate: { right: 15 }, transition: {
-            // duration: duration as any,
-            type: "spring",
-            stiffness: 400,
-            damping: 20,
-        } }), children));
-};
-var Pop = function (_a) {
-    _a.duration; var children = _a.children, props = __rest(_a, ["duration", "children"]);
-    return (React.createElement(motion.div, __assign({}, props, { initial: { scale: 0.8 }, animate: { scale: 1 }, transition: {
-            // duration,
-            type: "spring",
-            stiffness: 260,
-            damping: 20,
-        } }), children));
-};
-var CardPop = function (_a) {
-    var _b = _a.duration, duration = _b === void 0 ? 0.2 : _b, children = _a.children, props = __rest(_a, ["duration", "children"]);
-    return (React.createElement(motion.div, __assign({}, props, { initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, transition: {
-            duration: duration,
-            // type: 'spring',
-            stiffness: 260,
-            damping: 20,
-        } }), children));
-};
-var FadeIn = function (_a) {
-    var _b = _a.duration, duration = _b === void 0 ? 0.2 : _b, children = _a.children, props = __rest(_a, ["duration", "children"]);
-    return (React.createElement(motion.div, __assign({}, props, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: {
-            duration: duration,
-        } }), children));
+var ErrorPop = function (_a) {
+    _a.duration; var children = _a.children, props = __rest(_a, ["duration", "children"]);
+    return (React.createElement(motion.div, __assign({}, props, { initial: { right: -100 }, animate: { right: 15 }, transition: {
+            // duration: duration as any,
+            type: "spring",
+            stiffness: 400,
+            damping: 20,
+        } }), children));
+};
+var Pop = function (_a) {
+    _a.duration; var children = _a.children, props = __rest(_a, ["duration", "children"]);
+    return (React.createElement(motion.div, __assign({}, props, { initial: { scale: 0.8 }, animate: { scale: 1 }, transition: {
+            // duration,
+            type: "spring",
+            stiffness: 260,
+            damping: 20,
+        } }), children));
+};
+var CardPop = function (_a) {
+    var _b = _a.duration, duration = _b === void 0 ? 0.2 : _b, children = _a.children, props = __rest(_a, ["duration", "children"]);
+    return (React.createElement(motion.div, __assign({}, props, { initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, transition: {
+            duration: duration,
+            // type: 'spring',
+            stiffness: 260,
+            damping: 20,
+        } }), children));
+};
+var FadeIn = function (_a) {
+    var _b = _a.duration, duration = _b === void 0 ? 0.2 : _b, children = _a.children, props = __rest(_a, ["duration", "children"]);
+    return (React.createElement(motion.div, __assign({}, props, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: {
+            duration: duration,
+        } }), children));
 };
 
 export { CardPop, ErrorPop, FadeIn, Pop };

package/build/components/Motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Motion.js","sources":["../../src/components/Motion.tsx"],"sourcesContent":["import React from \"react\";\nimport { motion } from \"framer-motion\";\n\n/********************************************************************************\n *  Error Pop\n *******************************************************************************/\n\ntype ErrorPopProps = {\n  duration?: number;\n};\n\nexport const ErrorPop: React.FC<ErrorPopProps> = ({\n  duration = 0.2,\n  children,\n  ...props\n}) => {\n  return (\n    <motion.div\n      {...props}\n      initial={{ right: -100 }}\n      animate={{ right: 15 }}\n      transition={{\n        // duration: duration as any,\n        type: \"spring\",\n        stiffness: 400,\n        damping: 20,\n      }}\n    >\n      {children}\n    </motion.div>\n  );\n};\n\n/********************************************************************************\n *  Pop\n *******************************************************************************/\n\ntype PopProps = {\n  duration?: number;\n};\n\nexport const Pop: React.FC<PopProps> = ({\n  duration = 0.2,\n  children,\n  ...props\n}) => {\n  return (\n    <motion.div\n      {...props}\n      initial={{ scale: 0.8 }}\n      animate={{ scale: 1 }}\n      transition={{\n        // duration,\n        type: \"spring\",\n        stiffness: 260,\n        damping: 20,\n      }}\n    >\n      {children}\n    </motion.div>\n  );\n};\n\n/********************************************************************************\n *  Card Pop\n *******************************************************************************/\n\ntype CardPopProps = {\n  duration?: number;\n};\n\nexport const CardPop: React.FC<CardPopProps> = ({\n  duration = 0.2,\n  children,\n  ...props\n}) => {\n  return (\n    <motion.div\n      {...props}\n      initial={{ scale: 0.9, opacity: 0 }}\n      animate={{ scale: 1, opacity: 1 }}\n      transition={{\n        duration,\n        // type: 'spring',\n        stiffness: 260,\n        damping: 20,\n      }}\n    >\n      {children}\n    </motion.div>\n  );\n};\n\n/********************************************************************************\n *  Fade In\n *******************************************************************************/\n\ntype FadeInProps = {\n  duration?: number;\n};\n\nexport const FadeIn: React.FC<FadeInProps> = ({\n  duration = 0.2,\n  children,\n  ...props\n}) => {\n  return (\n    <motion.div\n      {...props}\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      transition={{\n        duration,\n      }}\n    >\n      {children}\n    </motion.div>\n  );\n};\n"],"names":[],"mappings":";;;;AAWO,IAAM,QAAQ,GAA4B,UAAC,EAIjD,EAAA;AAHC,IAAc,EAAA,CAAA,QAAA,CAAA,KACd,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA,CACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAHwC,wBAIjD,EADS;IAER,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,GAAG,EACL,QAAA,CAAA,EAAA,EAAA,KAAK,EACT,EAAA,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,EACxB,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EACtB,UAAU,EAAE;;AAEV,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,SAAS,EAAE,GAAG;AACd,YAAA,OAAO,EAAE,EAAE;SACZ,EAEA,CAAA,EAAA,QAAQ,CACE,EACb;AACJ,EAAE;AAUK,IAAM,GAAG,GAAuB,UAAC,EAIvC,EAAA;AAHC,IAAc,EAAA,CAAA,QAAA,CAAA,KACd,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA,CACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAH8B,wBAIvC,EADS;IAER,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,GAAG,eACL,KAAK,EAAA,EACT,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACvB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EACrB,UAAU,EAAE;;AAEV,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,SAAS,EAAE,GAAG;AACd,YAAA,OAAO,EAAE,EAAE;SACZ,EAEA,CAAA,EAAA,QAAQ,CACE,EACb;AACJ,EAAE;AAUK,IAAM,OAAO,GAA2B,UAAC,EAI/C,EAAA;AAHC,IAAA,IAAA,EAAc,GAAA,EAAA,CAAA,QAAA,EAAd,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EACd,QAAQ,GAAA,EAAA,CAAA,QAAA,EACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAHsC,wBAI/C,CADS,CAAA;AAER,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,GAAG,EACL,QAAA,CAAA,EAAA,EAAA,KAAK,EACT,EAAA,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,EACnC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EACjC,UAAU,EAAE;AACV,YAAA,QAAQ,EAAA,QAAA;;AAER,YAAA,SAAS,EAAE,GAAG;AACd,YAAA,OAAO,EAAE,EAAE;SACZ,EAEA,CAAA,EAAA,QAAQ,CACE,EACb;AACJ,EAAE;AAUK,IAAM,MAAM,GAA0B,UAAC,EAI7C,EAAA;AAHC,IAAA,IAAA,EAAc,GAAA,EAAA,CAAA,QAAA,EAAd,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EACd,QAAQ,GAAA,EAAA,CAAA,QAAA,EACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAHoC,wBAI7C,CADS,CAAA;IAER,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,GAAG,eACL,KAAK,EAAA,EACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,UAAU,EAAE;AACV,YAAA,QAAQ,EAAA,QAAA;SACT,EAEA,CAAA,EAAA,QAAQ,CACE,EACb;AACJ;;;;"}
+{"version":3,"file":"Motion.js","sources":["../../src/components/Motion.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAWO,IAAM,QAAQ,GAA4B,UAAC,EAIjD,EAAA;AAHC,IAAc,EAAA,CAAA,QAAA,CAAA,KACd,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA,CACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAHwC,wBAIjD,EADS;IAER,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,GAAG,EACL,QAAA,CAAA,EAAA,EAAA,KAAK,EACT,EAAA,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,EACxB,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EACtB,UAAU,EAAE;;AAEV,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,SAAS,EAAE,GAAG;AACd,YAAA,OAAO,EAAE,EAAE;SACZ,EAEA,CAAA,EAAA,QAAQ,CACE,EACb;AACJ,EAAE;AAUK,IAAM,GAAG,GAAuB,UAAC,EAIvC,EAAA;AAHC,IAAc,EAAA,CAAA,QAAA,CAAA,KACd,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA,CACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAH8B,wBAIvC,EADS;IAER,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,GAAG,eACL,KAAK,EAAA,EACT,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACvB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EACrB,UAAU,EAAE;;AAEV,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,SAAS,EAAE,GAAG;AACd,YAAA,OAAO,EAAE,EAAE;SACZ,EAEA,CAAA,EAAA,QAAQ,CACE,EACb;AACJ,EAAE;AAUK,IAAM,OAAO,GAA2B,UAAC,EAI/C,EAAA;AAHC,IAAA,IAAA,EAAc,GAAA,EAAA,CAAA,QAAA,EAAd,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EACd,QAAQ,GAAA,EAAA,CAAA,QAAA,EACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAHsC,wBAI/C,CADS,CAAA;AAER,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,GAAG,EACL,QAAA,CAAA,EAAA,EAAA,KAAK,EACT,EAAA,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,EACnC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EACjC,UAAU,EAAE;AACV,YAAA,QAAQ,EAAA,QAAA;;AAER,YAAA,SAAS,EAAE,GAAG;AACd,YAAA,OAAO,EAAE,EAAE;SACZ,EAEA,CAAA,EAAA,QAAQ,CACE,EACb;AACJ,EAAE;AAUK,IAAM,MAAM,GAA0B,UAAC,EAI7C,EAAA;AAHC,IAAA,IAAA,EAAc,GAAA,EAAA,CAAA,QAAA,EAAd,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EACd,QAAQ,GAAA,EAAA,CAAA,QAAA,EACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAHoC,wBAI7C,CADS,CAAA;IAER,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,GAAG,eACL,KAAK,EAAA,EACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,UAAU,EAAE;AACV,YAAA,QAAQ,EAAA,QAAA;SACT,EAEA,CAAA,EAAA,QAAQ,CACE,EACb;AACJ;;;;"}

package/build/components/PhoneNumberInput.d.ts

@@ -1,36 +1,36 @@
-import React from "react";
-import "react-phone-input-2/lib/semantic-ui.css";
-export declare enum PhoneNumberInputSizes {
-    Large = "Large",
-    Regular = "Regular"
-}
-declare type PhoneNumberInputProps = {
-    value: string;
-    onChange: any;
-    onEnter?: any;
-    validationError?: string;
-    subLabel?: string;
-    tip?: string;
-    placeholder?: string;
-    label?: string;
-    phoneNumberInputSize?: string;
-    margin?: string;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    bgColor?: string;
-    labeltextColor?: string;
-    typedTextColor?: string;
-    selectedflagbg?: string;
-    selectedflaghover?: string;
-    countryList?: string;
-    countryName?: string;
-    highlightColor?: string;
-    searchColor?: string;
-    fontWeight?: string;
-    fontFamily?: string;
-    fontSize?: string;
-    letterSpacing?: string;
-    validationDarkThemeBorderColor?: boolean;
-};
-declare const PhoneNumberInput: React.FC<PhoneNumberInputProps>;
-export default PhoneNumberInput;
+import React from "react";
+import "react-phone-input-2/lib/semantic-ui.css";
+export declare enum PhoneNumberInputSizes {
+    Large = "Large",
+    Regular = "Regular"
+}
+type PhoneNumberInputProps = {
+    value: string;
+    onChange: any;
+    onEnter?: any;
+    validationError?: string;
+    subLabel?: string;
+    tip?: string;
+    placeholder?: string;
+    label?: string;
+    phoneNumberInputSize?: string;
+    margin?: string;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    bgColor?: string;
+    labeltextColor?: string;
+    typedTextColor?: string;
+    selectedflagbg?: string;
+    selectedflaghover?: string;
+    countryList?: string;
+    countryName?: string;
+    highlightColor?: string;
+    searchColor?: string;
+    fontWeight?: string;
+    fontFamily?: string;
+    fontSize?: string;
+    letterSpacing?: string;
+    validationDarkThemeBorderColor?: boolean;
+};
+declare const PhoneNumberInput: React.FC<PhoneNumberInputProps>;
+export default PhoneNumberInput;