@selfdecode/sd-component-library 4.0.78-test → 4.0.79

package/lib/sd-component-library51.js

@@ -4,7 +4,7 @@ import { Box as e } from "rebass";
 import { Button as l } from "./sd-component-library25.js";
 import { MaxMaxContainer as p } from "./sd-component-library41.js";
 import { TenSb as x } from "./sd-component-library147.js";
-import { ReactComponent as d } from "./sd-component-library191.js";
+import { ReactComponent as d } from "./sd-component-library192.js";
 const j = function(r) {
   const { desktopContent: n, mobileContent: i } = r, [o, s] = a(!1);
   return /* @__PURE__ */ t.jsxs(

package/lib/sd-component-library52.js

@@ -1,8 +1,8 @@
 import { j as t } from "./sd-component-library190.js";
-import { BaseBooleanFeedback as m } from "./sd-component-library207.js";
+import { BaseBooleanFeedback as m } from "./sd-component-library234.js";
 import { IconButton as n } from "./sd-component-library22.js";
-import { ReactComponent as c } from "./sd-component-library208.js";
-import { ReactComponent as u } from "./sd-component-library209.js";
+import { ReactComponent as c } from "./sd-component-library235.js";
+import { ReactComponent as u } from "./sd-component-library236.js";
 const f = (i) => {
   const { title: s, onPositiveFeedback: r, onNegativeFeedback: d, optionSelected: e } = i, a = (o) => /* @__PURE__ */ t.jsx(n, { onClick: o, "data-testid": "thumbs-up-button", children: /* @__PURE__ */ t.jsx(
     c,

package/lib/sd-component-library55.js

@@ -1,9 +1,9 @@
-import { j as f } from "./sd-component-library190.js";
-import { useState as p, useRef as N, useCallback as S, useMemo as w } from "react";
+import { j as p } from "./sd-component-library190.js";
+import { useState as d, useRef as N, useCallback as S, useMemo as w } from "react";
 import { Box as L } from "rebass";
 import { useOnClickOutside as V } from "./sd-component-library3.js";
 import { SecondaryTextInput as _ } from "./sd-component-library72.js";
-import { ResultsBox as $ } from "./sd-component-library210.js";
+import { ResultsBox as $ } from "./sd-component-library237.js";
 function A(i, a, l) {
   const o = (c) => {
     const t = c.toLowerCase().indexOf(l.toLowerCase());
@@ -18,34 +18,34 @@ function G(i) {
     options: o,
     width: c,
     onSelect: t,
-    errorMessage: d,
+    errorMessage: x,
     hideErrorText: R,
     onSearch: O,
     initialValue: h = "",
-    onFocus: x,
+    onFocus: m,
     errorBackground: b,
     focusInput: j,
-    autoFocus: F = !1,
-    translateContent: T = !0
-  } = i, [s, g] = p(h), [m, y] = p(
+    autoFocus: T = !1,
+    translateContent: k = !0
+  } = i, [s, g] = d(h), [f, y] = d(
     () => !!h
-  ), [k, C] = p(!0), I = N(null), v = S(() => {
+  ), [v, C] = d(!0), I = N(null), B = S(() => {
     C(!1);
-  }, []), B = () => {
-    C(!0), x && x();
+  }, []), M = (e) => {
+    C(!0), m == null || m(e);
   };
-  V(I, v);
+  V(I, B);
   const u = w(() => {
-    if (s && !m)
+    if (s && !f)
       return o.map((e) => ({
         ...e,
         synonyms: e.synonyms.sort((n, r) => A(n, r, s))
       }));
-  }, [s, o, m]), M = S(
+  }, [s, o, f]), E = S(
     (e) => {
       g(e);
       const n = u.find(
-        (r) => !!r.synonyms.find((E) => E === e)
+        (r) => !!r.synonyms.find((F) => F === e)
       );
       t == null || t(
         n.value,
@@ -54,38 +54,38 @@ function G(i) {
     },
     [t, u]
   );
-  return /* @__PURE__ */ f.jsxs(
+  return /* @__PURE__ */ p.jsxs(
     L,
     {
       sx: { position: "relative", bg: "inherit", width: c },
       ref: I,
       "data-test": "autocomplete-input",
       children: [
-        /* @__PURE__ */ f.jsx(
+        /* @__PURE__ */ p.jsx(
           _,
           {
             onChange: (e, n) => {
-              m && (t(null), y(!1)), g(`${e}`), O(`${e}`);
+              f && (t(null), y(!1)), g(`${e}`), O(`${e}`);
             },
             value: s,
             label: a,
             placeholder: l,
             labelMargin: ["0"],
-            errorMessage: d || void 0,
+            errorMessage: x || void 0,
             hideErrorText: R,
-            onFocus: B,
+            onFocus: M,
             focusInput: j,
-            autoFocus: F,
+            autoFocus: T,
             errorBackground: b
           }
         ),
-        u && k && /* @__PURE__ */ f.jsx(
+        u && v && /* @__PURE__ */ p.jsx(
           $,
           {
             value: s,
             results: u,
-            onSelect: M,
-            translateContent: T
+            onSelect: E,
+            translateContent: k
           }
         )
       ]

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library55.js","sources":["../src/components/inputs/autocomplete-input/autocomplete-input.tsx"],"sourcesContent":["import React, {\n  PropsWithChildren,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useOnClickOutside } from \"../../../core/custom-hooks\";\nimport { SecondaryTextInput } from \"../secondary-text-input\";\nimport { AutocompleteInputProps as Props } from \"./interfaces\";\nimport { ResultsBox } from \"./partials/results-box\";\n\n/**\n * Sort synonyms. Synonyms in which the search value appear first show up first.\n * Synonyms which do not contain the search string will come up last.\n */\nfunction compareWithValue(a: string, b: string, value: string): number {\n  const getValueToCompare = (text: string) => {\n    const index = text.toLowerCase().indexOf(value.toLowerCase());\n    if (index === -1) return Number.POSITIVE_INFINITY;\n    return index;\n  };\n\n  return getValueToCompare(a) - getValueToCompare(b);\n}\n\nexport function AutocompleteInput<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    label,\n    placeholder,\n    options,\n    width,\n    onSelect,\n    errorMessage,\n    hideErrorText,\n    onSearch,\n    initialValue = \"\",\n    onFocus: handleFocus,\n    errorBackground,\n    focusInput,\n    autoFocus = false,\n    translateContent = true,\n  } = props;\n  const [value, setValue] = useState(initialValue);\n  const [optionSelected, setOptionSelected] = useState(() =>\n    Boolean(initialValue)\n  );\n  const [showResults, setShowResults] = useState(true);\n  const ref = useRef<HTMLElement | null>(null);\n\n  const onClickOutside = useCallback(() => {\n    setShowResults(false);\n  }, []);\n\n  const onFocus = () => {\n    setShowResults(true);\n    !!handleFocus && handleFocus();\n  };\n\n  useOnClickOutside(ref, onClickOutside);\n\n  /* Sorted list of results that match the query. */\n  const matchingResults = useMemo(() => {\n    if (value && !optionSelected) {\n      return options.map((option) => ({\n        ...option,\n        synonyms: option.synonyms.sort((a, b) => compareWithValue(a, b, value)),\n      }));\n    }\n  }, [value, options, optionSelected]);\n\n  const handleSelect = useCallback(\n    (newValue: string) => {\n      setValue(newValue);\n      const matchingResult = matchingResults!.find(\n        (result) => !!result.synonyms.find((synonym) => synonym === newValue)\n      )!;\n      onSelect?.(\n        matchingResult.value,\n        matchingResult.synonyms.find((synonym) => synonym === newValue)\n      );\n      setOptionSelected(true);\n    },\n    [onSelect, matchingResults]\n  );\n\n  return (\n    <Box\n      sx={{ position: \"relative\", bg: \"inherit\", width }}\n      ref={ref}\n      data-test=\"autocomplete-input\"\n    >\n      <SecondaryTextInput\n        onChange={(newValue, _) => {\n          if (optionSelected) {\n            onSelect(null);\n            setOptionSelected(false);\n          }\n          setValue(`${newValue}`);\n          onSearch(`${newValue}`);\n        }}\n        value={value}\n        label={label}\n        placeholder={placeholder}\n        labelMargin={[\"0\"]}\n        errorMessage={errorMessage ? errorMessage : undefined}\n        hideErrorText={hideErrorText}\n        onFocus={onFocus}\n        focusInput={focusInput}\n        autoFocus={autoFocus}\n        errorBackground={errorBackground}\n      />\n      {matchingResults && showResults && (\n        <ResultsBox\n          value={value}\n          results={matchingResults}\n          onSelect={handleSelect}\n          translateContent={translateContent}\n        />\n      )}\n    </Box>\n  );\n}\n"],"names":["compareWithValue","a","b","value","getValueToCompare","text","index","AutocompleteInput","props","label","placeholder","options","width","onSelect","errorMessage","hideErrorText","onSearch","initialValue","handleFocus","errorBackground","focusInput","autoFocus","translateContent","setValue","useState","optionSelected","setOptionSelected","showResults","setShowResults","ref","useRef","onClickOutside","useCallback","onFocus","useOnClickOutside","matchingResults","useMemo","option","handleSelect","newValue","matchingResult","result","synonym","jsxs","Box","jsx","SecondaryTextInput","_","ResultsBox"],"mappings":"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"}
+{"version":3,"file":"sd-component-library55.js","sources":["../src/components/inputs/autocomplete-input/autocomplete-input.tsx"],"sourcesContent":["import React, {\n  PropsWithChildren,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useOnClickOutside } from \"../../../core/custom-hooks\";\nimport { SecondaryTextInput } from \"../secondary-text-input\";\nimport { AutocompleteInputProps as Props } from \"./interfaces\";\nimport { ResultsBox } from \"./partials/results-box\";\n\n/**\n * Sort synonyms. Synonyms in which the search value appear first show up first.\n * Synonyms which do not contain the search string will come up last.\n */\nfunction compareWithValue(a: string, b: string, value: string): number {\n  const getValueToCompare = (text: string) => {\n    const index = text.toLowerCase().indexOf(value.toLowerCase());\n    if (index === -1) return Number.POSITIVE_INFINITY;\n    return index;\n  };\n\n  return getValueToCompare(a) - getValueToCompare(b);\n}\n\nexport function AutocompleteInput<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    label,\n    placeholder,\n    options,\n    width,\n    onSelect,\n    errorMessage,\n    hideErrorText,\n    onSearch,\n    initialValue = \"\",\n    onFocus: handleFocus,\n    errorBackground,\n    focusInput,\n    autoFocus = false,\n    translateContent = true,\n  } = props;\n  const [value, setValue] = useState(initialValue);\n  const [optionSelected, setOptionSelected] = useState(() =>\n    Boolean(initialValue)\n  );\n  const [showResults, setShowResults] = useState(true);\n  const ref = useRef<HTMLElement | null>(null);\n\n  const onClickOutside = useCallback(() => {\n    setShowResults(false);\n  }, []);\n\n  const onFocus: Props<T>[\"onFocus\"] = (event) => {\n    setShowResults(true);\n    handleFocus?.(event);\n  };\n\n  useOnClickOutside(ref, onClickOutside);\n\n  /* Sorted list of results that match the query. */\n  const matchingResults = useMemo(() => {\n    if (value && !optionSelected) {\n      return options.map((option) => ({\n        ...option,\n        synonyms: option.synonyms.sort((a, b) => compareWithValue(a, b, value)),\n      }));\n    }\n  }, [value, options, optionSelected]);\n\n  const handleSelect = useCallback(\n    (newValue: string) => {\n      setValue(newValue);\n      const matchingResult = matchingResults!.find(\n        (result) => !!result.synonyms.find((synonym) => synonym === newValue)\n      )!;\n      onSelect?.(\n        matchingResult.value,\n        matchingResult.synonyms.find((synonym) => synonym === newValue)\n      );\n      setOptionSelected(true);\n    },\n    [onSelect, matchingResults]\n  );\n\n  return (\n    <Box\n      sx={{ position: \"relative\", bg: \"inherit\", width }}\n      ref={ref}\n      data-test=\"autocomplete-input\"\n    >\n      <SecondaryTextInput\n        onChange={(newValue, _) => {\n          if (optionSelected) {\n            onSelect(null);\n            setOptionSelected(false);\n          }\n          setValue(`${newValue}`);\n          onSearch(`${newValue}`);\n        }}\n        value={value}\n        label={label}\n        placeholder={placeholder}\n        labelMargin={[\"0\"]}\n        errorMessage={errorMessage ? errorMessage : undefined}\n        hideErrorText={hideErrorText}\n        onFocus={onFocus}\n        focusInput={focusInput}\n        autoFocus={autoFocus}\n        errorBackground={errorBackground}\n      />\n      {matchingResults && showResults && (\n        <ResultsBox\n          value={value}\n          results={matchingResults}\n          onSelect={handleSelect}\n          translateContent={translateContent}\n        />\n      )}\n    </Box>\n  );\n}\n"],"names":["compareWithValue","a","b","value","getValueToCompare","text","index","AutocompleteInput","props","label","placeholder","options","width","onSelect","errorMessage","hideErrorText","onSearch","initialValue","handleFocus","errorBackground","focusInput","autoFocus","translateContent","setValue","useState","optionSelected","setOptionSelected","showResults","setShowResults","ref","useRef","onClickOutside","useCallback","onFocus","event","useOnClickOutside","matchingResults","useMemo","option","handleSelect","newValue","matchingResult","result","synonym","jsxs","Box","jsx","SecondaryTextInput","_","ResultsBox"],"mappings":"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"}

package/lib/sd-component-library56.js

@@ -1,8 +1,8 @@
 import { j as e } from "./sd-component-library190.js";
 import { useCallback as p, useMemo as u } from "react";
 import { Calendar as g } from "react-date-range";
-import "./sd-component-library275.js";
-import "./sd-component-library276.js";
+import "./sd-component-library280.js";
+import "./sd-component-library281.js";
 import { Box as o } from "rebass";
 import { TenSb as b } from "./sd-component-library147.js";
 const B = (a) => {

package/lib/sd-component-library57.js

@@ -1,12 +1,12 @@
 import { j as t } from "./sd-component-library190.js";
 import { useState as v, useRef as w } from "react";
-import "./sd-component-library275.js";
-import "./sd-component-library276.js";
+import "./sd-component-library280.js";
+import "./sd-component-library281.js";
 import { Box as s } from "rebass";
 import { useBreakPoints as M, useDependantState as y } from "./sd-component-library3.js";
-import { getStaticRanges as E } from "./sd-component-library278.js";
-import { BaseDateRangeInputMobile as O } from "./sd-component-library279.js";
-import { BaseDateRangeInputDesktop as P } from "./sd-component-library280.js";
+import { getStaticRanges as E } from "./sd-component-library282.js";
+import { BaseDateRangeInputMobile as O } from "./sd-component-library283.js";
+import { BaseDateRangeInputDesktop as P } from "./sd-component-library284.js";
 const J = (n) => {
   const {
     color: d = "#9E1CB5",

package/lib/sd-component-library58.js

@@ -2,7 +2,7 @@ import { j as t } from "./sd-component-library190.js";
 import { useState as u } from "react";
 import { Flex as g } from "rebass";
 import { BaseDateInput as C } from "./sd-component-library56.js";
-import { ReactComponent as S } from "./sd-component-library277.js";
+import { ReactComponent as S } from "./sd-component-library279.js";
 import { Button as D } from "./sd-component-library25.js";
 import { FrMaxContainer as b } from "./sd-component-library38.js";
 const k = (r) => {

package/lib/sd-component-library59.js

@@ -2,8 +2,8 @@ import { j as e } from "./sd-component-library190.js";
 import { useState as I, useCallback as M, useMemo as v } from "react";
 import { Box as F, Flex as O } from "rebass";
 import { useBreakPoints as W } from "./sd-component-library3.js";
-import { ReactComponent as z } from "./sd-component-library277.js";
-import { BaseLabel as E } from "./sd-component-library222.js";
+import { ReactComponent as z } from "./sd-component-library279.js";
+import { BaseLabel as E } from "./sd-component-library254.js";
 import { OutsideClickBox as J } from "./sd-component-library11.js";
 import { BaseDateRangeInput as L } from "./sd-component-library57.js";
 import { IconButton as X } from "./sd-component-library22.js";

package/lib/sd-component-library6.js

@@ -4,7 +4,7 @@ import { Box as e, Flex as S } from "rebass";
 import { isPDFFlow as D } from "./sd-component-library4.js";
 import { SecondaryBadge as F } from "./sd-component-library9.js";
 import { MaxFrContainer as I } from "./sd-component-library40.js";
-import { ReactComponent as k } from "./sd-component-library194.js";
+import { ReactComponent as k } from "./sd-component-library202.js";
 const _ = (l) => {
   const {
     header: x,

package/lib/sd-component-library60.js

@@ -4,7 +4,7 @@ import { format as R } from "date-fns";
 import { random as k } from "lodash-es";
 import { Box as r } from "rebass";
 import { BaseDateInput as G } from "./sd-component-library56.js";
-import { BaseLabel as I } from "./sd-component-library222.js";
+import { BaseLabel as I } from "./sd-component-library254.js";
 import { ReactComponent as M } from "./sd-component-library181.js";
 import { FrMaxContainer as A } from "./sd-component-library38.js";
 import { ResponsiveText as L } from "./sd-component-library142.js";

package/lib/sd-component-library65.js

@@ -1,41 +1,41 @@
-import { j as o } from "./sd-component-library190.js";
+import { j as n } from "./sd-component-library190.js";
 import { useState as z } from "react";
-import D from "./sd-component-library212.js";
+import D from "./sd-component-library238.js";
 import u from "./sd-component-library189.js";
-import { escapeWrapper as F, unescapeWrapper as d } from "./sd-component-library213.js";
+import { escapeWrapper as F, unescapeWrapper as d } from "./sd-component-library239.js";
 import { GridContainerV2 as G } from "./sd-component-library39.js";
 import { BaseTextV2 as T } from "./sd-component-library132.js";
 import { HorizontalDivider as B } from "./sd-component-library49.js";
-const R = (e) => (t) => {
-  const n = t.target.value;
-  e == null || e(d(n));
+const R = (e) => (r) => {
+  const i = r.target.value;
+  e == null || e(d(i));
 }, Y = (e) => {
   const {
-    label: t,
-    value: n,
+    label: r,
+    value: i,
     onChange: x,
     errorMessage: a,
     width: h,
     fontSize: f = 18,
     fontWeight: g = 400,
     rows: y = 4,
-    lineHeight: i = 22,
+    lineHeight: l = 22,
     placeholder: _,
-    disabled: r,
+    disabled: o,
     underlineColor: w = "cl_lightGrey",
-    onFocus: l,
+    onFocus: s,
     gap: S = "10px",
     maxLength: p,
     labelSx: W,
     labelColor: j = "cl_darkGrey",
     minHeightRows: C = 1,
     inputWidth: H
-  } = e, [v, c] = z(!1), $ = () => {
-    c(!0), l == null || l();
-  }, m = (s) => {
-    p && !["Backspace", "Delete"].some((b) => s.key === b) && d(s.target.innerText).length >= p && s.preventDefault();
+  } = e, [v, c] = z(!1), $ = (t) => {
+    c(!0), s == null || s(t);
+  }, m = (t) => {
+    p && !["Backspace", "Delete"].some((b) => t.key === b) && d(t.target.innerText).length >= p && t.preventDefault();
   };
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ n.jsxs(
     G,
     {
       width: h,
@@ -49,7 +49,7 @@ const R = (e) => (t) => {
         }
       },
       children: [
-        t && /* @__PURE__ */ o.jsx(
+        r && /* @__PURE__ */ n.jsx(
           T,
           {
             color: a ? "cl_red" : j,
@@ -61,14 +61,14 @@ const R = (e) => (t) => {
               cursor: "default",
               ...W
             },
-            children: t
+            children: r
           }
         ),
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ n.jsx(
           D,
           {
-            html: F(n),
-            disabled: r,
+            html: F(i),
+            disabled: o,
             onChange: R(x),
             onFocus: $,
             onBlur: () => c(!1),
@@ -78,22 +78,22 @@ const R = (e) => (t) => {
               fontFamily: "proxima-nova",
               fontSize: `${f}px`,
               fontWeight: g,
-              color: r ? u.colors.cl_grey : u.colors.cl_darkGrey,
+              color: o ? u.colors.cl_grey : u.colors.cl_darkGrey,
               border: "none",
               outline: "none",
-              lineHeight: `${i}px`,
-              minHeight: `${i * C}px`,
-              maxHeight: `${i * y}px`,
+              lineHeight: `${l}px`,
+              minHeight: `${l * C}px`,
+              maxHeight: `${l * y}px`,
               overflowY: "scroll",
-              cursor: r ? "default" : "text",
+              cursor: o ? "default" : "text",
               width: H
             }
           }
         ),
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ n.jsx(
           B,
           {
-            color: r ? "cl_grey" : v ? "cl_blue" : a ? "cl_red" : w,
+            color: o ? "cl_grey" : v ? "cl_blue" : a ? "cl_red" : w,
             height: "2px"
           }
         )

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library65.js","sources":["../src/components/inputs/multi-row-secondary-text-input/multi-row-secondary-text-input.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport ContentEditable, { ContentEditableEvent } from \"react-contenteditable\";\n\nimport theme from \"../../../core/theme\";\nimport { BaseTextV2, Grid, HorizontalDivider } from \"../../../index\";\nimport { MultiRowSecondaryTextInputProps as Props } from \"./interfaces\";\nimport { escapeWrapper, unescapeWrapper } from \"./utils\";\n\n/**\n * Problems:\n * - lodash escape/unescape functions don't take into account a regular space;\n * - content-editable wraps each new row by <div> element;\n * - if row is empty, it's represented by <br>.\n *\n * As a solution to mentioned problems, custom escape/unescape functions were used.\n */\n\nconst changeWrapper = (\n  callback?: (newValue: string) => void\n): ((event: ContentEditableEvent) => void) => {\n  return (event: ContentEditableEvent) => {\n    const newValue = event.target.value;\n    callback?.(unescapeWrapper(newValue));\n  };\n};\n\nexport const MultiRowSecondaryTextInput: React.FC<Props> = (props) => {\n  const {\n    label,\n    value,\n    onChange,\n    errorMessage,\n    width,\n    fontSize = 18,\n    fontWeight = 400,\n    rows = 4,\n    lineHeight = 22,\n    placeholder,\n    disabled,\n    underlineColor = \"cl_lightGrey\",\n    onFocus,\n    gap = \"10px\",\n    maxLength,\n    labelSx,\n    labelColor = \"cl_darkGrey\",\n    minHeightRows = 1,\n    inputWidth,\n  } = props;\n\n  const [isFocused, setIsFocused] = useState(false);\n\n  const onFocusWrapper = () => {\n    setIsFocused(true);\n    onFocus?.();\n  };\n\n  const checkCharactersLimit = (event: any) => {\n    if (\n      maxLength &&\n      ![\"Backspace\", \"Delete\"].some((key) => event.key === key) &&\n      unescapeWrapper((event.target as HTMLDivElement).innerText).length >=\n        maxLength\n    )\n      event.preventDefault();\n  };\n\n  return (\n    <Grid\n      width={width}\n      gap={gap}\n      data-testid=\"multi-row-secondary-text-input\"\n      sx={{\n        \"div[contenteditable]:empty::before\": {\n          cursor: \"text\",\n          content: `\"${placeholder}\"`,\n          color: \"cl_grey\",\n        },\n      }}\n    >\n      {label && (\n        <BaseTextV2\n          color={errorMessage ? \"cl_red\" : labelColor}\n          sx={{\n            fontSize: 12,\n            fontWeight: 600,\n            letterSpacing: \"1px\",\n            textTransform: \"uppercase\",\n            cursor: \"default\",\n            ...labelSx,\n          }}\n        >\n          {label}\n        </BaseTextV2>\n      )}\n\n      <ContentEditable\n        html={escapeWrapper(value)}\n        disabled={disabled}\n        onChange={changeWrapper(onChange)}\n        onFocus={onFocusWrapper}\n        onBlur={() => setIsFocused(false)}\n        onKeyDown={checkCharactersLimit}\n        onPaste={checkCharactersLimit}\n        style={{\n          fontFamily: \"proxima-nova\",\n          fontSize: `${fontSize}px`,\n          fontWeight,\n          color: disabled\n            ? theme.colors[\"cl_grey\"]\n            : theme.colors[\"cl_darkGrey\"],\n          border: \"none\",\n          outline: \"none\",\n          lineHeight: `${lineHeight}px`,\n          minHeight: `${lineHeight * minHeightRows}px`,\n          maxHeight: `${lineHeight * rows}px`,\n          overflowY: \"scroll\",\n          cursor: disabled ? \"default\" : \"text\",\n          width: inputWidth,\n        }}\n      />\n\n      <HorizontalDivider\n        color={\n          disabled\n            ? \"cl_grey\"\n            : isFocused\n            ? \"cl_blue\"\n            : errorMessage\n            ? \"cl_red\"\n            : underlineColor\n        }\n        height=\"2px\"\n      />\n    </Grid>\n  );\n};\n"],"names":["changeWrapper","callback","event","newValue","unescapeWrapper","MultiRowSecondaryTextInput","props","label","value","onChange","errorMessage","width","fontSize","fontWeight","rows","lineHeight","placeholder","disabled","underlineColor","onFocus","gap","maxLength","labelSx","labelColor","minHeightRows","inputWidth","isFocused","setIsFocused","useState","onFocusWrapper","checkCharactersLimit","key","jsxs","Grid","jsx","BaseTextV2","ContentEditable","escapeWrapper","theme","HorizontalDivider"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAgB,CACpBC,MAEO,CAACC,MAAgC;AAChC,QAAAC,IAAWD,EAAM,OAAO;AACnB,EAAAD,KAAA,QAAAA,EAAAG,EAAgBD,CAAQ;AAAC,GAI3BE,IAA8C,CAACC,MAAU;AAC9D,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,YAAAC,IAAa;AAAA,IACb,MAAAC,IAAO;AAAA,IACP,YAAAC,IAAa;AAAA,IACb,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,SAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA,EACE,IAAAnB,GAEE,CAACoB,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAiB,MAAM;AAC3B,IAAAF,EAAa,EAAI,GACPR,KAAA,QAAAA;AAAA,EAAA,GAGNW,IAAuB,CAAC5B,MAAe;AAC3C,IACEmB,KACA,CAAC,CAAC,aAAa,QAAQ,EAAE,KAAK,CAACU,MAAQ7B,EAAM,QAAQ6B,CAAG,KACxD3B,EAAiBF,EAAM,OAA0B,SAAS,EAAE,UAC1DmB,KAEFnB,EAAM,eAAe;AAAA,EAAA;AAIvB,SAAA8B,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,KAAAS;AAAA,MACA,eAAY;AAAA,MACZ,IAAI;AAAA,QACF,sCAAsC;AAAA,UACpC,QAAQ;AAAA,UACR,SAAS,IAAIJ,CAAW;AAAA,UACxB,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QACCT,KAAA2B,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOzB,IAAe,WAAWa;AAAA,YACjC,IAAI;AAAA,cACF,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,eAAe;AAAA,cACf,eAAe;AAAA,cACf,QAAQ;AAAA,cACR,GAAGD;AAAA,YACL;AAAA,YAEC,UAAAf;AAAA,UAAA;AAAA,QACH;AAAA,QAGF2B,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,MAAMC,EAAc7B,CAAK;AAAA,YACzB,UAAAS;AAAA,YACA,UAAUjB,EAAcS,CAAQ;AAAA,YAChC,SAASoB;AAAA,YACT,QAAQ,MAAMF,EAAa,EAAK;AAAA,YAChC,WAAWG;AAAA,YACX,SAASA;AAAA,YACT,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,UAAU,GAAGlB,CAAQ;AAAA,cACrB,YAAAC;AAAA,cACA,OAAOI,IACHqB,EAAM,OAAO,UACbA,EAAM,OAAO;AAAA,cACjB,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,YAAY,GAAGvB,CAAU;AAAA,cACzB,WAAW,GAAGA,IAAaS,CAAa;AAAA,cACxC,WAAW,GAAGT,IAAaD,CAAI;AAAA,cAC/B,WAAW;AAAA,cACX,QAAQG,IAAW,YAAY;AAAA,cAC/B,OAAOQ;AAAA,YACT;AAAA,UAAA;AAAA,QACF;AAAA,QAEAS,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,OACEtB,IACI,YACAS,IACA,YACAhB,IACA,WACAQ;AAAA,YAEN,QAAO;AAAA,UAAA;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library65.js","sources":["../src/components/inputs/multi-row-secondary-text-input/multi-row-secondary-text-input.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport ContentEditable, { ContentEditableEvent } from \"react-contenteditable\";\n\nimport theme from \"../../../core/theme\";\nimport { BaseTextV2, Grid, HorizontalDivider } from \"../../../index\";\nimport { MultiRowSecondaryTextInputProps as Props } from \"./interfaces\";\nimport { escapeWrapper, unescapeWrapper } from \"./utils\";\n\n/**\n * Problems:\n * - lodash escape/unescape functions don't take into account a regular space;\n * - content-editable wraps each new row by <div> element;\n * - if row is empty, it's represented by <br>.\n *\n * As a solution to mentioned problems, custom escape/unescape functions were used.\n */\n\nconst changeWrapper = (\n  callback?: (newValue: string) => void\n): ((event: ContentEditableEvent) => void) => {\n  return (event: ContentEditableEvent) => {\n    const newValue = event.target.value;\n    callback?.(unescapeWrapper(newValue));\n  };\n};\n\nexport const MultiRowSecondaryTextInput: React.FC<Props> = (props) => {\n  const {\n    label,\n    value,\n    onChange,\n    errorMessage,\n    width,\n    fontSize = 18,\n    fontWeight = 400,\n    rows = 4,\n    lineHeight = 22,\n    placeholder,\n    disabled,\n    underlineColor = \"cl_lightGrey\",\n    onFocus,\n    gap = \"10px\",\n    maxLength,\n    labelSx,\n    labelColor = \"cl_darkGrey\",\n    minHeightRows = 1,\n    inputWidth,\n  } = props;\n\n  const [isFocused, setIsFocused] = useState(false);\n\n  const onFocusWrapper: Props[\"onFocus\"] = (event) => {\n    setIsFocused(true);\n    onFocus?.(event);\n  };\n\n  const checkCharactersLimit = (event: any) => {\n    if (\n      maxLength &&\n      ![\"Backspace\", \"Delete\"].some((key) => event.key === key) &&\n      unescapeWrapper((event.target as HTMLDivElement).innerText).length >=\n        maxLength\n    )\n      event.preventDefault();\n  };\n\n  return (\n    <Grid\n      width={width}\n      gap={gap}\n      data-testid=\"multi-row-secondary-text-input\"\n      sx={{\n        \"div[contenteditable]:empty::before\": {\n          cursor: \"text\",\n          content: `\"${placeholder}\"`,\n          color: \"cl_grey\",\n        },\n      }}\n    >\n      {label && (\n        <BaseTextV2\n          color={errorMessage ? \"cl_red\" : labelColor}\n          sx={{\n            fontSize: 12,\n            fontWeight: 600,\n            letterSpacing: \"1px\",\n            textTransform: \"uppercase\",\n            cursor: \"default\",\n            ...labelSx,\n          }}\n        >\n          {label}\n        </BaseTextV2>\n      )}\n\n      <ContentEditable\n        html={escapeWrapper(value)}\n        disabled={disabled}\n        onChange={changeWrapper(onChange)}\n        onFocus={onFocusWrapper}\n        onBlur={() => setIsFocused(false)}\n        onKeyDown={checkCharactersLimit}\n        onPaste={checkCharactersLimit}\n        style={{\n          fontFamily: \"proxima-nova\",\n          fontSize: `${fontSize}px`,\n          fontWeight,\n          color: disabled\n            ? theme.colors[\"cl_grey\"]\n            : theme.colors[\"cl_darkGrey\"],\n          border: \"none\",\n          outline: \"none\",\n          lineHeight: `${lineHeight}px`,\n          minHeight: `${lineHeight * minHeightRows}px`,\n          maxHeight: `${lineHeight * rows}px`,\n          overflowY: \"scroll\",\n          cursor: disabled ? \"default\" : \"text\",\n          width: inputWidth,\n        }}\n      />\n\n      <HorizontalDivider\n        color={\n          disabled\n            ? \"cl_grey\"\n            : isFocused\n            ? \"cl_blue\"\n            : errorMessage\n            ? \"cl_red\"\n            : underlineColor\n        }\n        height=\"2px\"\n      />\n    </Grid>\n  );\n};\n"],"names":["changeWrapper","callback","event","newValue","unescapeWrapper","MultiRowSecondaryTextInput","props","label","value","onChange","errorMessage","width","fontSize","fontWeight","rows","lineHeight","placeholder","disabled","underlineColor","onFocus","gap","maxLength","labelSx","labelColor","minHeightRows","inputWidth","isFocused","setIsFocused","useState","onFocusWrapper","checkCharactersLimit","key","jsxs","Grid","jsx","BaseTextV2","ContentEditable","escapeWrapper","theme","HorizontalDivider"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAgB,CACpBC,MAEO,CAACC,MAAgC;AAChC,QAAAC,IAAWD,EAAM,OAAO;AACnB,EAAAD,KAAA,QAAAA,EAAAG,EAAgBD,CAAQ;AAAC,GAI3BE,IAA8C,CAACC,MAAU;AAC9D,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,YAAAC,IAAa;AAAA,IACb,MAAAC,IAAO;AAAA,IACP,YAAAC,IAAa;AAAA,IACb,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,SAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA,EACE,IAAAnB,GAEE,CAACoB,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAmC,CAAC3B,MAAU;AAClD,IAAAyB,EAAa,EAAI,GACjBR,KAAA,QAAAA,EAAUjB;AAAA,EAAK,GAGX4B,IAAuB,CAAC5B,MAAe;AAC3C,IACEmB,KACA,CAAC,CAAC,aAAa,QAAQ,EAAE,KAAK,CAACU,MAAQ7B,EAAM,QAAQ6B,CAAG,KACxD3B,EAAiBF,EAAM,OAA0B,SAAS,EAAE,UAC1DmB,KAEFnB,EAAM,eAAe;AAAA,EAAA;AAIvB,SAAA8B,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,KAAAS;AAAA,MACA,eAAY;AAAA,MACZ,IAAI;AAAA,QACF,sCAAsC;AAAA,UACpC,QAAQ;AAAA,UACR,SAAS,IAAIJ,CAAW;AAAA,UACxB,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QACCT,KAAA2B,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOzB,IAAe,WAAWa;AAAA,YACjC,IAAI;AAAA,cACF,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,eAAe;AAAA,cACf,eAAe;AAAA,cACf,QAAQ;AAAA,cACR,GAAGD;AAAA,YACL;AAAA,YAEC,UAAAf;AAAA,UAAA;AAAA,QACH;AAAA,QAGF2B,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,MAAMC,EAAc7B,CAAK;AAAA,YACzB,UAAAS;AAAA,YACA,UAAUjB,EAAcS,CAAQ;AAAA,YAChC,SAASoB;AAAA,YACT,QAAQ,MAAMF,EAAa,EAAK;AAAA,YAChC,WAAWG;AAAA,YACX,SAASA;AAAA,YACT,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,UAAU,GAAGlB,CAAQ;AAAA,cACrB,YAAAC;AAAA,cACA,OAAOI,IACHqB,EAAM,OAAO,UACbA,EAAM,OAAO;AAAA,cACjB,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,YAAY,GAAGvB,CAAU;AAAA,cACzB,WAAW,GAAGA,IAAaS,CAAa;AAAA,cACxC,WAAW,GAAGT,IAAaD,CAAI;AAAA,cAC/B,WAAW;AAAA,cACX,QAAQG,IAAW,YAAY;AAAA,cAC/B,OAAOQ;AAAA,YACT;AAAA,UAAA;AAAA,QACF;AAAA,QAEAS,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,OACEtB,IACI,YACAS,IACA,YACAhB,IACA,WACAQ;AAAA,YAEN,QAAO;AAAA,UAAA;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library67.js

@@ -1,10 +1,10 @@
 import { j as i } from "./sd-component-library190.js";
 import u from "react";
 import { Flex as R } from "rebass";
-import { CircleButton as a } from "./sd-component-library214.js";
-import { ReactComponent as _ } from "./sd-component-library215.js";
+import { CircleButton as a } from "./sd-component-library240.js";
+import { ReactComponent as _ } from "./sd-component-library241.js";
 import { NumberInput as I } from "./sd-component-library66.js";
-import { ReactComponent as M } from "./sd-component-library216.js";
+import { ReactComponent as M } from "./sd-component-library242.js";
 function m(d, t) {
   return (r, o) => {
     t == null || t(r, o), d(r);

package/lib/sd-component-library68.js

@@ -1,32 +1,28 @@
 import { j as x } from "./sd-component-library190.js";
-import { Box as m, Text as s } from "rebass";
-import { TextInput as d } from "./sd-component-library73.js";
-const j = (o) => {
+import { Box as n, Text as p } from "rebass";
+import { TextInput as a } from "./sd-component-library73.js";
+const f = (i) => {
   const {
-    onChange: i,
-    padding: n = ["14px 0px"],
+    padding: o = ["14px 0px"],
     errorMessage: t,
     errorMessageProps: r,
-    focusInput: e,
-    hideErrorText: p,
-    sx: a
-  } = o;
-  return /* @__PURE__ */ x.jsxs(m, { "data-testid": "primary-text-input", children: [
+    hideErrorText: e,
+    sx: m
+  } = i;
+  return /* @__PURE__ */ x.jsxs(n, { "data-testid": "primary-text-input", children: [
     /* @__PURE__ */ x.jsx(
-      d,
+      a,
       {
-        ...o,
-        onChange: i,
-        focusInput: e,
+        ...i,
         variant: t ? "primaryError" : "primary",
         sx: {
-          padding: n,
-          ...a
+          padding: o,
+          ...m
         }
       }
     ),
-    t && !p && /* @__PURE__ */ x.jsx(
-      s,
+    t && !e && /* @__PURE__ */ x.jsx(
+      p,
       {
         ...r,
         sx: {
@@ -42,6 +38,6 @@ const j = (o) => {
   ] });
 };
 export {
-  j as PrimaryTextInput
+  f as PrimaryTextInput
 };
 //# sourceMappingURL=sd-component-library68.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library68.js","sources":["../src/components/inputs/primary-text-input/primary-text-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Text } from \"rebass\";\n\nimport { TextInput } from \"../text-input\";\nimport { PrimaryTextInputProps as Props } from \"./interfaces\";\n\nexport const PrimaryTextInput: React.FC<Props> = (props) => {\n  const {\n    onChange,\n    padding = [\"14px 0px\"],\n    errorMessage,\n    errorMessageProps,\n    focusInput,\n    hideErrorText,\n    sx,\n  } = props;\n\n  return (\n    <Box data-testid=\"primary-text-input\">\n      <TextInput\n        {...props}\n        onChange={onChange}\n        focusInput={focusInput}\n        variant={errorMessage ? \"primaryError\" : \"primary\"}\n        sx={{\n          padding,\n          ...sx,\n        }}\n      />\n      {errorMessage && !hideErrorText && (\n        <Text\n          {...errorMessageProps}\n          sx={{\n            fontSize: \"12px\",\n            mt: \"10px\",\n            color: \"cl_red\",\n            fontFamily: \"proxima-nova\",\n            ...errorMessageProps?.sx,\n          }}\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["PrimaryTextInput","props","onChange","padding","errorMessage","errorMessageProps","focusInput","hideErrorText","sx","jsxs","Box","jsx","TextInput","Text"],"mappings":";;;AAOa,MAAAA,IAAoC,CAACC,MAAU;AACpD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,SAAAC,IAAU,CAAC,UAAU;AAAA,IACrB,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,IAAAC;AAAA,EACE,IAAAP;AAGF,SAAAQ,gBAAAA,EAAA,KAACC,GAAI,EAAA,eAAY,sBACf,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGX;AAAA,QACJ,UAAAC;AAAA,QACA,YAAAI;AAAA,QACA,SAASF,IAAe,iBAAiB;AAAA,QACzC,IAAI;AAAA,UACF,SAAAD;AAAA,UACA,GAAGK;AAAA,QACL;AAAA,MAAA;AAAA,IACF;AAAA,IACCJ,KAAgB,CAACG,KAChBI,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACE,GAAGR;AAAA,QACJ,IAAI;AAAA,UACF,UAAU;AAAA,UACV,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,GAAGA,KAAA,gBAAAA,EAAmB;AAAA,QACxB;AAAA,QAEC,UAAAD;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library68.js","sources":["../src/components/inputs/primary-text-input/primary-text-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Text } from \"rebass\";\n\nimport { TextInput } from \"../text-input\";\nimport { PrimaryTextInputProps as Props } from \"./interfaces\";\n\nexport const PrimaryTextInput: React.FC<Props> = (props) => {\n  const {\n    padding = [\"14px 0px\"],\n    errorMessage,\n    errorMessageProps,\n    hideErrorText,\n    sx,\n  } = props;\n\n  return (\n    <Box data-testid=\"primary-text-input\">\n      <TextInput\n        {...props}\n        variant={errorMessage ? \"primaryError\" : \"primary\"}\n        sx={{\n          padding,\n          ...sx,\n        }}\n      />\n      {errorMessage && !hideErrorText && (\n        <Text\n          {...errorMessageProps}\n          sx={{\n            fontSize: \"12px\",\n            mt: \"10px\",\n            color: \"cl_red\",\n            fontFamily: \"proxima-nova\",\n            ...errorMessageProps?.sx,\n          }}\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["PrimaryTextInput","props","padding","errorMessage","errorMessageProps","hideErrorText","sx","jsxs","Box","jsx","TextInput","Text"],"mappings":";;;AAOa,MAAAA,IAAoC,CAACC,MAAU;AACpD,QAAA;AAAA,IACJ,SAAAC,IAAU,CAAC,UAAU;AAAA,IACrB,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,IAAAC;AAAA,EACE,IAAAL;AAGF,SAAAM,gBAAAA,EAAA,KAACC,GAAI,EAAA,eAAY,sBACf,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGT;AAAA,QACJ,SAASE,IAAe,iBAAiB;AAAA,QACzC,IAAI;AAAA,UACF,SAAAD;AAAA,UACA,GAAGI;AAAA,QACL;AAAA,MAAA;AAAA,IACF;AAAA,IACCH,KAAgB,CAACE,KAChBI,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACE,GAAGP;AAAA,QACJ,IAAI;AAAA,UACF,UAAU;AAAA,UACV,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,GAAGA,KAAA,gBAAAA,EAAmB;AAAA,QACxB;AAAA,QAEC,UAAAD;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library69.js

@@ -2,8 +2,8 @@ import { j as t } from "./sd-component-library190.js";
 import { useState as d } from "react";
 import { OutsideClickBox as g } from "./sd-component-library11.js";
 import { SecondaryTextInput as j } from "./sd-component-library72.js";
-import { ReactComponent as v } from "./sd-component-library218.js";
-import { SearchAutocompleteResultsBox as C } from "./sd-component-library221.js";
+import { ReactComponent as v } from "./sd-component-library244.js";
+import { SearchAutocompleteResultsBox as C } from "./sd-component-library247.js";
 const F = (s) => {
   const {
     searchValue: r,

package/lib/sd-component-library70.js

@@ -1,11 +1,11 @@
 import { j as s } from "./sd-component-library190.js";
 import { useState as V } from "react";
 import { useDependantState as q } from "./sd-component-library3.js";
-import { SearchBox as z } from "./sd-component-library217.js";
+import { SearchBox as z } from "./sd-component-library243.js";
 import { OutsideClickBox as G } from "./sd-component-library11.js";
 import { PrimaryTextInput as H } from "./sd-component-library68.js";
-import { ReactComponent as J } from "./sd-component-library218.js";
-import { ReactComponent as M } from "./sd-component-library219.js";
+import { ReactComponent as J } from "./sd-component-library244.js";
+import { ReactComponent as M } from "./sd-component-library245.js";
 function f(i, o, e, t) {
   t == null || t(i, o), e(i);
 }

package/lib/sd-component-library71.js

@@ -1,6 +1,6 @@
 import { j as r } from "./sd-component-library190.js";
 import { Box as I } from "rebass";
-import { SecondaryInputLabels as B } from "./sd-component-library220.js";
+import { SecondaryInputLabels as B } from "./sd-component-library246.js";
 import { NumberInput as A } from "./sd-component-library66.js";
 const k = (n) => {
   const {

package/lib/sd-component-library72.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library190.js";
 import { Box as c } from "rebass";
-import { SecondaryInputLabels as u } from "./sd-component-library220.js";
+import { SecondaryInputLabels as u } from "./sd-component-library246.js";
 import { PrimaryTextInput as f } from "./sd-component-library68.js";
 const T = (e) => {
   const { m: r, mb: s, ml: n, mr: o, mt: a, width: m, padding: p, sx: x, inputSx: d, ...i } = e;

package/lib/sd-component-library73.js

@@ -1,18 +1,19 @@
-import { j as r } from "./sd-component-library190.js";
-import { Input as x } from "./sd-component-library64.js";
-const p = (t) => {
-  const { variant: n, type: e = "text" } = t;
-  return /* @__PURE__ */ r.jsx(
-    x,
-    {
-      ...t,
-      variant: `textInput.${n}`,
-      type: e,
-      "data-test": "text-input"
-    }
-  );
-};
+import { j as e } from "./sd-component-library190.js";
+import { Input as n } from "./sd-component-library64.js";
+const s = ({
+  variant: t,
+  type: p = "text",
+  ...x
+}) => /* @__PURE__ */ e.jsx(
+  n,
+  {
+    ...x,
+    variant: `textInput.${t}`,
+    type: p,
+    "data-test": "text-input"
+  }
+);
 export {
-  p as TextInput
+  s as TextInput
 };
 //# sourceMappingURL=sd-component-library73.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library73.js","sources":["../src/components/inputs/text-input/text-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Input } from \"../input\";\nimport { TextInputProps as Props } from \"./interfaces\";\n\n/**\n * Base Text input component. Other text inputs should inherit from this.\n */\nexport const TextInput: React.FC<Props> = (props) => {\n  const { variant, type = \"text\" } = props;\n\n  return (\n    <Input\n      {...props}\n      variant={`textInput.${variant}`}\n      type={type}\n      data-test=\"text-input\"\n    />\n  );\n};\n"],"names":["TextInput","props","variant","type","jsx","Input"],"mappings":";;AAQa,MAAAA,IAA6B,CAACC,MAAU;AACnD,QAAM,EAAE,SAAAC,GAAS,MAAAC,IAAO,OAAA,IAAWF;AAGjC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,SAAS,aAAaC,CAAO;AAAA,MAC7B,MAAAC;AAAA,MACA,aAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"sd-component-library73.js","sources":["../src/components/inputs/text-input/text-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Input } from \"../input\";\nimport { TextInputProps as Props } from \"./interfaces\";\n\n/**\n * Base Text input component. Other text inputs should inherit from this.\n */\nexport const TextInput: React.FC<Props> = ({\n  variant,\n  type = \"text\",\n  ...restOfProps\n}) => (\n  <Input\n    {...restOfProps}\n    variant={`textInput.${variant}`}\n    type={type}\n    data-test=\"text-input\"\n  />\n);\n"],"names":["TextInput","variant","type","restOfProps","jsx","Input"],"mappings":";;AAQO,MAAMA,IAA6B,CAAC;AAAA,EACzC,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAS,aAAaF,CAAO;AAAA,IAC7B,MAAAC;AAAA,IACA,aAAU;AAAA,EAAA;AACZ;"}

package/lib/sd-component-library74.js

@@ -1,7 +1,7 @@
 import { j as r } from "./sd-component-library190.js";
 import { Box as p } from "rebass";
 import { PrimaryTextInput as x } from "./sd-component-library68.js";
-import { ReactComponent as m } from "./sd-component-library218.js";
+import { ReactComponent as m } from "./sd-component-library244.js";
 const j = ({
   placeholder: s = "Enter your Search",
   searchStyle: a,

package/lib/sd-component-library75.js

@@ -1,6 +1,6 @@
 import { j as o } from "./sd-component-library190.js";
 import { Box as c } from "rebass";
-import { BaseLabel as e } from "./sd-component-library222.js";
+import { BaseLabel as e } from "./sd-component-library254.js";
 import { TextInput as m } from "./sd-component-library73.js";
 import { BaseTextV2 as s } from "./sd-component-library132.js";
 const _ = ({

package/lib/sd-component-library80.js

@@ -5,7 +5,7 @@ import { useHover as R } from "./sd-component-library3.js";
 import { getResponsiveClick as H } from "./sd-component-library4.js";
 import { OutsideClickBox as W } from "./sd-component-library11.js";
 import { ReactComponent as $ } from "./sd-component-library181.js";
-import { ActionBox as A } from "./sd-component-library211.js";
+import { ActionBox as A } from "./sd-component-library233.js";
 import { FlexCenter as M } from "./sd-component-library35.js";
 import { HorizontalDivider as a } from "./sd-component-library49.js";
 const G = (d) => {

package/lib/sd-component-library81.js

@@ -1,13 +1,13 @@
 import { j as e } from "./sd-component-library190.js";
 import { Box as R } from "rebass";
 import { useElementCoordinates as O } from "./sd-component-library3.js";
-import { defaultPointerWidth as _, defaultTextBottomMargin as z } from "./sd-component-library225.js";
-import { labelWidth as X, defaultDistanceFromLabelToRanges as W, labelPaddingX as Y, defaultWidth as A, defaultHeight as D, defaultArc as E, defaultPointStrokeWidth as G, defaultInnerPointRadius as H, defaultGaugeWidth as V, defaultMaskBorderRadius as q } from "./sd-component-library226.js";
+import { defaultPointerWidth as _, defaultTextBottomMargin as z } from "./sd-component-library208.js";
+import { labelWidth as X, defaultDistanceFromLabelToRanges as W, labelPaddingX as Y, defaultWidth as A, defaultHeight as D, defaultArc as E, defaultPointStrokeWidth as G, defaultInnerPointRadius as H, defaultGaugeWidth as V, defaultMaskBorderRadius as q } from "./sd-component-library209.js";
 import { isValueInRange as N } from "./sd-component-library86.js";
-import { COLOR_TO_ICON_MAP as J, defaultSmileyWidth as K, defaultDistanceBetweenRanges as Q } from "./sd-component-library227.js";
-import { isCorrectSmileyMeterConfig as U, getIsHorizontal as Z } from "./sd-component-library228.js";
-import { SmileyMeterRanges as ee } from "./sd-component-library229.js";
-import { MatchedRangeLabelBox as te } from "./sd-component-library230.js";
+import { COLOR_TO_ICON_MAP as J, defaultSmileyWidth as K, defaultDistanceBetweenRanges as Q } from "./sd-component-library210.js";
+import { isCorrectSmileyMeterConfig as U, getIsHorizontal as Z } from "./sd-component-library211.js";
+import { SmileyMeterRanges as ee } from "./sd-component-library212.js";
+import { MatchedRangeLabelBox as te } from "./sd-component-library213.js";
 import { FlexCenter as ie } from "./sd-component-library35.js";
 const he = ($) => {
   const {