@selfdecode/sd-component-library 4.0.93 → 4.0.94

package/lib/sd-component-library59.js

@@ -1,53 +1,59 @@
-import { j as x } from "./sd-component-library196.js";
-import { InputLabel as _ } from "./sd-component-library60.js";
+import { j as n } from "./sd-component-library196.js";
+import { InputLabel as S } from "./sd-component-library60.js";
 import { GridContainerV2 as v } from "./sd-component-library39.js";
-import { BaseTextV2 as l } from "./sd-component-library138.js";
-const k = ({
+import { BaseTextV2 as p } from "./sd-component-library138.js";
+const W = ({
   gap: f = "0px",
   cursor: m = "pointer",
-  sx: e,
+  sx: d,
   required: o = !1,
-  textAlign: d = "left",
+  textAlign: e = "left",
   width: h = "240px",
   label: c,
-  labelProps: t,
-  secondaryLabel: p = o ? "*" : void 0,
+  labelProps: i,
+  secondaryLabel: l = o ? "*" : void 0,
   secondaryLabelProps: u = o ? { color: "cl_purple", fontSize: 16, lineHeight: "12px" } : void 0,
-  errorMessage: n,
-  errorMessageProps: i,
-  bg: r = n ? "rgba(255, 0, 0, 0.05)" : "white",
-  id: a,
-  children: j,
-  ...S
-}) => /* @__PURE__ */ x.jsxs(
+  errorMessage: t,
+  errorMessageProps: x,
+  bg: r = t ? "rgba(255, 0, 0, 0.05)" : "white",
+  id: j,
+  children: _,
+  ...a
+}) => /* @__PURE__ */ n.jsxs(
   v,
   {
     width: h,
     gap: f,
     bg: r,
-    textAlign: d,
-    ...S,
-    sx: { position: "relative", cursor: m, flexGrow: 1, ...e },
+    textAlign: e,
+    ...a,
+    sx: {
+      position: "relative",
+      cursor: m,
+      flexGrow: 1,
+      "> * ": t ? { borderBottomColor: "cl_red" } : {},
+      ...d
+    },
     children: [
-      c && /* @__PURE__ */ x.jsxs(
-        _,
+      c && /* @__PURE__ */ n.jsxs(
+        S,
         {
-          htmlFor: a,
+          htmlFor: j,
           maxWidth: "100%",
-          color: "cl_darkGrey",
+          color: t ? "cl_red" : "cl_darkGrey",
           fontSize: 10,
           fontWeight: "600",
-          ...t,
+          ...i,
           sx: {
             letterSpacing: "1px",
             textTransform: "uppercase",
             cursor: "default",
-            ...t == null ? void 0 : t.sx
+            ...i == null ? void 0 : i.sx
           },
           children: [
             c,
-            p && /* @__PURE__ */ x.jsx(
-              l,
+            l && /* @__PURE__ */ n.jsx(
+              p,
               {
                 display: "inline-block",
                 textTransform: "uppercase",
@@ -55,34 +61,35 @@ const k = ({
                 color: "cl_grey",
                 ml: "3px",
                 ...u,
-                children: p
+                children: l
               }
             )
           ]
         }
       ),
-      j,
-      n && /* @__PURE__ */ x.jsx(
-        l,
+      _,
+      t && /* @__PURE__ */ n.jsx(
+        p,
         {
           fontSize: "12px",
           lineHeight: "12px",
           color: "cl_red",
           maxWidth: "100%",
-          ...i,
+          ...x,
           sx: {
             position: "absolute",
             top: "calc(100% + 5px)",
             left: 0,
-            ...i == null ? void 0 : i.sx
+            cursor: "default",
+            ...x == null ? void 0 : x.sx
           },
-          children: n
+          children: t
         }
       )
     ]
   }
 );
 export {
-  k as InputContainer
+  W as InputContainer
 };
 //# sourceMappingURL=sd-component-library59.js.map

package/lib/sd-component-library59.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library59.js","sources":["../src/components/forms-v2/input-container/input-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Grid } from \"../../containers\";\nimport { BaseTextV2 } from \"../../texts\";\nimport { InputLabel } from \"../input-label\";\nimport { InputContainerProps as Props } from \"./interfaces\";\n\nexport const InputContainer: React.FC<Props> = ({\n  gap = \"0px\",\n  cursor = \"pointer\",\n  sx,\n  required = false,\n  textAlign = \"left\",\n  width = \"240px\",\n  label,\n  labelProps,\n  secondaryLabel = required ? \"*\" : undefined,\n  secondaryLabelProps = required\n    ? { color: \"cl_purple\", fontSize: 16, lineHeight: \"12px\" }\n    : undefined,\n  errorMessage,\n  errorMessageProps,\n  bg = errorMessage ? \"rgba(255, 0, 0, 0.05)\" : \"white\",\n  id,\n  children,\n  ...props\n}) => (\n  <Grid\n    {...{ width, gap, bg, textAlign }}\n    {...props}\n    sx={{ position: \"relative\", cursor, flexGrow: 1, ...sx }}\n  >\n    {label && (\n      <InputLabel\n        htmlFor={id}\n        maxWidth=\"100%\"\n        color=\"cl_darkGrey\"\n        fontSize={10}\n        fontWeight=\"600\"\n        {...labelProps}\n        sx={{\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          cursor: \"default\",\n          ...labelProps?.sx,\n        }}\n      >\n        {label}\n\n        {secondaryLabel && (\n          <BaseTextV2\n            display=\"inline-block\"\n            textTransform=\"uppercase\"\n            letterSpacing=\"1px\"\n            color=\"cl_grey\"\n            ml=\"3px\"\n            {...secondaryLabelProps}\n          >\n            {secondaryLabel}\n          </BaseTextV2>\n        )}\n      </InputLabel>\n    )}\n\n    {children}\n\n    {errorMessage && (\n      <BaseTextV2\n        fontSize=\"12px\"\n        lineHeight=\"12px\"\n        color=\"cl_red\"\n        maxWidth=\"100%\"\n        {...errorMessageProps}\n        sx={{\n          position: \"absolute\",\n          top: \"calc(100% + 5px)\",\n          left: 0,\n          ...errorMessageProps?.sx,\n        }}\n      >\n        {errorMessage}\n      </BaseTextV2>\n    )}\n  </Grid>\n);\n"],"names":["InputContainer","gap","cursor","sx","required","textAlign","width","label","labelProps","secondaryLabel","secondaryLabelProps","errorMessage","errorMessageProps","bg","id","children","props","jsxs","Grid","InputLabel","jsx","BaseTextV2"],"mappings":";;;;AAOO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,KAAAC,IAAM;AAAA,EACN,QAAAC,IAAS;AAAA,EACT,IAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiBL,IAAW,MAAM;AAAA,EAClC,qBAAAM,IAAsBN,IAClB,EAAE,OAAO,aAAa,UAAU,IAAI,YAAY,OAChD,IAAA;AAAA,EACJ,cAAAO;AAAA,EACA,mBAAAC;AAAA,EACA,IAAAC,IAAKF,IAAe,0BAA0B;AAAA,EAC9C,IAAAG;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACO,OAAAZ;AAAA,IAAO,KAAAL;AAAA,IAAK,IAAAY;AAAA,IAAI,WAAAR;AAAA,IACrB,GAAGW;AAAA,IACJ,IAAI,EAAE,UAAU,YAAY,QAAAd,GAAQ,UAAU,GAAG,GAAGC,EAAG;AAAA,IAEtD,UAAA;AAAA,MACCI,KAAAU,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAASL;AAAA,UACT,UAAS;AAAA,UACT,OAAM;AAAA,UACN,UAAU;AAAA,UACV,YAAW;AAAA,UACV,GAAGN;AAAA,UACJ,IAAI;AAAA,YACF,eAAe;AAAA,YACf,eAAe;AAAA,YACf,QAAQ;AAAA,YACR,GAAGA,KAAA,gBAAAA,EAAY;AAAA,UACjB;AAAA,UAEC,UAAA;AAAA,YAAAD;AAAA,YAEAE,KACCW,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,eAAc;AAAA,gBACd,eAAc;AAAA,gBACd,OAAM;AAAA,gBACN,IAAG;AAAA,gBACF,GAAGX;AAAA,gBAEH,UAAAD;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,MAGDM;AAAA,MAEAJ,KACCS,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,YAAW;AAAA,UACX,OAAM;AAAA,UACN,UAAS;AAAA,UACR,GAAGT;AAAA,UACJ,IAAI;AAAA,YACF,UAAU;AAAA,YACV,KAAK;AAAA,YACL,MAAM;AAAA,YACN,GAAGA,KAAA,gBAAAA,EAAmB;AAAA,UACxB;AAAA,UAEC,UAAAD;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library59.js","sources":["../src/components/forms-v2/input-container/input-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Grid } from \"../../containers\";\nimport { BaseTextV2 } from \"../../texts\";\nimport { InputLabel } from \"../input-label\";\nimport { InputContainerProps as Props } from \"./interfaces\";\n\nexport const InputContainer: React.FC<Props> = ({\n  gap = \"0px\",\n  cursor = \"pointer\",\n  sx,\n  required = false,\n  textAlign = \"left\",\n  width = \"240px\",\n  label,\n  labelProps,\n  secondaryLabel = required ? \"*\" : undefined,\n  secondaryLabelProps = required\n    ? { color: \"cl_purple\", fontSize: 16, lineHeight: \"12px\" }\n    : undefined,\n  errorMessage,\n  errorMessageProps,\n  bg = errorMessage ? \"rgba(255, 0, 0, 0.05)\" : \"white\",\n  id,\n  children,\n  ...props\n}) => (\n  <Grid\n    {...{ width, gap, bg, textAlign }}\n    {...props}\n    sx={{\n      position: \"relative\",\n      cursor,\n      flexGrow: 1,\n      \"> * \": !!errorMessage ? { borderBottomColor: \"cl_red\" } : {},\n      ...sx,\n    }}\n  >\n    {label && (\n      <InputLabel\n        htmlFor={id}\n        maxWidth=\"100%\"\n        color={!!errorMessage ? \"cl_red\" : \"cl_darkGrey\"}\n        fontSize={10}\n        fontWeight=\"600\"\n        {...labelProps}\n        sx={{\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          cursor: \"default\",\n          ...labelProps?.sx,\n        }}\n      >\n        {label}\n\n        {secondaryLabel && (\n          <BaseTextV2\n            display=\"inline-block\"\n            textTransform=\"uppercase\"\n            letterSpacing=\"1px\"\n            color=\"cl_grey\"\n            ml=\"3px\"\n            {...secondaryLabelProps}\n          >\n            {secondaryLabel}\n          </BaseTextV2>\n        )}\n      </InputLabel>\n    )}\n\n    {children}\n\n    {errorMessage && (\n      <BaseTextV2\n        fontSize=\"12px\"\n        lineHeight=\"12px\"\n        color=\"cl_red\"\n        maxWidth=\"100%\"\n        {...errorMessageProps}\n        sx={{\n          position: \"absolute\",\n          top: \"calc(100% + 5px)\",\n          left: 0,\n          cursor: \"default\",\n          ...errorMessageProps?.sx,\n        }}\n      >\n        {errorMessage}\n      </BaseTextV2>\n    )}\n  </Grid>\n);\n"],"names":["InputContainer","gap","cursor","sx","required","textAlign","width","label","labelProps","secondaryLabel","secondaryLabelProps","errorMessage","errorMessageProps","bg","id","children","props","jsxs","Grid","InputLabel","jsx","BaseTextV2"],"mappings":";;;;AAOO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,KAAAC,IAAM;AAAA,EACN,QAAAC,IAAS;AAAA,EACT,IAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiBL,IAAW,MAAM;AAAA,EAClC,qBAAAM,IAAsBN,IAClB,EAAE,OAAO,aAAa,UAAU,IAAI,YAAY,OAChD,IAAA;AAAA,EACJ,cAAAO;AAAA,EACA,mBAAAC;AAAA,EACA,IAAAC,IAAKF,IAAe,0BAA0B;AAAA,EAC9C,IAAAG;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACO,OAAAZ;AAAA,IAAO,KAAAL;AAAA,IAAK,IAAAY;AAAA,IAAI,WAAAR;AAAA,IACrB,GAAGW;AAAA,IACJ,IAAI;AAAA,MACF,UAAU;AAAA,MACV,QAAAd;AAAA,MACA,UAAU;AAAA,MACV,QAAUS,IAAe,EAAE,mBAAmB,aAAa,CAAC;AAAA,MAC5D,GAAGR;AAAA,IACL;AAAA,IAEC,UAAA;AAAA,MACCI,KAAAU,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAASL;AAAA,UACT,UAAS;AAAA,UACT,OAASH,IAAe,WAAW;AAAA,UACnC,UAAU;AAAA,UACV,YAAW;AAAA,UACV,GAAGH;AAAA,UACJ,IAAI;AAAA,YACF,eAAe;AAAA,YACf,eAAe;AAAA,YACf,QAAQ;AAAA,YACR,GAAGA,KAAA,gBAAAA,EAAY;AAAA,UACjB;AAAA,UAEC,UAAA;AAAA,YAAAD;AAAA,YAEAE,KACCW,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,eAAc;AAAA,gBACd,eAAc;AAAA,gBACd,OAAM;AAAA,gBACN,IAAG;AAAA,gBACF,GAAGX;AAAA,gBAEH,UAAAD;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,MAGDM;AAAA,MAEAJ,KACCS,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,YAAW;AAAA,UACX,OAAM;AAAA,UACN,UAAS;AAAA,UACR,GAAGT;AAAA,UACJ,IAAI;AAAA,YACF,UAAU;AAAA,YACV,KAAK;AAAA,YACL,MAAM;AAAA,YACN,QAAQ;AAAA,YACR,GAAGA,KAAA,gBAAAA,EAAmB;AAAA,UACxB;AAAA,UAEC,UAAAD;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAEJ;"}

package/lib/sd-component-library6.js

@@ -4,7 +4,7 @@ import { Box as i, Flex as b } from "rebass";
 import { isPDFFlow as v } from "./sd-component-library4.js";
 import { SecondaryBadge as C } from "./sd-component-library9.js";
 import { MaxFrContainer as E } from "./sd-component-library40.js";
-import { ReactComponent as S } from "./sd-component-library210.js";
+import { ReactComponent as S } from "./sd-component-library200.js";
 const $ = (d) => {
   const {
     header: s,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfdecode/sd-component-library",
-  "version": "4.0.93",
+  "version": "4.0.94",
   "private": false,
   "license": "MIT",
   "files": [