@selfdecode/sd-component-library 4.0.73-vite11 → 4.0.73-vite13

package/lib/sd-component-library109.js

@@ -1,39 +1,24 @@
-import { j as p } from "./sd-component-library195.js";
-import { Flex as n } from "rebass";
-import { ProgressStep as x } from "./sd-component-library199.js";
-const g = ({
+import { jsx as p } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { ProgressStep as l } from "./sd-component-library201.js";
+import { Flex as n } from "./sd-component-library199.js";
+const f = ({
   height: t,
-  steps: s,
+  steps: o,
   step: i,
-  onStepClick: o,
+  onStepClick: e,
   ...m
 }) => {
-  const a = (e) => o ? () => o(e + 1) : void 0;
-  return /* @__PURE__ */ p.jsx(
-    n,
-    {
-      ...m,
-      sx: {
-        position: "relative",
-        pl: t || 16,
-        "> *": {
-          width: [100 / (s - 1) + "%"]
-        }
-      },
-      "data-test": "progress-steps",
-      children: [...Array(s)].map((e, r) => /* @__PURE__ */ p.jsx(
-        x,
-        {
-          active: r < i,
-          height: t || 16,
-          onClick: a(r)
-        },
-        r
-      ))
+  const a = (s) => e ? () => e(s + 1) : void 0;
+  return /* @__PURE__ */ p(n, { ...m, sx: {
+    position: "relative",
+    pl: t || 16,
+    "> *": {
+      width: [100 / (o - 1) + "%"]
     }
-  );
+  }, "data-test": "progress-steps", children: [...Array(o)].map((s, r) => /* @__PURE__ */ p(l, { active: r < i, height: t || 16, onClick: a(r) }, r)) });
 };
 export {
-  g as ProgressSteps
+  f as ProgressSteps
 };
 //# sourceMappingURL=sd-component-library109.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library109.js","sources":["../src/components/progress-steps/progress-steps.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { ProgressStepsProps } from \"./interfaces\";\nimport { ProgressStep } from \"./progress-step\";\n\n/**\n * Progress bar component. Accept step and steps attributes.\n */\nexport const ProgressSteps: React.FC<ProgressStepsProps> = ({\n  height,\n  steps,\n  step,\n  onStepClick,\n  ...props\n}) => {\n  const getOnStepClick = (idx: number) =>\n    onStepClick ? () => onStepClick(idx + 1) : undefined;\n  return (\n    <Flex\n      {...props}\n      sx={{\n        position: \"relative\",\n        pl: height || 16,\n        \"> *\": {\n          width: [100 / (steps - 1) + \"%\"],\n        },\n      }}\n      data-test=\"progress-steps\"\n    >\n      {[...Array(steps)].map((_, i) => (\n        <ProgressStep\n          key={i}\n          active={i < step}\n          height={height || 16}\n          onClick={getOnStepClick(i)}\n        />\n      ))}\n    </Flex>\n  );\n};\n"],"names":["ProgressSteps","height","steps","step","onStepClick","props","getOnStepClick","idx","jsx","Flex","_","i","ProgressStep"],"mappings":";;;AAUO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAiB,CAACC,MACtBH,IAAc,MAAMA,EAAYG,IAAM,CAAC,IAAI;AAE3C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,IAAI;AAAA,QACF,UAAU;AAAA,QACV,IAAIJ,KAAU;AAAA,QACd,OAAO;AAAA,UACL,OAAO,CAAC,OAAOC,IAAQ,KAAK,GAAG;AAAA,QACjC;AAAA,MACF;AAAA,MACA,aAAU;AAAA,MAET,UAAA,CAAC,GAAG,MAAMA,CAAK,CAAC,EAAE,IAAI,CAACQ,GAAGC,MACzBH,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UAEC,QAAQD,IAAIR;AAAA,UACZ,QAAQF,KAAU;AAAA,UAClB,SAASK,EAAeK,CAAC;AAAA,QAAA;AAAA,QAHpBA;AAAA,MAAA,CAKR;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library109.js","sources":["../src/components/progress-steps/progress-steps.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { ProgressStepsProps } from \"./interfaces\";\nimport { ProgressStep } from \"./progress-step\";\n\n/**\n * Progress bar component. Accept step and steps attributes.\n */\nexport const ProgressSteps: React.FC<ProgressStepsProps> = ({\n  height,\n  steps,\n  step,\n  onStepClick,\n  ...props\n}) => {\n  const getOnStepClick = (idx: number) =>\n    onStepClick ? () => onStepClick(idx + 1) : undefined;\n  return (\n    <Flex\n      {...props}\n      sx={{\n        position: \"relative\",\n        pl: height || 16,\n        \"> *\": {\n          width: [100 / (steps - 1) + \"%\"],\n        },\n      }}\n      data-test=\"progress-steps\"\n    >\n      {[...Array(steps)].map((_, i) => (\n        <ProgressStep\n          key={i}\n          active={i < step}\n          height={height || 16}\n          onClick={getOnStepClick(i)}\n        />\n      ))}\n    </Flex>\n  );\n};\n"],"names":["ProgressSteps","height","steps","step","onStepClick","props","getOnStepClick","idx","undefined","jsx","Flex","position","pl","width","Array","map","_","i","ProgressStep"],"mappings":";;;;AAUO,MAAMA,IAA8CA,CAAC;AAAA,EAC1DC,QAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACEC,QAAAA,IAAiBA,CAACC,MACtBH,IAAc,MAAMA,EAAYG,IAAM,CAAC,IAAIC;AAC7C,SACG,gBAAAC,EAAAC,GAAA,EACC,GAAIL,GACJ,IAAI;AAAA,IACFM,UAAU;AAAA,IACVC,IAAIX,KAAU;AAAA,IACd,OAAO;AAAA,MACLY,OAAO,CAAC,OAAOX,IAAQ,KAAK,GAAG;AAAA,IACjC;AAAA,EACF,GACA,aAAU,kBAET,UAAC,CAAA,GAAGY,MAAMZ,CAAK,CAAC,EAAEa,IAAI,CAACC,GAAGC,MACxB,gBAAAR,EAAAS,GAAA,EAEC,QAAQD,IAAId,GACZ,QAAQF,KAAU,IAClB,SAASK,EAAeW,CAAC,EAAA,GAHpBA,CAGsB,CAE9B,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library11.js

@@ -1,18 +1,16 @@
-import { j as e } from "./sd-component-library195.js";
-import { Box as r } from "rebass";
-const d = (o) => {
-  const { children: t, ...s } = o;
-  return /* @__PURE__ */ e.jsx(
-    r,
-    {
-      "data-test": "desktop-hidden-box",
-      sx: { display: ["block", "none"] },
-      ...s,
-      children: t
-    }
-  );
+import { jsx as s } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as e } from "./sd-component-library199.js";
+const x = (o) => {
+  const {
+    children: t,
+    ...r
+  } = o;
+  return /* @__PURE__ */ s(e, { "data-test": "desktop-hidden-box", sx: {
+    display: ["block", "none"]
+  }, ...r, children: t });
 };
 export {
-  d as DesktopHiddenBox
+  x as DesktopHiddenBox
 };
 //# sourceMappingURL=sd-component-library11.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library11.js","sources":["../src/components/boxes/desktop-hidden-box/desktop-hidden-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { DesktopHiddenBoxProps as Props } from \"./interfaces\";\n\n/**\n * Desktop Hidden Box component. This component, and it's children,\n *  won't be visible on desktop screens\n *  @deprecated use useBreakPoints() hook instead\n */\nexport const DesktopHiddenBox: React.FC<Props> = (props) => {\n  const { children, ...boxProps } = props;\n\n  return (\n    <Box\n      data-test=\"desktop-hidden-box\"\n      sx={{ display: [\"block\", \"none\"] }}\n      {...boxProps}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["DesktopHiddenBox","props","children","boxProps","jsx","Box"],"mappings":";;AAWa,MAAAA,IAAoC,CAACC,MAAU;AAC1D,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAAaF;AAGhC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAI,EAAE,SAAS,CAAC,SAAS,MAAM,EAAE;AAAA,MAChC,GAAGF;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library11.js","sources":["../src/components/boxes/desktop-hidden-box/desktop-hidden-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { DesktopHiddenBoxProps as Props } from \"./interfaces\";\n\n/**\n * Desktop Hidden Box component. This component, and it's children,\n *  won't be visible on desktop screens\n *  @deprecated use useBreakPoints() hook instead\n */\nexport const DesktopHiddenBox: React.FC<Props> = (props) => {\n  const { children, ...boxProps } = props;\n\n  return (\n    <Box\n      data-test=\"desktop-hidden-box\"\n      sx={{ display: [\"block\", \"none\"] }}\n      {...boxProps}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["DesktopHiddenBox","props","children","boxProps","jsx","Box","display"],"mappings":";;;AAWO,MAAMA,IAAqCC,CAAUA,MAAA;AACpD,QAAA;AAAA,IAAEC,UAAAA;AAAAA,IAAU,GAAGC;AAAAA,EAAaF,IAAAA;AAElC,SACG,gBAAAG,EAAAC,GAAA,EACC,aAAU,sBACV,IAAI;AAAA,IAAEC,SAAS,CAAC,SAAS,MAAM;AAAA,EAAA,GAC3BH,GAAAA,GAEHD,UAAAA,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library110.js

@@ -1,158 +1,89 @@
-import { j as e } from "./sd-component-library195.js";
-import { useMemo as Z } from "react";
-import { Select as q } from "@rebass/forms";
-import { Box as G } from "rebass";
-import { useDependantState as J } from "./sd-component-library3.js";
-import { MaxMaxContainer as K } from "./sd-component-library43.js";
-import { BaseLabel as P } from "./sd-component-library228.js";
+import { jsxs as p, jsx as c, Fragment as q } from "./sd-component-library195.js";
+import { useMemo as G } from "react";
+import { Select as J } from "./sd-component-library213.js";
+import "./sd-component-library198.js";
+import { useDependantState as K } from "./sd-component-library3.js";
+import { MaxMaxContainer as P } from "./sd-component-library43.js";
 import { ResponsiveTextV2 as Q } from "./sd-component-library147.js";
-const U = (r, a, t, d, o, n) => {
-  const m = d.find(
-    (p) => p[a].trim() === r
-  );
-  o == null || o(m, t), n(m);
-}, j = (r) => r ? "no-translate" : void 0, ae = (r) => {
+import { Box as U } from "./sd-component-library199.js";
+import { BaseLabel as X } from "./sd-component-library228.js";
+const Y = (r, a, e, d, t, n) => {
+  const m = d.find((u) => u[a].trim() === r);
+  t == null || t(m, e), n(m);
+}, O = (r) => r ? "no-translate" : void 0, ie = (r) => {
   const {
     defaultValue: a,
-    variant: t,
+    variant: e,
     selectorLabel: d,
-    name: o,
+    name: t,
     options: n,
     onChange: m,
-    width: p,
-    m: S,
-    mt: O,
-    mr: T,
-    mb: V,
-    ml: L,
-    gap: M = ["20px"],
+    width: u,
+    m: T,
+    mt: V,
+    mr: L,
+    mb: M,
+    ml: N,
+    gap: $ = ["20px"],
     disabledTextValue: x = "No Options",
-    textTransform: N = "Capitalize",
-    hideDefaultOnSelect: $,
-    labelMargin: F,
-    secondLabel: l,
-    selectElementHeight: D,
-    errorMessage: f,
-    defaultOptionColor: g,
-    selectedOptionColor: h,
-    onFocus: E,
+    textTransform: F = "Capitalize",
+    hideDefaultOnSelect: B,
+    labelMargin: D,
+    secondLabel: s,
+    selectElementHeight: _,
+    errorMessage: g,
+    defaultOptionColor: h,
+    selectedOptionColor: C,
+    onFocus: j,
     errorBackground: w,
     useValueInsteadOfTitle: y = !1,
     id: z,
-    translateSelect: C = !0,
-    translateDefaultOption: v
-  } = r, i = y ? "value" : "title", b = Z(
-    () => n.find((s) => s[i] === a),
-    [n, a, i]
-  ), [c, B] = J(b), u = n.length === 0, W = !t || !["compact", "tertiary"].includes(t), _ = g && !c ? { color: g } : h ? { color: h } : {}, A = navigator.userAgent.toLowerCase().indexOf("firefox") > -1, I = j(
-    v !== !0 && !C || v === !1
-  ), R = j(!C);
-  return /* @__PURE__ */ e.jsxs(
-    G,
-    {
-      id: z,
-      variant: `_containers.selectors.${t}`,
-      sx: {
-        pt: "1px",
-        width: p,
-        m: S,
-        mt: O,
-        mr: T,
-        mb: V,
-        ml: L,
-        position: "relative",
-        ...W ? {
-          svg: {
-            transform: `translate(-2px,${A ? 0 : 5}px) scale(.78)`,
-            fill: "#4568F8"
-          }
-        } : {},
-        path: {
-          d: "path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')"
-        },
-        gap: M
-      },
-      "data-test": "base-selector",
-      children: [
-        d && /* @__PURE__ */ e.jsxs(K, { gap: ["0px"], children: [
-          /* @__PURE__ */ e.jsx(
-            P,
-            {
-              htmlFor: o,
-              variant: `selectors.${t}${f ? "Error" : ""}`,
-              label: d,
-              m: F
-            }
-          ),
-          l && /* @__PURE__ */ e.jsx(
-            Q,
-            {
-              letterSpacing: ["1px"],
-              textTransform: "uppercase",
-              mt: l.mt,
-              ml: l.ml || ["3px"],
-              color: l.color || "cl_grey",
-              fontSizeWeight: l.fontSizeWeight || [[10, "semi-bold"]],
-              children: l.text
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e.jsx(
-          q,
-          {
-            id: o,
-            name: o,
-            height: D,
-            value: u ? x : c && c[i].trim() || a,
-            onFocus: E,
-            backgroundColor: w ? "rgba(255, 0, 0, 0.05)" : "",
-            variant: `_selectors.${t}${f ? "Error" : ""}`,
-            onChange: (s) => U(
-              s.target.value,
-              i,
-              c,
-              n,
-              m,
-              (H) => B(H)
-            ),
-            sx: {
-              textTransform: N,
-              ..._
-            },
-            disabled: u,
-            children: u ? /* @__PURE__ */ e.jsxs("option", { "data-test": "disabled-option", children: [
-              x,
-              " "
-            ] }, "disabledTextValue") : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-              b === void 0 && // When defaultValue is not in the options list
-              (!c || !$) && /* @__PURE__ */ e.jsx(
-                "option",
-                {
-                  "data-test": "selector-option",
-                  className: I,
-                  children: a
-                },
-                "defaultValue"
-              ),
-              r.options.map((s) => /* @__PURE__ */ e.jsx(
-                "option",
-                {
-                  value: s[i],
-                  "data-test": "selector-option",
-                  className: R,
-                  children: s.title
-                },
-                s.id
-              ))
-            ] })
-          }
-        )
-      ]
-    }
-  );
+    translateSelect: v = !0,
+    translateDefaultOption: b
+  } = r, l = y ? "value" : "title", S = G(() => n.find((o) => o[l] === a), [n, a, l]), [i, E] = K(S), f = n.length === 0, W = !e || !["compact", "tertiary"].includes(e), A = h && !i ? {
+    color: h
+  } : C ? {
+    color: C
+  } : {}, I = navigator.userAgent.toLowerCase().indexOf("firefox") > -1, H = O(b !== !0 && !v || b === !1), R = O(!v);
+  return /* @__PURE__ */ p(U, { id: z, variant: `_containers.selectors.${e}`, sx: {
+    pt: "1px",
+    width: u,
+    m: T,
+    mt: V,
+    mr: L,
+    mb: M,
+    ml: N,
+    position: "relative",
+    ...W ? {
+      svg: {
+        transform: `translate(-2px,${I ? 0 : 5}px) scale(.78)`,
+        fill: "#4568F8"
+      }
+    } : {},
+    path: {
+      d: "path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')"
+    },
+    gap: $
+  }, "data-test": "base-selector", children: [
+    d && /* @__PURE__ */ p(P, { gap: ["0px"], children: [
+      /* @__PURE__ */ c(X, { htmlFor: t, variant: `selectors.${e}${g ? "Error" : ""}`, label: d, m: D }),
+      s && /* @__PURE__ */ c(Q, { letterSpacing: ["1px"], textTransform: "uppercase", mt: s.mt, ml: s.ml || ["3px"], color: s.color || "cl_grey", fontSizeWeight: s.fontSizeWeight || [[10, "semi-bold"]], children: s.text })
+    ] }),
+    /* @__PURE__ */ c(J, { id: t, name: t, height: _, value: f ? x : i && i[l].trim() || a, onFocus: j, backgroundColor: w ? "rgba(255, 0, 0, 0.05)" : "", variant: `_selectors.${e}${g ? "Error" : ""}`, onChange: (o) => Y(o.target.value, l, i, n, m, (Z) => E(Z)), sx: {
+      textTransform: F,
+      ...A
+    }, disabled: f, children: f ? /* @__PURE__ */ p("option", { "data-test": "disabled-option", children: [
+      x,
+      " "
+    ] }, "disabledTextValue") : /* @__PURE__ */ p(q, { children: [
+      S === void 0 && // When defaultValue is not in the options list
+      (!i || !B) && /* @__PURE__ */ c("option", { "data-test": "selector-option", className: H, children: a }, "defaultValue"),
+      r.options.map((o) => /* @__PURE__ */ c("option", { value: o[l], "data-test": "selector-option", className: R, children: o.title }, o.id))
+    ] }) })
+  ] });
 };
 export {
-  ae as Selector,
-  j as getNoTranslateClass
+  ie as Selector,
+  O as getNoTranslateClass
 };
 //# sourceMappingURL=sd-component-library110.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library110.js","sources":["../src/components/selectors/selector/selector.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { MaxMaxContainer } from \"../../containers/grid-containers/max-max-container\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts/responsive-text-v2\";\nimport {\n  CurrentSelection,\n  SelectorProps as Props,\n  SelectorOption,\n} from \"./interfaces\";\n\nconst onChangeWrapper = <T extends string = string>(\n  selectionString: string,\n  conditionAttribute: \"value\" | \"title\",\n  oldValue: SelectorOption<T> | undefined,\n  options: SelectorOption<T>[],\n  callback: (\n    newValue: SelectorOption<T>,\n    oldValue: SelectorOption<T> | undefined\n  ) => void,\n  setNewSelection: (option: SelectorOption<T>) => void\n) => {\n  const newValue: SelectorOption<T> = options.find(\n    (option) => option[conditionAttribute].trim() === selectionString\n  )!;\n\n  callback?.(newValue, oldValue);\n\n  setNewSelection(newValue);\n};\n\nexport const getNoTranslateClass = (flag: boolean) =>\n  flag ? \"no-translate\" : undefined;\n\n/**\n * @deprecated use SelectorV2 instead\n */\nexport const Selector = <T extends string = string>(props: Props<T>) => {\n  const {\n    defaultValue,\n    variant,\n    selectorLabel,\n    name,\n    options,\n    onChange,\n    width,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    gap = [\"20px\"],\n    disabledTextValue = \"No Options\",\n    textTransform = \"Capitalize\",\n    hideDefaultOnSelect,\n    labelMargin,\n    secondLabel,\n    selectElementHeight,\n    errorMessage,\n    defaultOptionColor,\n    selectedOptionColor,\n    onFocus,\n    errorBackground,\n    useValueInsteadOfTitle = false,\n    id,\n    translateSelect = true,\n    translateDefaultOption,\n  } = props;\n\n  const conditionAttribute = useValueInsteadOfTitle ? \"value\" : \"title\";\n\n  const defaultValueObject: CurrentSelection<T> = useMemo(\n    () => options.find((option) => option[conditionAttribute] === defaultValue),\n    [options, defaultValue, conditionAttribute]\n  );\n  //`options` needs to be a stable reference. Other wise Selector value reset to default.\n\n  const [selection, setSelection] = useDependantState(defaultValueObject);\n\n  const noOptionsToSelect = options.length === 0;\n\n  const useDefaultIconStyles =\n    !variant || ![\"compact\", \"tertiary\"].includes(variant);\n\n  const colorSx: { color: string } | {} =\n    defaultOptionColor && !selection\n      ? { color: defaultOptionColor }\n      : selectedOptionColor\n      ? { color: selectedOptionColor }\n      : {};\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n  const defaultOptionClassName = getNoTranslateClass(\n    (translateDefaultOption !== true && !translateSelect) ||\n      translateDefaultOption === false\n  );\n  const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n  return (\n    <Box\n      id={id}\n      variant={`_containers.selectors.${variant}`}\n      sx={{\n        pt: \"1px\",\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        position: \"relative\",\n        ...(useDefaultIconStyles\n          ? {\n              svg: {\n                transform: `translate(-2px,${isFirefox ? 0 : 5}px) scale(.78)`,\n                fill: \"#4568F8\",\n              },\n            }\n          : {}),\n        path: {\n          d: \"path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')\",\n        },\n        gap,\n      }}\n      data-test=\"base-selector\"\n    >\n      {selectorLabel && (\n        <MaxMaxContainer gap={[\"0px\"]}>\n          <BaseLabel\n            htmlFor={name}\n            variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n            label={selectorLabel}\n            m={labelMargin}\n          />\n\n          {secondLabel && (\n            <ResponsiveTextV2\n              letterSpacing={[\"1px\"]}\n              textTransform=\"uppercase\"\n              mt={secondLabel.mt}\n              ml={secondLabel.ml || [\"3px\"]}\n              color={secondLabel.color || \"cl_grey\"}\n              fontSizeWeight={secondLabel.fontSizeWeight || [[10, \"semi-bold\"]]}\n            >\n              {secondLabel.text}\n            </ResponsiveTextV2>\n          )}\n        </MaxMaxContainer>\n      )}\n\n      <Select\n        id={name}\n        name={name}\n        height={selectElementHeight}\n        value={\n          noOptionsToSelect\n            ? disabledTextValue\n            : (selection && selection[conditionAttribute].trim()) ||\n              defaultValue\n        }\n        onFocus={onFocus}\n        backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n        variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n        onChange={(event) =>\n          onChangeWrapper(\n            event.target.value,\n            conditionAttribute,\n            selection,\n            options,\n            onChange,\n            (option) => setSelection(option)\n          )\n        }\n        sx={{\n          textTransform,\n          ...colorSx,\n        }}\n        disabled={noOptionsToSelect}\n      >\n        {noOptionsToSelect ? (\n          <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n            {disabledTextValue}{\" \"}\n            {/* appending space because sometimes last letter gets cropped. */}\n          </option>\n        ) : (\n          <>\n            {defaultValueObject === undefined &&\n              // When defaultValue is not in the options list\n              (!selection || !hideDefaultOnSelect) && (\n                <option\n                  key=\"defaultValue\"\n                  data-test=\"selector-option\"\n                  className={defaultOptionClassName}\n                >\n                  {defaultValue}\n                </option>\n              )}\n\n            {props.options.map((option) => (\n              <option\n                key={option.id}\n                value={option[conditionAttribute]}\n                data-test=\"selector-option\"\n                className={regularOptionClassName}\n              >\n                {option.title}\n              </option>\n            ))}\n          </>\n        )}\n      </Select>\n    </Box>\n  );\n};\n"],"names":["onChangeWrapper","selectionString","conditionAttribute","oldValue","options","callback","setNewSelection","newValue","option","getNoTranslateClass","flag","Selector","props","defaultValue","variant","selectorLabel","name","onChange","width","m","mt","mr","mb","ml","gap","disabledTextValue","textTransform","hideDefaultOnSelect","labelMargin","secondLabel","selectElementHeight","errorMessage","defaultOptionColor","selectedOptionColor","onFocus","errorBackground","useValueInsteadOfTitle","id","translateSelect","translateDefaultOption","defaultValueObject","useMemo","selection","setSelection","useDependantState","noOptionsToSelect","useDefaultIconStyles","colorSx","isFirefox","defaultOptionClassName","regularOptionClassName","jsxs","Box","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","Select","event","Fragment"],"mappings":"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"}
+{"version":3,"file":"sd-component-library110.js","sources":["../src/components/selectors/selector/selector.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { MaxMaxContainer } from \"../../containers/grid-containers/max-max-container\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts/responsive-text-v2\";\nimport {\n  CurrentSelection,\n  SelectorProps as Props,\n  SelectorOption,\n} from \"./interfaces\";\n\nconst onChangeWrapper = <T extends string = string>(\n  selectionString: string,\n  conditionAttribute: \"value\" | \"title\",\n  oldValue: SelectorOption<T> | undefined,\n  options: SelectorOption<T>[],\n  callback: (\n    newValue: SelectorOption<T>,\n    oldValue: SelectorOption<T> | undefined\n  ) => void,\n  setNewSelection: (option: SelectorOption<T>) => void\n) => {\n  const newValue: SelectorOption<T> = options.find(\n    (option) => option[conditionAttribute].trim() === selectionString\n  )!;\n\n  callback?.(newValue, oldValue);\n\n  setNewSelection(newValue);\n};\n\nexport const getNoTranslateClass = (flag: boolean) =>\n  flag ? \"no-translate\" : undefined;\n\n/**\n * @deprecated use SelectorV2 instead\n */\nexport const Selector = <T extends string = string>(props: Props<T>) => {\n  const {\n    defaultValue,\n    variant,\n    selectorLabel,\n    name,\n    options,\n    onChange,\n    width,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    gap = [\"20px\"],\n    disabledTextValue = \"No Options\",\n    textTransform = \"Capitalize\",\n    hideDefaultOnSelect,\n    labelMargin,\n    secondLabel,\n    selectElementHeight,\n    errorMessage,\n    defaultOptionColor,\n    selectedOptionColor,\n    onFocus,\n    errorBackground,\n    useValueInsteadOfTitle = false,\n    id,\n    translateSelect = true,\n    translateDefaultOption,\n  } = props;\n\n  const conditionAttribute = useValueInsteadOfTitle ? \"value\" : \"title\";\n\n  const defaultValueObject: CurrentSelection<T> = useMemo(\n    () => options.find((option) => option[conditionAttribute] === defaultValue),\n    [options, defaultValue, conditionAttribute]\n  );\n  //`options` needs to be a stable reference. Other wise Selector value reset to default.\n\n  const [selection, setSelection] = useDependantState(defaultValueObject);\n\n  const noOptionsToSelect = options.length === 0;\n\n  const useDefaultIconStyles =\n    !variant || ![\"compact\", \"tertiary\"].includes(variant);\n\n  const colorSx: { color: string } | {} =\n    defaultOptionColor && !selection\n      ? { color: defaultOptionColor }\n      : selectedOptionColor\n      ? { color: selectedOptionColor }\n      : {};\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n  const defaultOptionClassName = getNoTranslateClass(\n    (translateDefaultOption !== true && !translateSelect) ||\n      translateDefaultOption === false\n  );\n  const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n  return (\n    <Box\n      id={id}\n      variant={`_containers.selectors.${variant}`}\n      sx={{\n        pt: \"1px\",\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        position: \"relative\",\n        ...(useDefaultIconStyles\n          ? {\n              svg: {\n                transform: `translate(-2px,${isFirefox ? 0 : 5}px) scale(.78)`,\n                fill: \"#4568F8\",\n              },\n            }\n          : {}),\n        path: {\n          d: \"path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')\",\n        },\n        gap,\n      }}\n      data-test=\"base-selector\"\n    >\n      {selectorLabel && (\n        <MaxMaxContainer gap={[\"0px\"]}>\n          <BaseLabel\n            htmlFor={name}\n            variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n            label={selectorLabel}\n            m={labelMargin}\n          />\n\n          {secondLabel && (\n            <ResponsiveTextV2\n              letterSpacing={[\"1px\"]}\n              textTransform=\"uppercase\"\n              mt={secondLabel.mt}\n              ml={secondLabel.ml || [\"3px\"]}\n              color={secondLabel.color || \"cl_grey\"}\n              fontSizeWeight={secondLabel.fontSizeWeight || [[10, \"semi-bold\"]]}\n            >\n              {secondLabel.text}\n            </ResponsiveTextV2>\n          )}\n        </MaxMaxContainer>\n      )}\n\n      <Select\n        id={name}\n        name={name}\n        height={selectElementHeight}\n        value={\n          noOptionsToSelect\n            ? disabledTextValue\n            : (selection && selection[conditionAttribute].trim()) ||\n              defaultValue\n        }\n        onFocus={onFocus}\n        backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n        variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n        onChange={(event) =>\n          onChangeWrapper(\n            event.target.value,\n            conditionAttribute,\n            selection,\n            options,\n            onChange,\n            (option) => setSelection(option)\n          )\n        }\n        sx={{\n          textTransform,\n          ...colorSx,\n        }}\n        disabled={noOptionsToSelect}\n      >\n        {noOptionsToSelect ? (\n          <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n            {disabledTextValue}{\" \"}\n            {/* appending space because sometimes last letter gets cropped. */}\n          </option>\n        ) : (\n          <>\n            {defaultValueObject === undefined &&\n              // When defaultValue is not in the options list\n              (!selection || !hideDefaultOnSelect) && (\n                <option\n                  key=\"defaultValue\"\n                  data-test=\"selector-option\"\n                  className={defaultOptionClassName}\n                >\n                  {defaultValue}\n                </option>\n              )}\n\n            {props.options.map((option) => (\n              <option\n                key={option.id}\n                value={option[conditionAttribute]}\n                data-test=\"selector-option\"\n                className={regularOptionClassName}\n              >\n                {option.title}\n              </option>\n            ))}\n          </>\n        )}\n      </Select>\n    </Box>\n  );\n};\n"],"names":["onChangeWrapper","selectionString","conditionAttribute","oldValue","options","callback","setNewSelection","newValue","find","option","trim","getNoTranslateClass","flag","undefined","Selector","props","defaultValue","variant","selectorLabel","name","onChange","width","m","mt","mr","mb","ml","gap","disabledTextValue","textTransform","hideDefaultOnSelect","labelMargin","secondLabel","selectElementHeight","errorMessage","defaultOptionColor","selectedOptionColor","onFocus","errorBackground","useValueInsteadOfTitle","id","translateSelect","translateDefaultOption","defaultValueObject","useMemo","selection","setSelection","useDependantState","noOptionsToSelect","length","useDefaultIconStyles","includes","colorSx","color","isFirefox","navigator","userAgent","toLowerCase","indexOf","defaultOptionClassName","regularOptionClassName","Box","pt","position","svg","transform","fill","path","d","jsxs","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","fontSizeWeight","text","Select","event","target","value","map","title"],"mappings":";;;;;;;;;AAeA,MAAMA,IAAkB,CACtBC,GACAC,GACAC,GACAC,GACAC,GAIAC,MACG;AACGC,QAAAA,IAA8BH,EAAQI,KACzCC,CAAAA,MAAWA,EAAOP,CAAkB,EAAEQ,WAAWT,CACpD;AAEAI,EAAAA,KAAAA,QAAAA,EAAWE,GAAUJ,IAErBG,EAAgBC,CAAQ;AAC1B,GAEaI,IAAsBA,CAACC,MAClCA,IAAO,iBAAiBC,QAKbC,KAAW,CAA4BC,MAAoB;AAChE,QAAA;AAAA,IACJC,cAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAf,SAAAA;AAAAA,IACAgB,UAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,GAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,KAAAA,IAAM,CAAC,MAAM;AAAA,IACbC,mBAAAA,IAAoB;AAAA,IACpBC,eAAAA,IAAgB;AAAA,IAChBC,qBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,wBAAAA,IAAyB;AAAA,IACzBC,IAAAA;AAAAA,IACAC,iBAAAA,IAAkB;AAAA,IAClBC,wBAAAA;AAAAA,EACE3B,IAAAA,GAEEb,IAAqBqC,IAAyB,UAAU,SAExDI,IAA0CC,EAC9C,MAAMxC,EAAQI,KAAMC,CAAWA,MAAAA,EAAOP,CAAkB,MAAMc,CAAY,GAC1E,CAACZ,GAASY,GAAcd,CAAkB,CAC5C,GAGM,CAAC2C,GAAWC,CAAY,IAAIC,EAAkBJ,CAAkB,GAEhEK,IAAoB5C,EAAQ6C,WAAW,GAEvCC,IACJ,CAACjC,KAAW,CAAC,CAAC,WAAW,UAAU,EAAEkC,SAASlC,CAAO,GAEjDmC,IACJjB,KAAsB,CAACU,IACnB;AAAA,IAAEQ,OAAOlB;AAAAA,MACTC,IACA;AAAA,IAAEiB,OAAOjB;AAAAA,MACT,IACAkB,IAAYC,UAAUC,UAAUC,YAAcC,EAAAA,QAAQ,SAAS,IAAI,IAEnEC,IAAyBhD,EAC5B+B,MAA2B,MAAQ,CAACD,KACnCC,MAA2B,EAC/B,GACMkB,IAAyBjD,EAAoB,CAAC8B,CAAe;AAEnE,2BACGoB,GACC,EAAA,IAAArB,GACA,SAAU,yBAAwBvB,CAAQ,IAC1C,IAAI;AAAA,IACF6C,IAAI;AAAA,IACJzC,OAAAA;AAAAA,IACAC,GAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAqC,UAAU;AAAA,IACV,GAAIb,IACA;AAAA,MACEc,KAAK;AAAA,QACHC,WAAY,kBAAiBX,IAAY,IAAI,CAAE;AAAA,QAC/CY,MAAM;AAAA,MACR;AAAA,IAAA,IAEF,CAAC;AAAA,IACLC,MAAM;AAAA,MACJC,GAAG;AAAA,IACL;AAAA,IACAzC,KAAAA;AAAAA,EAAAA,GAEF,aAAU,iBAETT,UAAAA;AAAAA,IAAAA,KACE,gBAAAmD,EAAAC,GAAA,EAAgB,KAAK,CAAC,KAAK,GAC1B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GACC,EAAA,SAASrD,GACT,SAAU,aAAYF,CAAQ,GAAEiB,IAAe,UAAU,EAAG,IAC5D,OAAOhB,GACP,GAAGa,GAAY;AAAA,MAGhBC,KACC,gBAAAuC,EAACE,GACC,EAAA,eAAe,CAAC,KAAK,GACrB,eAAc,aACd,IAAIzC,EAAYT,IAChB,IAAIS,EAAYN,MAAM,CAAC,KAAK,GAC5B,OAAOM,EAAYqB,SAAS,WAC5B,gBAAgBrB,EAAY0C,kBAAkB,CAAC,CAAC,IAAI,WAAW,CAAC,GAE/D1C,YAAY2C,MACf;AAAA,IAAA,GAEJ;AAAA,IAGF,gBAAAJ,EAACK,KACC,IAAIzD,GACJ,MAAAA,GACA,QAAQc,GACR,OACEe,IACIpB,IACCiB,KAAaA,EAAU3C,CAAkB,EAAEQ,KAAK,KACjDM,GAEN,SAAAqB,GACA,iBAAiBC,IAAkB,0BAA0B,IAC7D,SAAU,cAAarB,CAAQ,GAAEiB,IAAe,UAAU,EAAG,IAC7D,UAAW2C,OACT7E,EACE6E,EAAMC,OAAOC,OACb7E,GACA2C,GACAzC,GACAgB,GACCX,OAAWqC,EAAarC,CAAM,CACjC,GAEF,IAAI;AAAA,MACFoB,eAAAA;AAAAA,MACA,GAAGuB;AAAAA,IAAAA,GAEL,UAAUJ,GAETA,cACE,gBAAAqB,EAAA,UAAA,EAA+B,aAAU,mBACvCzC,UAAAA;AAAAA,MAAAA;AAAAA,MAAmB;AAAA,IADV,EAAA,GAAA,mBAGZ,IAGGe,gBAAAA,EAAAA,GAAAA,EAAAA,UAAAA;AAAAA,MAAuB9B,MAAAA;AAAAA,OAErB,CAACgC,KAAa,CAACf,MACd,gBAAAyC,EAAC,UAEC,EAAA,aAAU,mBACV,WAAWZ,GAEV3C,UAAAA,EAAAA,GAJG,cAKN;AAAA,MAGHD,EAAMX,QAAQ4E,IAAKvE,OACjB,gBAAA8D,EAAA,UAAA,EAEC,OAAO9D,EAAOP,CAAkB,GAChC,aAAU,mBACV,WAAW0D,GAEVnD,YAAOwE,MALHxE,GAAAA,EAAO+B,EAMd,CACD;AAAA,IAAA,EAAA,CACH,EAEJ,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library111.js

@@ -1,15 +1,6 @@
-import { j as r } from "./sd-component-library195.js";
+import { jsx as r } from "./sd-component-library195.js";
 import { Selector as e } from "./sd-component-library110.js";
-const i = (t) => /* @__PURE__ */ r.jsx(
-  e,
-  {
-    ...t,
-    defaultOptionColor: t.defaultOptionColor || "cl_grey",
-    variant: "tertiary",
-    gap: ["0"],
-    "data-test": "tertiary-selector"
-  }
-);
+const i = (t) => /* @__PURE__ */ r(e, { ...t, defaultOptionColor: t.defaultOptionColor || "cl_grey", variant: "tertiary", gap: ["0"], "data-test": "tertiary-selector" });
 export {
   i as TertiarySelector
 };

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library111.js","sources":["../src/components/selectors/tertiary-selector/tertiary-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Selector } from \"../selector\";\nimport { TertiarySelectorProps as Props } from \"./interfaces\";\n\n/**\n * The TertiarySelector.\n * @deprecated use TertiarySelectorV2 instead\n */\nexport const TertiarySelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  return (\n    <Selector\n      {...props}\n      defaultOptionColor={props.defaultOptionColor || \"cl_grey\"}\n      variant=\"tertiary\"\n      gap={[\"0\"]}\n      data-test=\"tertiary-selector\"\n    />\n  );\n};\n"],"names":["TertiarySelector","props","jsx","Selector"],"mappings":";;AASa,MAAAA,IAAmB,CAC9BC,MAGEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,oBAAoBA,EAAM,sBAAsB;AAAA,IAChD,SAAQ;AAAA,IACR,KAAK,CAAC,GAAG;AAAA,IACT,aAAU;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library111.js","sources":["../src/components/selectors/tertiary-selector/tertiary-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Selector } from \"../selector\";\nimport { TertiarySelectorProps as Props } from \"./interfaces\";\n\n/**\n * The TertiarySelector.\n * @deprecated use TertiarySelectorV2 instead\n */\nexport const TertiarySelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  return (\n    <Selector\n      {...props}\n      defaultOptionColor={props.defaultOptionColor || \"cl_grey\"}\n      variant=\"tertiary\"\n      gap={[\"0\"]}\n      data-test=\"tertiary-selector\"\n    />\n  );\n};\n"],"names":["TertiarySelector","props","jsx","Selector","defaultOptionColor"],"mappings":";;AASaA,MAAAA,IAAmB,CAC9BC,MAGG,gBAAAC,EAAAC,GAAA,EACC,GAAIF,GACJ,oBAAoBA,EAAMG,sBAAsB,WAChD,SAAQ,YACR,KAAK,CAAC,GAAG,GACT,aAAU,oBACV,CAAA;"}

package/lib/sd-component-library112.js

@@ -1,6 +1,6 @@
-import { j as t } from "./sd-component-library195.js";
+import { jsx as t } from "./sd-component-library195.js";
 import { Selector as e } from "./sd-component-library110.js";
-const m = (r) => /* @__PURE__ */ t.jsx(e, { ...r, variant: "primary", "data-test": "primary-selector" });
+const m = (r) => /* @__PURE__ */ t(e, { ...r, variant: "primary", "data-test": "primary-selector" });
 export {
   m as PrimarySelector
 };

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library112.js","sources":["../src/components/selectors/primary-selector/primary-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Selector } from \"../selector\";\nimport { PrimarySelectorProps as Props } from \"./interfaces\";\n\n/**\n * The PrimarySelector.\n * @deprecated use PrimarySelectorV2 instead\n */\nexport const PrimarySelector = <T extends string = string>(props: Props<T>) => {\n  return <Selector {...props} variant=\"primary\" data-test=\"primary-selector\" />;\n};\n"],"names":["PrimarySelector","props","Selector"],"mappings":";;AASa,MAAAA,IAAkB,CAA4BC,4BACjDC,GAAU,EAAA,GAAGD,GAAO,SAAQ,WAAU,aAAU,mBAAmB,CAAA;"}
+{"version":3,"file":"sd-component-library112.js","sources":["../src/components/selectors/primary-selector/primary-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Selector } from \"../selector\";\nimport { PrimarySelectorProps as Props } from \"./interfaces\";\n\n/**\n * The PrimarySelector.\n * @deprecated use PrimarySelectorV2 instead\n */\nexport const PrimarySelector = <T extends string = string>(props: Props<T>) => {\n  return <Selector {...props} variant=\"primary\" data-test=\"primary-selector\" />;\n};\n"],"names":["PrimarySelector","props","Selector"],"mappings":";;AASaA,MAAAA,IAAkB,CAA4BC,wBACjDC,GAAS,EAAA,GAAID,GAAO,SAAQ,WAAU,aAAU,mBAAqB,CAAA;"}

package/lib/sd-component-library113.js

@@ -1,20 +1,13 @@
-import { j as o } from "./sd-component-library195.js";
+import { jsx as t } from "./sd-component-library195.js";
 import { Selector as a } from "./sd-component-library110.js";
-const s = (r) => {
-  const { labelMargin: t = ["0px"], gap: e = ["3px"] } = r;
-  return /* @__PURE__ */ o.jsx(
-    a,
-    {
-      ...r,
-      gap: e,
-      labelMargin: t,
-      defaultOptionColor: "cl_grey",
-      variant: "secondary",
-      "data-test": "secondary-selector"
-    }
-  );
+const l = (r) => {
+  const {
+    labelMargin: e = ["0px"],
+    gap: o = ["3px"]
+  } = r;
+  return /* @__PURE__ */ t(a, { ...r, gap: o, labelMargin: e, defaultOptionColor: "cl_grey", variant: "secondary", "data-test": "secondary-selector" });
 };
 export {
-  s as SecondarySelector
+  l as SecondarySelector
 };
 //# sourceMappingURL=sd-component-library113.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library113.js","sources":["../src/components/selectors/secondary-selector/secondary-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Selector } from \"../selector\";\nimport { SecondarySelectorProps as Props } from \"./interfaces\";\n\n/**\n * The SecondarySelector.\n * @deprecated use SecondarySelectorV2 instead\n */\nexport const SecondarySelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  const { labelMargin = [\"0px\"], gap = [\"3px\"] } = props;\n\n  return (\n    <Selector\n      {...props}\n      gap={gap}\n      labelMargin={labelMargin}\n      defaultOptionColor={\"cl_grey\"}\n      variant=\"secondary\"\n      data-test=\"secondary-selector\"\n    />\n  );\n};\n"],"names":["SecondarySelector","props","labelMargin","gap","jsx","Selector"],"mappings":";;AASa,MAAAA,IAAoB,CAC/BC,MACG;AACG,QAAA,EAAE,aAAAC,IAAc,CAAC,KAAK,GAAG,KAAAC,IAAM,CAAC,KAAK,EAAM,IAAAF;AAG/C,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,KAAAE;AAAA,MACA,aAAAD;AAAA,MACA,oBAAoB;AAAA,MACpB,SAAQ;AAAA,MACR,aAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"sd-component-library113.js","sources":["../src/components/selectors/secondary-selector/secondary-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Selector } from \"../selector\";\nimport { SecondarySelectorProps as Props } from \"./interfaces\";\n\n/**\n * The SecondarySelector.\n * @deprecated use SecondarySelectorV2 instead\n */\nexport const SecondarySelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  const { labelMargin = [\"0px\"], gap = [\"3px\"] } = props;\n\n  return (\n    <Selector\n      {...props}\n      gap={gap}\n      labelMargin={labelMargin}\n      defaultOptionColor={\"cl_grey\"}\n      variant=\"secondary\"\n      data-test=\"secondary-selector\"\n    />\n  );\n};\n"],"names":["SecondarySelector","props","labelMargin","gap","jsx","Selector"],"mappings":";;AASaA,MAAAA,IAAoB,CAC/BC,MACG;AACG,QAAA;AAAA,IAAEC,aAAAA,IAAc,CAAC,KAAK;AAAA,IAAGC,KAAAA,IAAM,CAAC,KAAK;AAAA,EAAMF,IAAAA;AAG/C,SAAA,gBAAAG,EAACC,GACC,EAAA,GAAIJ,GACJ,KAAAE,GACA,aAAAD,GACA,oBAAoB,WACpB,SAAQ,aACR,aAAU,qBACV,CAAA;AAEN;"}

package/lib/sd-component-library114.js

@@ -1,15 +1,6 @@
-import { j as r } from "./sd-component-library195.js";
+import { jsx as r } from "./sd-component-library195.js";
 import { Selector as o } from "./sd-component-library110.js";
-const m = (t) => /* @__PURE__ */ r.jsx(
-  o,
-  {
-    ...t,
-    variant: "compact",
-    gap: ["1px"],
-    textTransform: t.textTransform || "none",
-    "data-test": "compact-primary-selector"
-  }
-);
+const m = (t) => /* @__PURE__ */ r(o, { ...t, variant: "compact", gap: ["1px"], textTransform: t.textTransform || "none", "data-test": "compact-primary-selector" });
 export {
   m as CompactPrimarySelector
 };

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library114.js","sources":["../src/components/selectors/compact-primary-selector/compact-primary-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Selector } from \"../selector\";\nimport { CompactPrimarySelectorProps as Props } from \"./interfaces\";\n\n/**\n * @deprecated is preferred to use V2 or custom selector instead\n */\nexport const CompactPrimarySelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  return (\n    <Selector\n      {...props}\n      variant={\"compact\"}\n      gap={[\"1px\"]}\n      textTransform={props.textTransform || \"none\"}\n      data-test=\"compact-primary-selector\"\n    />\n  );\n};\n"],"names":["CompactPrimarySelector","props","jsx","Selector"],"mappings":";;AAQa,MAAAA,IAAyB,CACpCC,MAGEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAS;AAAA,IACT,KAAK,CAAC,KAAK;AAAA,IACX,eAAeA,EAAM,iBAAiB;AAAA,IACtC,aAAU;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library114.js","sources":["../src/components/selectors/compact-primary-selector/compact-primary-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Selector } from \"../selector\";\nimport { CompactPrimarySelectorProps as Props } from \"./interfaces\";\n\n/**\n * @deprecated is preferred to use V2 or custom selector instead\n */\nexport const CompactPrimarySelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  return (\n    <Selector\n      {...props}\n      variant={\"compact\"}\n      gap={[\"1px\"]}\n      textTransform={props.textTransform || \"none\"}\n      data-test=\"compact-primary-selector\"\n    />\n  );\n};\n"],"names":["CompactPrimarySelector","props","jsx","Selector","textTransform"],"mappings":";;AAQaA,MAAAA,IAAyB,CACpCC,MAGG,gBAAAC,EAAAC,GAAA,EACC,GAAIF,GACJ,SAAS,WACT,KAAK,CAAC,KAAK,GACX,eAAeA,EAAMG,iBAAiB,QACtC,aAAU,2BACV,CAAA;"}